MBL-1475 Add backing details navigation

app/src/main/AndroidManifest.xml

@@ -166,6 +166,9 @@
         <activity
             android:name=".ui.activities.MessageThreadsActivity"
             android:parentActivityName=".ui.activities.ProfileActivity" />
+        <activity
+          android:name=".features.pledgedprojectsoverview.ui.BackingDetailsActivity"
+          android:parentActivityName=".features.pledgedprojectsoverview.ui.PledgedProjectsOverviewActivity" />
         <activity
             android:name=".features.pledgedprojectsoverview.ui.PledgedProjectsOverviewActivity"
             android:parentActivityName=".ui.activities.DiscoveryActivity" />

app/src/main/java/com/kickstarter/features/pledgedprojectsoverview/ui/BackingDetailsActivity.kt

@@ -0,0 +1,45 @@
+package com.kickstarter.features.pledgedprojectsoverview.ui
+
+import android.os.Bundle
+import androidx.activity.addCallback
+import androidx.activity.viewModels
+import androidx.appcompat.app.AppCompatActivity
+import androidx.lifecycle.Lifecycle
+import androidx.lifecycle.lifecycleScope
+import androidx.lifecycle.repeatOnLifecycle
+import com.kickstarter.databinding.ActivityBackingDetailsBinding
+import com.kickstarter.libs.utils.extensions.getEnvironment
+import com.kickstarter.ui.extensions.finishWithAnimation
+import com.kickstarter.viewmodels.BackingDetailsViewModel
+import kotlinx.coroutines.launch
+
+class BackingDetailsActivity : AppCompatActivity() {
+
+    private lateinit var binding: ActivityBackingDetailsBinding
+    private lateinit var viewModelFactory: BackingDetailsViewModel.Factory
+    private val viewModel: BackingDetailsViewModel by viewModels { viewModelFactory }
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        binding = ActivityBackingDetailsBinding.inflate(layoutInflater)
+
+        this.getEnvironment()?.let { env ->
+            viewModelFactory = BackingDetailsViewModel.Factory(env, intent = intent)
+            env
+        }
+
+        setContentView(binding.root)
+
+        lifecycleScope.launch {
+            repeatOnLifecycle(Lifecycle.State.STARTED) {
+                viewModel.url.collect { url ->
+                    binding.webView.loadUrl(url)
+                }
+            }
+        }
+
+        this.onBackPressedDispatcher.addCallback {
+            finishWithAnimation()
+        }
+    }
+}

app/src/main/java/com/kickstarter/features/pledgedprojectsoverview/ui/PPOCardView.kt

@@ -68,6 +68,7 @@ fun PPOCardPreview() {
                     showBadge = true,
                     onActionButtonClicked = {},
                     onSecondaryActionButtonClicked = {},
+                    onProjectPledgeSummaryClick = {},
                     timeNumberForAction = 5
                 )
 
@@ -84,6 +85,7 @@ fun PPOCardPreview() {
                     showBadge = true,
                     onActionButtonClicked = {},
                     onSecondaryActionButtonClicked = {},
+                    onProjectPledgeSummaryClick = {},
                     timeNumberForAction = 6
                 )
 
@@ -101,6 +103,7 @@ fun PPOCardPreview() {
                     showBadge = false,
                     onActionButtonClicked = {},
                     onSecondaryActionButtonClicked = {},
+                    onProjectPledgeSummaryClick = {},
                     timeNumberForAction = 6
                 )
 
@@ -118,6 +121,7 @@ fun PPOCardPreview() {
                     showBadge = true,
                     onActionButtonClicked = {},
                     onSecondaryActionButtonClicked = {},
+                    onProjectPledgeSummaryClick = {},
                     timeNumberForAction = 7
                 )
 
@@ -135,6 +139,7 @@ fun PPOCardPreview() {
                     showBadge = false,
                     onActionButtonClicked = {},
                     onSecondaryActionButtonClicked = {},
+                    onProjectPledgeSummaryClick = {},
                     timeNumberForAction = 7
                 )
 
@@ -152,6 +157,7 @@ fun PPOCardPreview() {
                     showBadge = true,
                     onActionButtonClicked = {},
                     onSecondaryActionButtonClicked = {},
+                    onProjectPledgeSummaryClick = {},
                     timeNumberForAction = 8
                 )
 
@@ -169,6 +175,7 @@ fun PPOCardPreview() {
                     showBadge = false,
                     onActionButtonClicked = {},
                     onSecondaryActionButtonClicked = {},
+                    onProjectPledgeSummaryClick = {},
                     timeNumberForAction = 8
                 )
 
