Render Pay with Card button on PayPal view.

Author: sshropshire

Demo/src/main/java/com/paypal/android/ui/paypalweb/PayPalWebView.kt

@@ -19,6 +19,7 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import com.paypal.android.uishared.components.ActionButtonColumn
+import com.paypal.android.uishared.components.ActionPaymentButtonColumn
 import com.paypal.android.uishared.components.CreateOrderForm
 import com.paypal.android.uishared.components.ErrorView
 import com.paypal.android.uishared.components.OrderView
@@ -106,9 +107,8 @@ private fun Step2_StartPayPalWebCheckout(uiState: PayPalWebUiState, viewModel: P
             fundingSource = uiState.fundingSource,
             onFundingSourceChange = { value -> viewModel.fundingSource = value },
         )
-        ActionButtonColumn(
-            defaultTitle = "START CHECKOUT",
-            successTitle = "CHECKOUT COMPLETE",
+        ActionPaymentButtonColumn(
+            fundingSource = uiState.fundingSource,
             state = uiState.payPalWebCheckoutState,
             onClick = { context.getActivityOrNull()?.let { viewModel.startWebCheckout(it) } },
             modifier = Modifier

Demo/src/main/java/com/paypal/android/uishared/components/ActionPaymentButtonColumn.kt

@@ -19,14 +19,14 @@ import com.paypal.android.paymentbuttons.PayPalButton
 import com.paypal.android.paymentbuttons.PayPalButtonColor
 import com.paypal.android.paymentbuttons.PayPalButtonLabel
 import com.paypal.android.paymentbuttons.PaymentButtonSize
-import com.paypal.android.uishared.enums.DemoPaymentButtonType
+import com.paypal.android.paypalwebpayments.PayPalWebCheckoutFundingSource
 import com.paypal.android.uishared.state.ActionState
 import com.paypal.android.uishared.state.CompletedActionState
 import com.paypal.android.utils.UIConstants
 
 @Composable
 fun <S, E> ActionPaymentButtonColumn(
-    type: DemoPaymentButtonType,
+    fundingSource: PayPalWebCheckoutFundingSource,
     state: ActionState<S, E>,
     onClick: () -> Unit,
     modifier: Modifier = Modifier,
@@ -36,7 +36,7 @@ fun <S, E> ActionPaymentButtonColumn(
         modifier = modifier
     ) {
         DemoPaymentButton(
-            type = type,
+            fundingSource = fundingSource,
             onClick = {
                 if (state is ActionState.Idle) {
                     onClick()
@@ -59,29 +59,31 @@ fun <S, E> ActionPaymentButtonColumn(
 
 @Composable
 fun DemoPaymentButton(
-    type: DemoPaymentButtonType,
+    fundingSource: PayPalWebCheckoutFundingSource,
     onClick: () -> Unit,
     modifier: Modifier = Modifier
 ) {
-    when (type) {
-        DemoPaymentButtonType.PAYPAL -> AndroidView(
+    when (fundingSource) {
+
+        PayPalWebCheckoutFundingSource.CARD -> AndroidView(
             factory = { context ->
-                PayPalButton(context).apply { setOnClickListener { onClick() } }
+                CardButton(context).apply { setOnClickListener { onClick() } }
             },
             update = { button ->
-                button.color = PayPalButtonColor.BLUE
-                button.label = PayPalButtonLabel.PAY
+                button.label = CardButtonLabel.PAY
                 button.size = PaymentButtonSize.LARGE
             },
             modifier = modifier
         )
 
-        DemoPaymentButtonType.CARD -> AndroidView(
+        else -> AndroidView(
             factory = { context ->
-                CardButton(context).apply { setOnClickListener { onClick() } }
+                PayPalButton(context).apply { setOnClickListener { onClick() } }
             },
             update = { button ->
-                button.label = CardButtonLabel.PAY
+                button.color = PayPalButtonColor.BLUE
+                button.label = PayPalButtonLabel.PAY
+                button.size = PaymentButtonSize.LARGE
             },
             modifier = modifier
         )
@@ -95,7 +97,7 @@ fun StatefulActionPaymentButtonPreview() {
         Surface(modifier = Modifier.fillMaxSize()) {
             Column {
                 ActionPaymentButtonColumn(
-                    type = DemoPaymentButtonType.CARD,
+                    fundingSource = PayPalWebCheckoutFundingSource.CARD,
                     state = ActionState.Idle,
                     onClick = {},
                     modifier = Modifier