Pay Pal Messaging

.gitignore

@@ -4,6 +4,8 @@
 *.ap_
 *.aab
 
+!Demo/static-libs/*.aar
+
 # Files for the ART/Dalvik VM
 *.dex
 

Demo/build.gradle

@@ -14,7 +14,7 @@ android {
 
     defaultConfig {
         applicationId "com.paypal.android"
-        minSdkVersion 21
+        minSdkVersion 23
         targetSdkVersion 33
         versionCode 1
         versionName "1.0"
@@ -91,6 +91,9 @@ dependencies {
     implementation deps.androidxLifecycleRuntimeKtx
     implementation deps.fragmentKtx
 
+    // Ref: https://stackoverflow.com/a/49663101
+    implementation fileTree(include: ['*.aar'], dir: 'static-libs')
+
     // TODO: remove dependency when we don't relay on nxo models anymore
     implementation (deps.nativeCheckout) {
         exclude module: 'data-collector'

Demo/src/main/java/com/paypal/android/ui/features/FeaturesFragment.kt

@@ -51,7 +51,8 @@ class FeaturesFragment : Fragment() {
         CARD_VAULT(R.string.feature_vault),
         PAYPAL_WEB(R.string.feature_paypal_web),
         PAYPAL_BUTTONS(R.string.feature_paypal_buttons),
-        PAYPAL_NATIVE(R.string.feature_paypal_native)
+        PAYPAL_NATIVE(R.string.feature_paypal_native),
+        PAYPAL_MESSAGING(R.string.feature_paypal_messaging)
     }
 
     private val cardFeatures = listOf(
@@ -68,6 +69,10 @@ class FeaturesFragment : Fragment() {
         Feature.PAYPAL_NATIVE
     )
 
+    private val payPalMessagingFeatures = listOf(
+        Feature.PAYPAL_MESSAGING
+    )
+
     override fun onCreateView(
         inflater: LayoutInflater,
         container: ViewGroup?,
@@ -111,6 +116,10 @@ class FeaturesFragment : Fragment() {
             Feature.CARD_VAULT -> {
                 FeaturesFragmentDirections.actionPaymentMethodsFragmentToVaultFragment()
             }
+
+            Feature.PAYPAL_MESSAGING -> {
+                FeaturesFragmentDirections.actionPaymentMethodsFragmentToPayPalMessagingFragment()
+            }
         }
         findNavController().navigate(action)
     }
@@ -146,6 +155,12 @@ class FeaturesFragment : Fragment() {
             item {
                 FeatureOptions(payPalNativeFeatures, onFeatureSelected = onFeatureSelected)
             }
+            stickyHeader {
+                FeatureGroupHeader("PayPal Messaging")
+            }
+            item {
+                FeatureOptions(payPalMessagingFeatures, onFeatureSelected = onFeatureSelected)
+            }
         }
     }
 

Demo/src/main/java/com/paypal/android/ui/paypalmessaging/PayPalMessagingFragment.kt

@@ -0,0 +1,115 @@
+package com.paypal.android.ui.paypalmessaging
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.ComposeView
+import androidx.compose.ui.platform.ViewCompositionStrategy
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.viewinterop.AndroidView
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.viewModels
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import com.paypal.messages.PayPalMessageView
+import com.paypal.messages.config.message.PayPalMessageConfig
+import com.paypal.messages.config.message.PayPalMessageData
+import dagger.hilt.android.AndroidEntryPoint
+
+@AndroidEntryPoint
+class PayPalMessagingFragment : Fragment() {
+
+    private val viewModel by viewModels<PayPalMessagingViewModel>()
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ) = ComposeView(requireContext()).apply {
+        viewModel.fetchClientId()
+        setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)
+        setContent {
+            MaterialTheme {
+                Surface(modifier = Modifier.fillMaxSize()) {
+                    val clientId by viewModel.clientId.collectAsStateWithLifecycle()
+                    PayPalMessagingView(clientId)
+                }
+            }
+        }
+    }
+
+    @Composable
+    fun PayPalMessagingView(clientId: String) {
+        Column(
+            modifier = Modifier
+                .padding(16.dp)
+                .fillMaxWidth()
+        ) {
+            Box(
+                modifier = Modifier.fillMaxWidth()
+            ) {
+                if (clientId.isNotEmpty()) {
+                    val config = PayPalMessageConfig()
+                    config.setGlobalAnalytics("", "")
+                    config.data = PayPalMessageData(clientId = clientId)
+
+                    // Ref: https://developer.android.com/jetpack/compose/migrate/interoperability-apis/views-in-compose#androidview_in_lazy_lists
+                    AndroidView(
+                        factory = { context ->
+                            // Demo: Intrinsic Height
+                            // val messageView = PayPalMessagingPlaceholderView(context)
+                            // messageView
+                            // End: Intrinsic Height
+
+                            // Demo: PayPal Messaging Integration
+                            val messageView = PayPalMessageView(context, config = config)
+                            messageView.layoutParams = ViewGroup.LayoutParams(
+                                ViewGroup.LayoutParams.MATCH_PARENT,
+                                ViewGroup.LayoutParams.MATCH_PARENT
+                            )
+                            messageView
+                            // End: PayPal Messaging Integration
+
+//                            // NOTE: Kotlin getters / setters would be preferable to Java style getters / setters
+//                            messageView.setLogoType(PayPalMessageLogoType.ALTERNATIVE)
+//                            messageView.setColor(PayPalMessageColor.MONOCHROME)
+//                            messageView.setViewStates(
+//                                PayPalMessageViewState(
+//                                    onLoading = {
+//                                        Log.d("TAG", "onLoading")
+//                                    },
+//                                    onError = {
+//                                        Log.d("TAG", "onError")
+//                                    },
+//                                    onSuccess = {
+//                                        Log.d("TAG", "onSuccess")
+//                                    }
+//                                )
+//                            )
+                        }
+                    )
+                }
+            }
+        }
+    }
+
+    @Preview
+    @Composable
+    fun PayPalMessagingViewPreview() {
+        MaterialTheme {
+            Surface(modifier = Modifier.fillMaxSize()) {
+                PayPalMessagingView("")
+            }
+        }
+    }
+}

Demo/src/main/java/com/paypal/android/ui/paypalmessaging/PayPalMessagingPlaceholderView.kt

@@ -0,0 +1,19 @@
+package com.paypal.android.ui.paypalmessaging
+
+import android.content.Context
+import android.util.AttributeSet
+import android.view.LayoutInflater
+import android.widget.FrameLayout
+import com.paypal.android.R
+
+class PayPalMessagingPlaceholderView @JvmOverloads constructor(
+    context: Context,
+    attributeSet: AttributeSet? = null,
+    defStyleAttr: Int = 0,
+) : FrameLayout(context, attributeSet, defStyleAttr) {
+
+    init {
+        LayoutInflater.from(context)
+            .inflate(R.layout.pay_pal_messaging_placeholder_view, this, true)
+    }
+}

Demo/src/main/java/com/paypal/android/ui/paypalmessaging/PayPalMessagingViewModel.kt

@@ -0,0 +1,26 @@
+package com.paypal.android.ui.paypalmessaging
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.paypal.android.api.services.SDKSampleServerAPI
+import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import javax.inject.Inject
+
+@HiltViewModel
+class PayPalMessagingViewModel @Inject constructor(
+    val sdkSampleServerAPI: SDKSampleServerAPI
+) : ViewModel() {
+
+    private val _clientId = MutableStateFlow("")
+    val clientId = _clientId.asStateFlow()
+
+    fun fetchClientId() {
+        viewModelScope.launch {
+            _clientId.update { sdkSampleServerAPI.fetchClientId() }
+        }
+    }
+}

Demo/src/main/res/layout/pay_pal_messaging_placeholder_view.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<TextView xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/content"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:text="@string/pay_pal_message_text" />

Demo/src/main/res/navigation/nav_graph.xml

@@ -23,6 +23,9 @@
         <action
             android:id="@+id/action_paymentMethodsFragment_to_payPalNativeFragment"
             app:destination="@id/payPalNativeFragment" />
+        <action
+            android:id="@+id/action_paymentMethodsFragment_to_payPalMessagingFragment"
+            app:destination="@id/payPalMessagingFragment" />
     </fragment>
     <fragment
         android:id="@+id/cardFragment"
@@ -56,4 +59,8 @@
         android:id="@+id/payPalWebFragment"
         android:name="com.paypal.android.ui.paypalweb.PayPalWebFragment"
         android:label="PayPalWebFragment" />
+    <fragment
+        android:id="@+id/payPalMessagingFragment"
+        android:name="com.paypal.android.ui.paypalmessaging.PayPalMessagingFragment"
+        android:label="PayPalMessagingFragment" />
 </navigation>

Demo/src/main/res/values/strings.xml

@@ -8,6 +8,7 @@
     <string name="feature_paypal_web">PayPal Web</string>
     <string name="feature_paypal_native">PayPal Native</string>
     <string name="feature_paypal_buttons">PayPal Buttons</string>
+    <string name="feature_paypal_messaging">PayPal Messaging</string>
 
     <!-- Card Fields -->
     <string name="card_field_card_number">CARD NUMBER</string>
@@ -46,4 +47,6 @@
     <string name="intent_title">Intent</string>
     <string name="intent_authorize">AUTHORIZE</string>
     <string name="intent_capture">CAPTURE</string>
+
+    <string name="pay_pal_message_text">Hello from TextView</string>
 </resources>