Flow invariant is violated - event-handling

Question

Resources:::
ViewModel -->
#ExperimentalCoroutinesApi
#HiltViewModel
class TestimonialViewModel
#Inject constructor(
private val testimonialRepo: TestimonialRepo,
private val authRepo: AuthRepo,
val networkHelper: NetworkHelper,
private val savedStateHandle: SavedStateHandle,
) : ViewModel() {
var title by mutableStateOf(UiString.Resource(R.string.testimonial_title_create))
private set
var data by mutableStateOf(TestimonialData())
private set
private var curInx = 0
private val _areInputsValid = MutableStateFlow(false)
val areInputsValid = _areInputsValid.asStateFlow()
private val _mutableState = MutableStateFlow<TestimonialGetState>(TestimonialGetState.Loading)
val state = _mutableState.asStateFlow()
private val _stateChannel = Channel<TestimonialSubmitState>()
val stateChannel = _stateChannel.receiveAsFlow()
init {
onLoad()
}
fun onLoad() {
if (networkHelper.isConnected()) {
authRepo.getUser()?.let {
loadTestimonial(userId = it.uid)
}
} else {
_mutableState.value = TestimonialGetState.NoInternet
}
}
private fun loadTestimonial(userId: String) {
viewModelScope.launch {
testimonialRepo.getTestimonial(userId).catch { ex ->
//_mutableState.value = TestimonialGetState.Error(ex)
_mutableState.value = TestimonialGetState.Empty
}.collect {
if (it.id.isNotBlank())
title = UiString.Resource(R.string.testimonial_title_edit)
data = TestimonialData(
id = it.id,
type = it.type,
title = it.title,
testimonial = it.testimonial,
role = it.user.role,
org = it.user.org
)
when (it.type) {
TestimonialType.TEXT -> {
}
TestimonialType.IMAGE -> {
data.imgMedia = it.media.toMutableStateList()
}
TestimonialType.VIDEO -> {
data.vdoMedia = it.media.toMutableStateList()
}
}
_mutableState.value = TestimonialGetState.Success(it)
}
}
}
private fun updateTestimonial(netTestimonial: Testimonial) {
viewModelScope.launch {
testimonialRepo.updateTestimonial(netTestimonial)
.catch { ex ->
_stateChannel.send(TestimonialSubmitState.Error(ex))
}.collect {
clearErrors()
_stateChannel.send(TestimonialSubmitState.Success(it))
}
}
}
fun onEvent(event: TestimonialEvent) {
when (event) {
is TestimonialEvent.OnTypeChange -> {
data = data.copy(type = event.type)
_areInputsValid.value = validateTestimonial(event.type)
}
is TestimonialEvent.OnTitleChange -> {
data = data.copy(title = event.title)
data.titleError = onValidateText(event.title, 4, 64)
_areInputsValid.value = validateTestimonial(data.type)
}
is TestimonialEvent.OnTestimonialChange -> {
data = data.copy(testimonial = event.testimonial)
data.testimonialError = onValidateText(event.testimonial, 32, 256)
_areInputsValid.value = validateTestimonial(data.type)
}
is TestimonialEvent.OnOrgChange -> {
data = data.copy(org = event.org)
data.orgError = onValidateText(event.org, 4, 32)
_areInputsValid.value = validateTestimonial(data.type)
}
is TestimonialEvent.OnRoleChange -> {
data = data.copy(role = event.role)
data.roleError = onValidateText(event.role, 2, 32)
_areInputsValid.value = validateTestimonial(data.type)
}
is TestimonialEvent.OnMediaIndex -> {
curInx = event.inx
}
is TestimonialEvent.OnImageSelect -> {
if (event.url != null) {
data.imgMedia[curInx] = data.imgMedia[curInx].copy(localUrl = event.url)
}
data.imgError = onValidateMedia(data.imgMedia)
_areInputsValid.value = validateTestimonial(data.type)
}
is TestimonialEvent.OnImageClear -> {
data.imgMedia[event.inx] = data.imgMedia[event.inx].copy(localUrl = null, url = "")
data.imgError = UiString.Resource(R.string.the_media_can_not_be_blank)
_areInputsValid.value = validateTestimonial(data.type)
}
is TestimonialEvent.OnVideoSelect -> {
if (event.url != null) {
data.vdoMedia[curInx] = data.vdoMedia[curInx].copy(localUrl = event.url)
}
data.vdoError = onValidateMedia(data.vdoMedia)
_areInputsValid.value = validateTestimonial(data.type)
}
is TestimonialEvent.OnVideoClear -> {
data.vdoMedia[event.inx] = data.vdoMedia[event.inx].copy(localUrl = null, url = "")
data.vdoError = UiString.Resource(R.string.the_media_can_not_be_blank)
_areInputsValid.value = validateTestimonial(data.type)
}
is TestimonialEvent.OnSubmit -> {
submit()
}
}
}
private fun submit() {
authRepo.getUser()?.let {
updateTestimonial(
Testimonial(
id = data.id,
type = data.type,
title = data.title.trim(),
testimonial = data.testimonial.trim(),
userId = it.uid,
user = TestimonialUser(
name = it.name!!,
role = data.role.trim(),
org = data.org.trim(),
url = it.photoUrl.toString()
),
media = when (data.type) {
TestimonialType.TEXT -> listOf()
TestimonialType.IMAGE -> data.imgMedia
TestimonialType.VIDEO -> data.vdoMedia
}
)
)
}
}
private fun clearErrors() {
data.titleError = UiString.Empty
data.testimonialError = UiString.Empty
data.roleError = UiString.Empty
data.orgError = UiString.Empty
data.imgError = UiString.Empty
data.vdoError = UiString.Empty
}
private fun onValidateText(value: String, min: Int, max: Int): UiString {
return when {
value.isBlank() -> UiString.Resource(R.string.the_field_can_not_be_blank)
value.length > max -> UiString.Resource(R.string.data_length_more, max)
value.length in 1 until min -> UiString.Resource(R.string.data_length_less, min)
else -> UiString.Empty
}
}
private fun onValidateMedia(mediaList: List<Media>): UiString {
return if (validateMedia(mediaList)) UiString.Empty
else UiString.Resource(R.string.the_media_can_not_be_blank)
}
private fun validateMedia(mediaList: List<Media>): Boolean {
return mediaList.find { it.localUrl == null && it.url.isBlank() } == null
}
private fun validateTestimonial(type: TestimonialType): Boolean {
return when (type) {
TestimonialType.TEXT -> validateData(
data.testimonial.isNotBlank() && data.testimonialError is UiString.Empty
)
TestimonialType.IMAGE -> validateData(
validateMedia(data.imgMedia) && data.imgError is UiString.Empty
)
TestimonialType.VIDEO -> validateData(
validateMedia(data.vdoMedia) && data.vdoError is UiString.Empty
)
}
}
private fun validateData(typeValidation: Boolean): Boolean {
return (typeValidation && data.title.isNotBlank() && data.titleError is UiString.Empty
&& data.org.isNotBlank() && data.orgError is UiString.Empty
&& data.role.isNotBlank() && data.roleError is UiString.Empty
)
}
}
TestimonialsSubmitState ->
sealed class TestimonialSubmitState {
object Loading : TestimonialSubmitState()
class Error(val error: Throwable) : TestimonialSubmitState()
class Success(val status: Status) : TestimonialSubmitState()
}
UI Component ->
#OptIn(ExperimentalCoroutinesApi::class)
#Composable
fun TestimonialForm(
editViewModel: TestimonialViewModel = hiltViewModel(),
paddingValues: PaddingValues,
onNavigateTstHome: () -> Unit,
) {
val focusRequester = remember { FocusRequester() }
val radioButtonList = listOf(
TestimonialType.TEXT, TestimonialType.IMAGE, TestimonialType.VIDEO
)
var showCustomDialogWithResult by remember { mutableStateOf(false) }
val selectedOption = radioButtonList.find {
it == editViewModel.data.type
} ?: radioButtonList[0]
val focusManager = LocalFocusManager.current
val scrollState = rememberScrollState()
val areInputsValid by editViewModel.areInputsValid.collectAsStateWithLifecycle()
val events = editViewModel.stateChannel.collectAsState(initial = TestimonialSubmitState.Loading)
val event = events.value
Column(
modifier = Modifier
.fillMaxWidth()
.padding(
top = paddingValues.calculateTopPadding(),
start = spacing.medium,
end = spacing.medium
)
.verticalScroll(scrollState), verticalArrangement = Arrangement.Center
) {
Spacer(modifier = Modifier.height(spacing.medium))
TestimonialsRadioButton(selectionTypeText = "Testimonial Type",
radioButtonList = radioButtonList,
selectedOption = selectedOption,
content = {
ValidatedTextField(
value = editViewModel.data.testimonial,
onValueChange = {
editViewModel.onEvent(
TestimonialEvent.OnTestimonialChange(
it
)
)
},
label = "Testimonial",
showError = editViewModel.data.testimonialError !is UiString.Empty,
errorMessage = editViewModel.data.testimonialError,
keyboardOptions = if (editViewModel.data.testimonial.length < 512) {
KeyboardOptions(
keyboardType = KeyboardType.Text, imeAction = ImeAction.Default
)
} else {
KeyboardOptions(
keyboardType = KeyboardType.Text, imeAction = ImeAction.Next
)
},
keyboardActions = KeyboardActions(onNext = {
focusManager.clearFocus()
}),
modifier = Modifier.height(boxSize.extraMedium)
)
},
titleTestimonial = {
ValidatedTextField(
value = editViewModel.data.title,
onValueChange = { editViewModel.onEvent(TestimonialEvent.OnTitleChange(it)) },
label = "Title",
showError = editViewModel.data.titleError !is UiString.Empty,
errorMessage = editViewModel.data.titleError,
keyboardOptions = KeyboardOptions(
keyboardType = KeyboardType.Text, imeAction = ImeAction.Next
),
keyboardActions = KeyboardActions(onNext = {
focusManager.moveFocus(FocusDirection.Down)
})
)
},
onOptionSelected = {
editViewModel.onEvent(TestimonialEvent.OnTypeChange(it))
})
Spacer(modifier = Modifier.height(spacing.medium))
ValidatedTextField(
value = editViewModel.data.org,
onValueChange = { editViewModel.onEvent(TestimonialEvent.OnOrgChange(it)) },
label = "Organisation",
showError = editViewModel.data.orgError !is UiString.Empty,
errorMessage = editViewModel.data.orgError,
keyboardOptions = KeyboardOptions(
keyboardType = KeyboardType.Text, imeAction = ImeAction.Next
),
keyboardActions = KeyboardActions(onNext = {
focusManager.moveFocus(FocusDirection.Down)
})
)
Spacer(modifier = Modifier.height(spacing.medium))
ValidatedTextField(
value = editViewModel.data.role,
onValueChange = { editViewModel.onEvent(TestimonialEvent.OnRoleChange(it)) },
label = "Role",
showError = editViewModel.data.roleError !is UiString.Empty,
errorMessage = editViewModel.data.roleError,
keyboardOptions = KeyboardOptions(
keyboardType = KeyboardType.Text, imeAction = ImeAction.Done
),
modifier = Modifier.focusRequester(focusRequester = focusRequester),
keyboardActions = KeyboardActions(onDone = { focusManager.clearFocus() })
)
if (selectedOption == radioButtonList[1]) {
Spacer(modifier = Modifier.height(spacing.medium))
TestGetImage()
} else if (selectedOption == radioButtonList[2]) {
Spacer(modifier = Modifier.height(spacing.medium))
TestGetVideo()
}
androidx.compose.material.Button(
onClick = {
editViewModel.onEvent(TestimonialEvent.OnSubmit)
showCustomDialogWithResult = !showCustomDialogWithResult
},
modifier = Modifier
.fillMaxWidth(1f)
.padding(spacing.medium),
colors = ButtonDefaults.buttonColors(
backgroundColor = Color.Blue, contentColor = Color.White
),
enabled = areInputsValid
) {
Text(text = "Submit", style = MaterialTheme.typography.labelLarge)
}
if (showCustomDialogWithResult) {
when (event) {
is TestimonialSubmitState.Error -> {
Log.d("validate", "Error -> ${event.error.message} and ${event.error.cause}")
}
TestimonialSubmitState.Loading -> {
LoadingAnimation()
}
is TestimonialSubmitState.Success -> {
OnSuccessfulSubmit(onDismiss = {
showCustomDialogWithResult = !showCustomDialogWithResult
}, onNavigateTstHome = onNavigateTstHome, onPositiveClick = {
editViewModel.onEvent(TestimonialEvent.OnSubmit)
onNavigateTstHome()
})
}
}
}
}
}
SuccessfulSubmit Dialog ->
Here, LaunchedEffect block is just for testing purpose.
#Composable
fun OnSuccessfulSubmit(
onDismiss: () -> Unit,
onNavigateTstHome: () -> Unit,
onPositiveClick: () -> Unit,
) {
var underReview by remember {
mutableStateOf(true)
}
LaunchedEffect(key1 = Unit, block = {
delay(2000)
underReview = false
delay(3000)
onNavigateTstHome()
})
Dialog(
onDismissRequest = onDismiss, properties = DialogProperties(dismissOnClickOutside = false)
) {
SuccessfulCard(onClick = onPositiveClick, underReview = underReview)
}
}
Error --->
When I click on Submit Button --->
Log --->
Question -->
What is this error in Log... Code part related to it --->
_stateChannel, stateChannel, updateTestimonial(), submit() ---> inherited in Testimonial form ----> last 2nd Button Component and below it event calling is DONE.
Sorry for bad structuring of the question.
Thank you.
Things I tried ---> events variable in TestimonialForm, I tried to make collectAsState( initial = null )
Also tried LaunchedEffect for when case as suggested in other similar question on Stackoverflow, but got Composable invocation error.