NR-148 회원가입 및 로그인 화면을 compose로 마이그레이션한다

presentation/src/main/java/com/nextroom/nextroom/presentation/ui/login/EmailLoginFragment.kt

@@ -3,150 +3,105 @@ package com.nextroom.nextroom.presentation.ui.login
 import android.content.Intent
 import android.net.Uri
 import android.os.Bundle
+import android.view.LayoutInflater
 import android.view.View
-import android.view.inputmethod.EditorInfo
-import androidx.core.view.isVisible
-import androidx.core.widget.doAfterTextChanged
+import android.view.ViewGroup
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.platform.ComposeView
+import androidx.compose.ui.platform.ViewCompositionStrategy
 import androidx.fragment.app.viewModels
 import androidx.navigation.fragment.findNavController
 import com.nextroom.nextroom.presentation.NavGraphDirections
 import com.nextroom.nextroom.presentation.R
-import com.nextroom.nextroom.presentation.base.BaseFragment
-import com.nextroom.nextroom.presentation.databinding.FragmentEmailLoginBinding
+import com.nextroom.nextroom.presentation.base.ComposeBaseViewModelFragment
 import com.nextroom.nextroom.presentation.extension.repeatOnStarted
 import com.nextroom.nextroom.presentation.extension.safeNavigate
-import com.nextroom.nextroom.presentation.extension.setError
-import com.nextroom.nextroom.presentation.extension.setStateListener
-import com.nextroom.nextroom.presentation.extension.showKeyboard
 import com.nextroom.nextroom.presentation.extension.snackbar
 import com.nextroom.nextroom.presentation.extension.toast
+import com.nextroom.nextroom.presentation.ui.login.compose.EmailLoginScreen
 import com.nextroom.nextroom.presentation.ui.onboarding.LoginFragment.Companion.SIGNUP_REQUEST_KEY
 import dagger.hilt.android.AndroidEntryPoint
-import org.orbitmvi.orbit.viewmodel.observe
+import kotlinx.coroutines.launch
 
 @AndroidEntryPoint
