Jetpack connection UI

WordPress/src/main/AndroidManifest.xml

@@ -849,6 +849,11 @@
             android:name=".ui.jetpackplugininstall.fullplugin.install.JetpackFullPluginInstallActivity"
             android:theme="@style/WordPress.NoActionBar" />
 
+        <!-- Jetpack connection -->
+        <activity
+            android:name=".ui.jetpackconnection.JetpackConnectionActivity"
+            android:theme="@style/WordPress.NoActionBar" />
+
         <!-- Domain Management -->
         <activity
             android:name=".ui.domains.management.DomainManagementActivity"

WordPress/src/main/java/org/wordpress/android/ui/compose/components/ScreenWithTopAppBarM3.kt

@@ -0,0 +1,58 @@
+package org.wordpress.android.ui.compose.components
+
+import androidx.annotation.StringRes
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.ColumnScope
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.imePadding
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Close
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBar
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import org.wordpress.android.R
+import org.wordpress.android.ui.compose.theme.AppThemeM3
+
+/**
+ * Simple shell for a screen with a top app bar and a close button
+ */
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun ScreenWithTopAppBarM3(
+    @StringRes titleRes: Int,
+    content: @Composable (ColumnScope.() -> Unit),
+    onCloseClick: () -> Unit,
+    modifier: Modifier = Modifier
+) {
+    AppThemeM3 {
+        Scaffold(
+            topBar = {
+                TopAppBar(
+                    title = { Text(stringResource(id = titleRes)) },
+                    navigationIcon = {
+                        IconButton(onClick = onCloseClick) {
+                            Icon(Icons.Filled.Close, stringResource(R.string.close))
+                        }
+                    },
+                )
+            },
+            modifier = modifier,
+        ) { contentPadding ->
+            Column(
+                modifier = Modifier
+                    .fillMaxSize()
+                    .imePadding()
+                    .padding(contentPadding)
+            ) {
+                content()
+            }
+        }
+    }
+}

WordPress/src/main/java/org/wordpress/android/ui/jetpackconnection/JetpackConnectionActivity.kt

@@ -0,0 +1,58 @@
+package org.wordpress.android.ui.jetpackconnection
+
+import android.content.Context
+import android.content.Intent
+import android.os.Bundle
+import androidx.activity.viewModels
+import androidx.compose.runtime.collectAsState
+import androidx.lifecycle.lifecycleScope
+import com.google.android.material.dialog.MaterialAlertDialogBuilder
+import dagger.hilt.android.AndroidEntryPoint
+import kotlinx.coroutines.flow.filterNotNull
+import kotlinx.coroutines.launch
+import org.wordpress.android.R
+import org.wordpress.android.ui.main.BaseAppCompatActivity
+import org.wordpress.android.util.extensions.setContent
+
+@AndroidEntryPoint
+class JetpackConnectionActivity : BaseAppCompatActivity() {
+    private val viewModel: JetpackConnectionViewModel by viewModels()
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContent {
+            JetpackConnectionScreen(
+                currentStep = viewModel.currentStep.collectAsState(),
+                stepStates = viewModel.stepStates.collectAsState(),
+                buttonType = viewModel.buttonType.collectAsState(),
+                onCloseClick = viewModel::onCloseClick,
+                onRetryClick = viewModel::onRetryClick
+            )
+        }
+
+        lifecycleScope.launch {
+            viewModel.uiEvent.filterNotNull().collect { event ->
+                when (event) {
+                    JetpackConnectionViewModel.UiEvent.Close -> finish()
+                    JetpackConnectionViewModel.UiEvent.ShowCancelConfirmation -> showCancelConfirmationDialog()
+                }
+            }
+        }
+    }
+
+    private fun showCancelConfirmationDialog() {
+        MaterialAlertDialogBuilder(this)
+            .setTitle(R.string.jetpack_connection_cancel_title)
+            .setMessage(R.string.jetpack_connection_cancel_message)
+            .setPositiveButton(R.string.yes) { _, _ -> viewModel.onCancelConfirmed() }
+            .setNegativeButton(R.string.no) { _, _ -> viewModel.onCancelDismissed() }
+            .setCancelable(false)
+            .show()
+    }
+
+    companion object {
+        @JvmStatic
+        fun createIntent(context: Context) =
+            Intent(context, JetpackConnectionActivity::class.java)
+    }
+}