Add TaskScreen for creating compose based UI for tasks

app/src/main/java/org/groundplatform/android/ui/datacollection/components/TaskMapFragmentContainer.kt

@@ -0,0 +1,49 @@
+/*
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.groundplatform.android.ui.datacollection.components
+
+import android.view.View
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.viewinterop.AndroidView
+import androidx.core.os.bundleOf
+import androidx.fragment.app.FragmentContainerView
+import androidx.fragment.app.FragmentManager
+import javax.inject.Provider
+import org.groundplatform.android.ui.common.AbstractMapContainerFragment
+import org.groundplatform.android.ui.datacollection.tasks.AbstractTaskMapFragment.Companion.TASK_ID_FRAGMENT_ARG_KEY
+
+/**
+ * A Composable that hosts a fragment-based map container for a specific task.
+ *
+ * This function bridges the gap between Jetpack Compose and the Fragment-based map implementation
+ * by using [AndroidView] to embed a [FragmentContainerView].
+ */
+@Composable
+fun TaskMapFragmentContainer(
+  taskId: String,
+  fragmentManager: FragmentManager,
+  fragmentProvider: Provider<out AbstractMapContainerFragment>,
+) {
+  AndroidView(
+    factory = { context -> FragmentContainerView(context).apply { id = View.generateViewId() } },
+    update = { view ->
+      with(fragmentProvider.get()) {
+        arguments = bundleOf(Pair(TASK_ID_FRAGMENT_ARG_KEY, taskId))
+        fragmentManager.beginTransaction().replace(view.id, this).commit()
+      }
+    },
+  )
+}

app/src/main/java/org/groundplatform/android/ui/datacollection/tasks/TaskScreen.kt

@@ -0,0 +1,92 @@
+/*
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.groundplatform.android.ui.datacollection.tasks
+
+import androidx.compose.foundation.layout.ExperimentalLayoutApi
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.isImeVisible
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.layout.LayoutCoordinates
+import androidx.compose.ui.layout.onGloballyPositioned
+import androidx.compose.ui.layout.positionInWindow
+import org.groundplatform.android.ui.datacollection.components.ButtonActionState
+import org.groundplatform.android.ui.datacollection.components.InstructionData
+import org.groundplatform.android.ui.datacollection.components.InstructionsDialog
+import org.groundplatform.android.ui.datacollection.components.LoiNameDialog
+import org.groundplatform.android.ui.datacollection.components.TaskFooter
+import org.groundplatform.android.ui.datacollection.components.TaskHeader
+import org.groundplatform.android.ui.datacollection.components.TaskViewLayout
+
+@OptIn(ExperimentalLayoutApi::class)
+@Composable
+fun TaskScreen(
+  taskHeader: TaskHeader?,
+  instructionData: InstructionData?,
+  taskActionButtonsStates: List<ButtonActionState>,
+  shouldShowLoiNameDialog: Boolean,
+  shouldShowHeader: Boolean,
+  showInstructionsDialog: Boolean,
+  loiName: String,
+  onFooterPositionUpdated: (Float) -> Unit,
+  onAction: (TaskScreenAction) -> Unit,
+  headerCard: @Composable (() -> Unit)?,
+  taskBody: @Composable () -> Unit,
+) {
+  val isKeyboardOpen = WindowInsets.isImeVisible
+  var layoutCoordinates by remember { mutableStateOf<LayoutCoordinates?>(null) }
+
+  // Update footer position whenever layout changes or keyboard is toggled.
+  LaunchedEffect(isKeyboardOpen, layoutCoordinates) {
+    layoutCoordinates?.let { onFooterPositionUpdated(it.positionInWindow().y) }
+  }
+
+  TaskViewLayout(
+    header = taskHeader,
+    footer = {
+      TaskFooter(
+        modifier = Modifier.onGloballyPositioned { layoutCoordinates = it },
+        headerCard = headerCard.takeIf { shouldShowHeader },
+        buttonActionStates = taskActionButtonsStates,
+        onButtonClicked = { onAction(TaskScreenAction.OnButtonClicked(it)) },
+      )
+    },
+    content = { taskBody() },
+  )
+
+  if (shouldShowLoiNameDialog) {
+    LoiNameDialog(
+      textFieldValue = loiName,
+      onConfirmRequest = { onAction(TaskScreenAction.OnLoiNameConfirm(loiName)) },
+      onDismissRequest = { onAction(TaskScreenAction.OnLoiNameDismiss) },
+      onTextFieldChange = { onAction(TaskScreenAction.OnLoiNameChanged(it)) },
+    )
+  }
+
+  instructionData
+    ?.takeIf { showInstructionsDialog }
+    ?.let {
+      InstructionsDialog(
+        data = it,
+        onDismissed = { onAction(TaskScreenAction.OnInstructionsDismiss) },
+      )
+    }
+}

app/src/main/java/org/groundplatform/android/ui/datacollection/tasks/TaskScreenAction.kt

@@ -0,0 +1,34 @@
+/*
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.groundplatform.android.ui.datacollection.tasks
+
+import org.groundplatform.android.ui.datacollection.components.ButtonAction
+
+/**
+ * Defines the set of actions that can be triggered from a task-specific screen in the data
+ * collection flow.
+ */
+sealed interface TaskScreenAction {
+  data class OnButtonClicked(val action: ButtonAction) : TaskScreenAction
+
+  data class OnLoiNameConfirm(val name: String) : TaskScreenAction
+
+  data object OnLoiNameDismiss : TaskScreenAction
+
+  data class OnLoiNameChanged(val name: String) : TaskScreenAction
+
+  data object OnInstructionsDismiss : TaskScreenAction
+}