@@ -198,6 +205,7 @@ enum class PPOCardViewTestTag {
 fun PPOCardView(
     viewType: PPOCardViewType,
     onCardClick: () -> Unit,
+    onProjectPledgeSummaryClick: () -> Unit,
     projectName: String? = null,
     pledgeAmount: String? = null,
     imageUrl: String? = null,
@@ -240,7 +248,8 @@ fun PPOCardView(
                     projectName = projectName,
                     pledgeAmount = pledgeAmount,
                     imageUrl = imageUrl,
-                    imageContentDescription = imageContentDescription
+                    imageContentDescription = imageContentDescription,
+                    onProjectPledgeSummaryClick = onProjectPledgeSummaryClick
                 )
 
                 CreatorNameSendMessageView(
@@ -280,9 +289,11 @@ fun ProjectPledgeSummaryView(
     pledgeAmount: String? = null,
     imageUrl: String? = null,
     imageContentDescription: String? = null,
+    onProjectPledgeSummaryClick: () -> Unit
 ) {
     Row(
         modifier = Modifier
+            .clickable { onProjectPledgeSummaryClick.invoke() }
             .fillMaxWidth()
             .padding(all = dimensions.paddingMediumSmall)
     ) {

app/src/main/java/com/kickstarter/features/pledgedprojectsoverview/ui/PledgedProjectsOverviewActivity.kt

@@ -1,5 +1,6 @@
 package com.kickstarter.features.pledgedprojectsoverview.ui
 
+import android.content.Intent
 import android.os.Build
 import android.os.Bundle
 import androidx.activity.OnBackPressedCallback
@@ -20,6 +21,7 @@ import com.kickstarter.libs.MessagePreviousScreenType
 import com.kickstarter.libs.utils.TransitionUtils
 import com.kickstarter.libs.utils.extensions.getEnvironment
 import com.kickstarter.libs.utils.extensions.isDarkModeEnabled
+import com.kickstarter.ui.IntentKey
 import com.kickstarter.ui.SharedPreferenceKey
 import com.kickstarter.ui.activities.AppThemes
 import com.kickstarter.ui.compose.designsystem.KickstarterApp
@@ -72,6 +74,8 @@ class PledgedProjectsOverviewActivity : AppCompatActivity() {
                         ppoCards = ppoCardPagingSource,
                         totalAlerts = totalAlerts.value,
                         onAddressConfirmed = { viewModel.showSnackbarAndRefreshCardsList() },
+                        onCardClick = { },
+                        onProjectPledgeSummaryClick = { url -> openBackingDetailsWebView(url) },
                         onSendMessageClick = { projectName -> viewModel.onMessageCreatorClicked(projectName) }
                     )
                 }
@@ -98,4 +102,10 @@ class PledgedProjectsOverviewActivity : AppCompatActivity() {
             }
         }
     }
+
+    private fun openBackingDetailsWebView(url: String) {
+        val intent = Intent(this, BackingDetailsActivity::class.java)
+            .putExtra(IntentKey.URL, url)
+        startActivity(intent)
+    }
 }

app/src/main/java/com/kickstarter/features/pledgedprojectsoverview/ui/PledgedProjectsOverviewScreen.kt

@@ -56,6 +56,8 @@ private fun PledgedProjectsOverviewScreenPreview() {
                 totalAlerts = 10,
                 onBackPressed = {},
                 onAddressConfirmed = {},
+                onCardClick = {},
+                onProjectPledgeSummaryClick = {},
                 onSendMessageClick = {},
                 errorSnackBarHostState = SnackbarHostState()
             )
@@ -72,6 +74,8 @@ fun PledgedProjectsOverviewScreen(
     errorSnackBarHostState: SnackbarHostState,
     ppoCards: LazyPagingItems<PPOCardDataMock>,
     totalAlerts: Int = 0,
+    onCardClick: () -> Unit,
+    onProjectPledgeSummaryClick: (backingDetailsUrl: String) -> Unit,
     onSendMessageClick: (projectName: String) -> Unit
 ) {
     val openConfirmAddressAlertDialog = remember { mutableStateOf(false) }
@@ -129,6 +133,7 @@ fun PledgedProjectsOverviewScreen(
                         PPOCardView(
                             viewType = it.viewType,
                             onCardClick = { },
+                            onProjectPledgeSummaryClick = { onProjectPledgeSummaryClick(it.backingDetailsUrl) },
                             projectName = it.projectName,
                             pledgeAmount = it.pledgeAmount,
                             imageUrl = it.imageUrl,
@@ -196,5 +201,6 @@ data class PPOCardDataMock(
     val showBadge: Boolean = true,
     val onActionButtonClicked: () -> Unit = {},
     val onSecondaryActionButtonClicked: () -> Unit = {},
-    val timeNumberForAction: Int = 25
+    val timeNumberForAction: Int = 25,
+    val backingDetailsUrl: String = "https://www.kickstarter.com/projects/thehoneycouple/the-honey-couples-building-expansion"
 )

app/src/main/java/com/kickstarter/features/pledgedprojectsoverview/viewmodel/PledgedProjectsOverviewViewModel.kt

@@ -35,7 +35,7 @@ class PledgedProjectsOverviewViewModel(environment: Environment) : ViewModel() {
     val totalAlertsState: StateFlow<Int> = totalAlerts.asStateFlow()
 
     fun showSnackbarAndRefreshCardsList() {
-        snackbarMessage.invoke(R.string.address_confirmed_snackbar_text)
+        snackbarMessage.invoke(R.string.address_confirmed_snackbar_text_fpo)
 
         // TODO: MBL-1556 refresh the PPO list (i.e. requery the PPO list).
     }

app/src/main/java/com/kickstarter/viewmodels/BackingDetailsViewModel.kt

@@ -0,0 +1,39 @@
+package com.kickstarter.viewmodels
+
+import android.content.Intent
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.ViewModelProvider
+import androidx.lifecycle.viewModelScope
+import com.kickstarter.libs.Environment
+import com.kickstarter.ui.IntentKey
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.SharingStarted
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.stateIn
+import kotlinx.coroutines.launch
+
+class BackingDetailsViewModel(environment: Environment, private val intent: Intent? = null) : ViewModel() {
+
+    private var mutableUrl = MutableStateFlow<String>("")
+    val url: StateFlow<String>
+        get() = mutableUrl.asStateFlow()
+            .stateIn(
+                scope = viewModelScope,
+                started = SharingStarted.WhileSubscribed(),
+                initialValue = ""
+            )
+    init {
+        viewModelScope.launch {
+            intent?.getStringExtra(IntentKey.URL)?.let { url ->
+                mutableUrl.emit(url)
+            }
+        }
+    }
+
+    class Factory(private val environment: Environment, private val intent: Intent? = null) : ViewModelProvider.Factory {
+        override fun <T : ViewModel> create(modelClass: Class<T>): T {
+            return BackingDetailsViewModel(environment, intent) as T
+        }
+    }
+}

app/src/main/res/layout/activity_backing_details.xml

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.coordinatorlayout.widget.CoordinatorLayout
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  xmlns:app="http://schemas.android.com/apk/res-auto"
+  android:layout_width="match_parent"
+  android:layout_height="match_parent">
+
+  <com.google.android.material.appbar.AppBarLayout
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content">
+
+    <com.kickstarter.ui.toolbars.KSToolbar
+      android:id="@+id/web_view_toolbar"
+      style="@style/Toolbar"
+      app:contentInsetLeft="0dp"
+      app:contentInsetStart="0dp">
+
+      <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:gravity="center_vertical"
+        android:orientation="horizontal">
+
+        <com.kickstarter.ui.views.IconButton
+          android:id="@+id/back_button"
+          style="@style/ToolbarIconBackButton" />
+
+        <TextView
+          android:id="@+id/title_text_view"
+          style="@style/ToolbarTitle"
+          android:text="@string/backing_details_fpo" />
+
+      </RelativeLayout>
+
+    </com.kickstarter.ui.toolbars.KSToolbar>
+
+  </com.google.android.material.appbar.AppBarLayout>
+
+  <com.kickstarter.ui.views.KSWebView
+    android:id="@+id/web_view"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    app:layout_behavior="@string/appbar_scrolling_view_behavior" />
+
+</androidx.coordinatorlayout.widget.CoordinatorLayout>

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

@@ -91,6 +91,7 @@
   <!-- PPO Mock Strings -->
   <string name="project_alerts_fpo">Project Alerts</string>
   <string name="alerts_fpo">Alerts (%1$s)</string>
-  <string name="address_confirmed_snackbar_text">Address confirmed! Need to change your address before it locks? Visit your backing details on our website.</string>
+  <string name="address_confirmed_snackbar_text_fpo">Address confirmed! Need to change your address before it locks? Visit your backing details on our website.</string>
+  <string name="backing_details_fpo">Backing details</string>
 
 </resources>

app/src/test/java/com/kickstarter/features/pledgedprojectsoverview/ui/PledgedProjectsOverviewScreenTest.kt

@@ -33,7 +33,9 @@ class PledgedProjectsOverviewScreenTest : KSRobolectricTestCase() {
                     ppoCards = ppoCardList,
                     errorSnackBarHostState = SnackbarHostState(),
                     onSendMessageClick = {},
-                    onAddressConfirmed = {}
+                    onAddressConfirmed = {},
+                    onCardClick = {},
+                    onProjectPledgeSummaryClick = {}
                 )
             }
         }

app/src/test/java/com/kickstarter/features/pledgedprojectsoverview/viewmodel/PledgedProjectsOverviewViewModelTest.kt

@@ -82,7 +82,7 @@ class PledgedProjectsOverviewViewModelTest : KSRobolectricTestCase() {
             // Should equal address confirmed string id
             assertEquals(
                 snackbarAction,
-                R.string.address_confirmed_snackbar_text
+                R.string.address_confirmed_snackbar_text_fpo
             )
         }
 }

app/src/test/java/com/kickstarter/ui/activities/compose/PPOCardViewKtTest.kt

@@ -24,6 +24,7 @@ class PPOCardViewKtTest : KSRobolectricTestCase() {
                 PPOCardView(
                     viewType = PPOCardViewType.CONFIRM_ADDRESS,
                     onCardClick = {},
+                    onProjectPledgeSummaryClick = {},
                     projectName = "Sugardew Island - Your cozy farm shop let’s pretend this is a longer title let’s pretend this is a longer title",
                     pledgeAmount = "$50.00",
                     creatorName = "Some really really really really really really really long name",
@@ -53,6 +54,7 @@ class PPOCardViewKtTest : KSRobolectricTestCase() {
                 PPOCardView(
                     viewType = PPOCardViewType.ADDRESS_CONFIRMED,
                     onCardClick = {},
+                    onProjectPledgeSummaryClick = {},
                     projectName = "Sugardew Island - Your cozy farm shop let’s pretend this is a longer title let’s pretend this is a longer title",
                     pledgeAmount = "$50.00",
                     creatorName = "Some really really really really really really really long name",
@@ -83,6 +85,7 @@ class PPOCardViewKtTest : KSRobolectricTestCase() {
                 PPOCardView(
                     viewType = PPOCardViewType.FIX_PAYMENT,
                     onCardClick = {},
+                    onProjectPledgeSummaryClick = {},
                     projectName = "Sugardew Island - Your cozy farm shop let’s pretend this is a longer title let’s pretend this is a longer title",
                     pledgeAmount = "$50.00",
                     creatorName = "Some really really really really really really really long name",
@@ -113,6 +116,7 @@ class PPOCardViewKtTest : KSRobolectricTestCase() {
                 PPOCardView(
                     viewType = PPOCardViewType.PAYMENT_FIXED,
                     onCardClick = {},
+                    onProjectPledgeSummaryClick = {},
                     projectName = "Sugardew Island - Your cozy farm shop let’s pretend this is a longer title let’s pretend this is a longer title",
                     pledgeAmount = "$50.00",
                     creatorName = "Some really really really really really really really long name",
@@ -141,6 +145,7 @@ class PPOCardViewKtTest : KSRobolectricTestCase() {
                 PPOCardView(
                     viewType = PPOCardViewType.AUTHENTICATE_CARD,
                     onCardClick = {},
+                    onProjectPledgeSummaryClick = {},
                     projectName = "Sugardew Island - Your cozy farm shop let’s pretend this is a longer title let’s pretend this is a longer title",
                     pledgeAmount = "$60.00",
                     creatorName = "Some really really really really really really really long name",
@@ -171,6 +176,7 @@ class PPOCardViewKtTest : KSRobolectricTestCase() {
                 PPOCardView(
                     viewType = PPOCardViewType.CARD_AUTHENTICATED,
                     onCardClick = {},
+                    onProjectPledgeSummaryClick = {},
                     projectName = "Sugardew Island - Your cozy farm shop let’s pretend this is a longer title let’s pretend this is a longer title",
                     pledgeAmount = "$60.00",
                     creatorName = "Some really really really really really really really long name",
@@ -199,6 +205,7 @@ class PPOCardViewKtTest : KSRobolectricTestCase() {
                 PPOCardView(
                     viewType = PPOCardViewType.TAKE_SURVEY,
                     onCardClick = {},
+                    onProjectPledgeSummaryClick = {},
                     projectName = "Sugardew Island - Your cozy farm shop let’s pretend this is a longer title let’s pretend this is a longer title",
                     pledgeAmount = "$70.00",
                     creatorName = "Some really really really really really really really long name",
@@ -228,6 +235,7 @@ class PPOCardViewKtTest : KSRobolectricTestCase() {
                 PPOCardView(
                     viewType = PPOCardViewType.SURVEY_SUBMITTED,
                     onCardClick = {},
+                    onProjectPledgeSummaryClick = {},
                     projectName = "Sugardew Island - Your cozy farm shop let’s pretend this is a longer title let’s pretend this is a longer title",
                     pledgeAmount = "$70.00",
                     creatorName = "Some really really really really really really really long name",