-class EmailLoginFragment : BaseFragment<FragmentEmailLoginBinding>(FragmentEmailLoginBinding::inflate) {
-
-    private val viewModel: EmailLoginViewModel by viewModels()
-
-    private var emailInitialised = false
-
-    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
-        super.onViewCreated(view, savedInstanceState)
-        viewModel.checkEmailSaved()
-        initViews()
-        observe()
-
-        viewModel.observe(viewLifecycleOwner, state = ::render)
-    }
-
-    private fun initViews() = with(binding) {
-        etEmail.apply {
-            setStateListener()
-            doAfterTextChanged {
-                viewModel.inputCode(it.toString())
+class EmailLoginFragment : ComposeBaseViewModelFragment<EmailLoginViewModel>() {
+
+    override val screenName = "email_login"
+    override val viewModel: EmailLoginViewModel by viewModels()
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?,
+    ): View {
+        return ComposeView(requireContext()).apply {
+            setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)
+            setContent {
+                val state by viewModel.uiState.collectAsState()
+                EmailLoginScreen(
+                    state = state,
+                    onEmailChange = viewModel::inputEmail,
+                    onPasswordChange = viewModel::inputPassword,
+                    onEmailSaveCheckedChange = viewModel::onEmailSaveChecked,
+                    onLoginClick = viewModel::complete,
+                    onGoogleLoginClick = viewModel::requestGoogleAuth,
+                    onBackClick = { findNavController().navigateUp() },
+                    onCustomerServiceClick = ::openCustomerService,
+                    onSignupClick = ::openSignupWebView,
+                )
             }
-            showKeyboard()
         }
-        etPassword.apply {
-            setStateListener()
-            doAfterTextChanged {
-                viewModel.inputPassword(it.toString())
-            }
-            setOnEditorActionListener { _, actionId, _ ->
-                when (actionId) {
-                    EditorInfo.IME_ACTION_DONE -> {
-                        viewModel.complete()
-                        true
-                    }
+    }
 
-                    else -> false
+    override fun initSubscribe() {
+        viewLifecycleOwner.repeatOnStarted {
+            launch {
+                viewModel.uiEvent.collect(::handleEvent)
+            }
+            launch {
+                viewModel.loginState.collect { loggedIn ->
+                    if (loggedIn) moveToThemeSelect()
                 }
             }
         }
+    }
 
-        tvEmailLogin.setOnClickListener { viewModel.complete() }
-        llGoogleLogin.setOnClickListener { viewModel.requestGoogleAuth() }
+    private fun handleEvent(event: EmailLoginViewModel.UiEvent) {
+        when (event) {
+            is EmailLoginViewModel.UiEvent.ShowMessage ->
+                snackbar(event.message.toString(requireContext()))
 
-        cbIdSave.setOnCheckedChangeListener { _, isChecked ->
-            viewModel.onIdSaveChecked(isChecked)
-        }
+            is EmailLoginViewModel.UiEvent.EmailLoginFailed -> snackbar(event.message)
 
-        tvCustomerService.setOnClickListener {
-            try {
-                getString(R.string.link_official_instagram).let { url ->
-                    Intent(Intent.ACTION_VIEW).apply { data = Uri.parse(url) }
-                }.also { startActivity(it) }
-            } catch (e: Exception) {
-                toast(getString(R.string.error_something))
-            }
-        }
+            EmailLoginViewModel.UiEvent.GoogleAuthFailed,
+            EmailLoginViewModel.UiEvent.GoogleLoginFailed -> toast(R.string.error_something)
 
-        ivBack.setOnClickListener { findNavController().navigateUp() }
-        tvCustomerService.setOnClickListener {
-            try {
-                Intent(Intent.ACTION_VIEW)
-                    .apply { data = Uri.parse(getString(R.string.link_official_instagram)) }
-                    .also { startActivity(it) }
-            } catch (e: Exception) {
-                toast(getString(R.string.error_something))
-            }
-        }
-        tvSignup.setOnClickListener {
-            NavGraphDirections.moveToWebViewFragment(
-                url = getString(R.string.link_signup),
-                showToolbar = true,
-            ).also { findNavController().safeNavigate(it) }
+            is EmailLoginViewModel.UiEvent.NeedAdditionalUserInfo -> moveToSignup()
         }
     }
 
-    private fun observe() {
-        viewModel.observe(viewLifecycleOwner, sideEffect = ::handleEvent)
-        viewLifecycleOwner.repeatOnStarted {
-            viewModel.loginState.collect { loggedIn ->
-                if (loggedIn) {
-                    val action =
-                        EmailLoginFragmentDirections.moveToThemeSelectFragment()
-                    findNavController().safeNavigate(action)
-                    clearInputs()
+    private fun openCustomerService() {
+        try {
+            startActivity(
+                Intent(Intent.ACTION_VIEW).apply {
+                    data = Uri.parse(getString(R.string.link_official_instagram))
                 }
-            }
+            )
+        } catch (e: Exception) {
+            toast(getString(R.string.error_something))
         }
     }
 
-    private fun render(state: EmailLoginState) = with(binding) {
-        pbLoading.isVisible = state.loading
-        etEmail.isEnabled = !state.loading
-        etPassword.isEnabled = !state.loading
-        if (!emailInitialised) {
-            emailInitialised = true
-            etEmail.setText(state.userEmail)
-            cbIdSave.isChecked = state.idSaveChecked
-        }
-        tvEmailLogin.isEnabled = !state.loading
-    }
-
-    private fun handleEvent(event: EmailLoginEvent) {
-        when (event) {
-            is EmailLoginEvent.ShowMessage -> snackbar(event.message.toString(requireContext()))
-            is EmailLoginEvent.EmailLoginFailed -> {
-                binding.etEmail.setError()
-                binding.etPassword.setError()
-                snackbar(event.message)
-            }
-
-            EmailLoginEvent.GoToGameScreen -> Unit
-            EmailLoginEvent.GoogleAuthFailed,
-            EmailLoginEvent.GoogleLoginFailed -> toast(R.string.error_something)
-
-            is EmailLoginEvent.NeedAdditionalUserInfo -> moveToSignup()
-        }
+    private fun openSignupWebView() {
+        NavGraphDirections.moveToWebViewFragment(
+            url = getString(R.string.link_signup),
+            showToolbar = true,
+        ).also { findNavController().safeNavigate(it) }
     }
 
-    private fun clearInputs() {
-        binding.etEmail.setText("")
-        binding.etPassword.setText("")
-        viewModel.initState()
+    private fun moveToThemeSelect() {
+        findNavController().safeNavigate(EmailLoginFragmentDirections.moveToThemeSelectFragment())
     }
 
     private fun moveToSignup() {