app/src/main/java/org/groundplatform/android/ui/datacollection/tasks/date/DateTaskScreen.kt → app/src/main/java/org/groundplatform/android/ui/datacollection/tasks/date/DateInputField.kt

@@ -41,7 +41,7 @@ const val DATE_TEXT_TEST_TAG: String = "date task input test tag"
 // TODO: Add trailing icon (close logo) for clearing selected date.
 
 @Composable
-fun DateTaskScreen(
+fun DateInputField(
   dateText: String,
   hintText: String,
   onDateClick: () -> Unit,
@@ -72,16 +72,16 @@ fun DateTaskScreen(
 @Preview(showBackground = true)
 @Composable
 @ExcludeFromJacocoGeneratedReport
-private fun DateTaskScreenPreview() {
+private fun DateInputFieldPreview() {
   AppTheme {
     Column(
       modifier = Modifier.padding(16.dp),
       verticalArrangement = Arrangement.spacedBy(8.dp),
       horizontalAlignment = Alignment.CenterHorizontally,
     ) {
-      DateTaskScreen(dateText = "", hintText = "DD/MM/YYYY", onDateClick = {})
+      DateInputField(dateText = "", hintText = "DD/MM/YYYY", onDateClick = {})
       Spacer(modifier = Modifier.height(10.dp))
-      DateTaskScreen(dateText = "14/02/2026", hintText = "DD/MM/YYYY", onDateClick = {})
+      DateInputField(dateText = "14/02/2026", hintText = "DD/MM/YYYY", onDateClick = {})
     }
   }
 }

app/src/main/java/org/groundplatform/android/ui/datacollection/tasks/date/DateTaskFragment.kt

@@ -57,7 +57,7 @@ class DateTaskFragment : AbstractTaskFragment<DateTaskViewModel>() {
       (DateFormat.getDateFormat(context) as SimpleDateFormat).toPattern().uppercase()
     }
 
-    DateTaskScreen(
+    DateInputField(
       modifier = Modifier.padding(horizontal = MaterialTheme.sizes.taskViewPadding),
       dateText = dateText,
       hintText = hintText,

app/src/main/java/org/groundplatform/android/ui/datacollection/tasks/location/CaptureLocationTaskFragment.kt

@@ -18,8 +18,6 @@ package org.groundplatform.android.ui.datacollection.tasks.location
 import android.content.Intent
 import android.net.Uri
 import android.provider.Settings
-import android.view.View
-import android.widget.LinearLayout
 import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
@@ -30,8 +28,6 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
-import androidx.compose.ui.viewinterop.AndroidView
-import androidx.core.os.bundleOf
 import androidx.lifecycle.Lifecycle
 import androidx.lifecycle.lifecycleScope
 import androidx.lifecycle.repeatOnLifecycle
@@ -43,8 +39,8 @@ import kotlinx.coroutines.launch
 import org.groundplatform.android.R
 import org.groundplatform.android.ui.components.ConfirmationDialog
 import org.groundplatform.android.ui.datacollection.components.TaskHeader
+import org.groundplatform.android.ui.datacollection.components.TaskMapFragmentContainer
 import org.groundplatform.android.ui.datacollection.tasks.AbstractTaskFragment
-import org.groundplatform.android.ui.datacollection.tasks.AbstractTaskMapFragment.Companion.TASK_ID_FRAGMENT_ARG_KEY
 import org.groundplatform.android.ui.datacollection.tasks.LocationLockEnabledState
 
 @AndroidEntryPoint
@@ -61,21 +57,10 @@ class CaptureLocationTaskFragment @Inject constructor() :
   override fun TaskBody() {
     var showPermissionDeniedDialog by viewModel.showPermissionDeniedDialog
 
-    AndroidView(
-      factory = { context ->
-        // NOTE(#2493): Multiplying by a random prime to allow for some mathematical uniqueness.
-        // Otherwise, the sequentially generated ID might conflict with an ID produced by Google
-        // Maps.
-        LinearLayout(context).apply {
-          id = View.generateViewId() * 11149
-          val fragment = captureLocationTaskMapFragmentProvider.get()
-          fragment.arguments = bundleOf(Pair(TASK_ID_FRAGMENT_ARG_KEY, taskId))
-          childFragmentManager
-            .beginTransaction()
-            .add(id, fragment, CaptureLocationTaskMapFragment::class.java.simpleName)
-            .commit()
-        }
-      }
+    TaskMapFragmentContainer(
+      taskId = viewModel.task.id,
+      fragmentManager = childFragmentManager,
+      fragmentProvider = captureLocationTaskMapFragmentProvider,
     )
 
     if (showPermissionDeniedDialog) {

app/src/main/java/org/groundplatform/android/ui/datacollection/tasks/photo/PhotoTaskScreen.kt → app/src/main/java/org/groundplatform/android/ui/datacollection/tasks/photo/PhotoTaskContent.kt

@@ -39,7 +39,7 @@ import org.groundplatform.android.ui.datacollection.components.UriImage
 import org.groundplatform.ui.theme.AppTheme
 
 @Composable
-fun PhotoTaskScreen(uri: Uri, onTakePhoto: () -> Unit, modifier: Modifier = Modifier) {
+fun PhotoTaskContent(uri: Uri, onTakePhoto: () -> Unit, modifier: Modifier = Modifier) {
   Box(modifier = modifier.fillMaxWidth().padding(horizontal = 8.dp)) {
     if (uri == Uri.EMPTY) {
       CaptureButton(onTakePhoto)
@@ -68,15 +68,15 @@ private fun CaptureButton(onTakePhoto: () -> Unit) {
 @Preview(showBackground = true)
 @Composable
 @ExcludeFromJacocoGeneratedReport
-private fun PhotoTaskScreenPreviewEmpty() {
-  AppTheme { PhotoTaskScreen(uri = Uri.EMPTY, onTakePhoto = {}) }
+private fun PhotoTaskContentPreviewEmpty() {
+  AppTheme { PhotoTaskContent(uri = Uri.EMPTY, onTakePhoto = {}) }
 }
 
 @Preview(showBackground = true)
 @Composable
 @ExcludeFromJacocoGeneratedReport
 private fun PhotoTaskScreenPreviewWithPhoto() {
   AppTheme {
-    PhotoTaskScreen(uri = "content://media/external/images/media/1".toUri(), onTakePhoto = {})
+    PhotoTaskContent(uri = "content://media/external/images/media/1".toUri(), onTakePhoto = {})
   }
 }

app/src/main/java/org/groundplatform/android/ui/datacollection/tasks/photo/PhotoTaskFragment.kt

@@ -81,7 +81,7 @@ class PhotoTaskFragment : AbstractTaskFragment<PhotoTaskViewModel>() {
     var showPermissionDeniedDialog by viewModel.showPermissionDeniedDialog
     val uri by viewModel.uri.collectAsStateWithLifecycle(Uri.EMPTY)
 
-    PhotoTaskScreen(
+    PhotoTaskContent(
       modifier = Modifier.padding(horizontal = MaterialTheme.sizes.taskViewPadding),
       uri = uri,
       onTakePhoto = { onTakePhoto() },

app/src/main/java/org/groundplatform/android/ui/datacollection/tasks/point/DropPinTaskFragment.kt

@@ -15,19 +15,15 @@
  */
 package org.groundplatform.android.ui.datacollection.tasks.point
 
-import android.view.View
-import android.widget.LinearLayout
 import androidx.compose.runtime.Composable
-import androidx.compose.ui.viewinterop.AndroidView
-import androidx.core.os.bundleOf
 import dagger.hilt.android.AndroidEntryPoint
 import javax.inject.Inject
 import javax.inject.Provider
 import org.groundplatform.android.R
 import org.groundplatform.android.ui.datacollection.components.InstructionData
 import org.groundplatform.android.ui.datacollection.components.TaskHeader
+import org.groundplatform.android.ui.datacollection.components.TaskMapFragmentContainer
 import org.groundplatform.android.ui.datacollection.tasks.AbstractTaskFragment
-import org.groundplatform.android.ui.datacollection.tasks.AbstractTaskMapFragment.Companion.TASK_ID_FRAGMENT_ARG_KEY
 
 @AndroidEntryPoint
 class DropPinTaskFragment @Inject constructor() : AbstractTaskFragment<DropPinTaskViewModel>() {
@@ -42,18 +38,10 @@ class DropPinTaskFragment @Inject constructor() : AbstractTaskFragment<DropPinTa
 
   @Composable
   override fun TaskBody() {
-    AndroidView(
-      factory = { context ->
-        // NOTE(#2493): Multiplying by a random prime to allow for some mathematical "uniqueness".
-        // Otherwise, the sequentially generated ID might conflict with an ID produced by Google
-        // Maps.
-        LinearLayout(context).apply {
-          id = View.generateViewId() * 11617
-          val fragment = dropPinTaskMapFragmentProvider.get()
-          fragment.arguments = bundleOf(Pair(TASK_ID_FRAGMENT_ARG_KEY, taskId))
-          childFragmentManager.beginTransaction().add(id, fragment, "Drop a pin fragment").commit()
-        }
-      }
+    TaskMapFragmentContainer(
+      taskId = viewModel.task.id,
+      fragmentManager = childFragmentManager,
+      fragmentProvider = dropPinTaskMapFragmentProvider,
     )
   }