Advanced Login Customizations for HAAPI Mobile Apps

@OptIn(ExperimentalHaapiApi::class)
override val dataMappersFactory: DataMappersFactory
    get() = CustomDataMapper(
        redirectTo = configuration.redirectURI,
        autoPollingDuration = widgetConfiguration.autoPollingDuration,
        useDefaultExternalBrowser = widgetConfiguration.useDefaultExternalBrowser
    )

@OptIn(ExperimentalHaapiApi::class)
class CustomDataMapper(
    redirectTo: String,
    autoPollingDuration: Duration,
    useDefaultExternalBrowser: Boolean
) : HaapiDataMappersFactory(redirectTo, autoPollingDuration, useDefaultExternalBrowser) {

    override val mapHaapiResponseToModel: (se.curity.identityserver.haapi.android.sdk.models.HaapiResponse) -> UIModel
        get() = {
            val defaultModel = super.mapHaapiResponseToModel(it)
            
            val formModel = defaultModel as? FormModel
            if (formModel?.viewName == "authenticator/html-form/authenticate/get") {
                CustomHtmlFormLoginModel.create(formModel)
            } else {
                defaultModel
            }
        }

    ...
}

@Parcelize
data class CustomHtmlFormLoginModel(
    val extraData: String,
    override val interactionItems: List<InteractionItem>,
    override val linkItems: List<LinkItemModel>,
    override val messageItems: List<InfoMessageModel>,
    override val templateArea: String?,
    override val viewName: String?

) : FormModel {

    companion object {

        fun create(formModel: FormModel): CustomHtmlFormLoginModel {

            return CustomHtmlFormLoginModel(
                extraData = getExtraData(),
                interactionItems = formModel.interactionItems.filter { !it.key.contains("Login") },
                linkItems = formModel.linkItems.filter { !it.href.contains("forgot-account-id") },
                messageItems = formModel.messageItems,
                templateArea = formModel.templateArea,
                formModel.viewName
            )
        }
    }
}

@OptIn(ExperimentalHaapiApi::class)
override val customFragmentResolver: FragmentResolver = CustomFragmentResolver()

@OptIn(ExperimentalHaapiApi::class)
class CustomFragmentResolver : FragmentResolver {

    private val defaultResolver = HaapiFlowFragmentResolver.Builder().build()

    override fun <T : UIModel> getFragment(uiModel: T): HaapiFlowFragment<T> {

        if (uiModel is FormModel) {
            return createFormFragment(uiModel) as HaapiFlowFragment<T>
        }

        if (uiModel is SelectorModel) {
            return createSelectorFragment(uiModel) as HaapiFlowFragment<T>
        }

        return defaultResolver.getFragment(uiModel)
    }

    private fun createFormFragment(model: FormModel): HaapiFlowFragment<FormModel> {

        if (model is CustomHtmlFormLoginModel) {
            return CustomHtmlFormLoginFragment.newInstance(model)
        }

        return FormFragment.newInstance(model)
    }

    private fun createSelectorFragment(model: SelectorModel): HaapiFlowFragment<SelectorModel> {

        if (model.viewName == "views/select-authenticator/index") {
            return CustomAuthenticationSelectionFragment.newInstance(model)
        }

        return SelectorFragment.newInstance(model)
    }
}

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <TextView
        android:id="@+id/banner_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/primary"
        android:gravity="center"
        android:textStyle="bold"
        android:textSize="18sp"
        android:padding="20dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <se.curity.identityserver.haapi.android.ui.widget.components.InfoView
        android:id="@+id/hui_fragment_form_info_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/banner_text"
        app:layout_constraintEnd_toEndOf="parent" />

    ...
</androidx.constraintlayout.widget.ConstraintLayout>

class CustomHtmlFormLoginFragment : FormFragment(layoutId = R.layout.haapi_html_login_form) {

    companion object {
        fun newInstance(uiModel: UIModel) : CustomHtmlFormLoginFragment {
            return CustomHtmlFormLoginFragment().apply {
                arguments = uiModelBundle(uiModel)
            }
        }
    }

    override fun preRender(uiModel: UIModel?, view: View, savedInstanceState: Bundle?) {
        super.preRender(uiModel, view, savedInstanceState)

        if (uiModel is CustomHtmlFormLoginModel) {
            val bannerView = view.findViewById<TextView>(R.id.banner_text)
            bannerView.text = getBannerTextFromExtraData(uiModel.extraData)
        }
    }

    override fun preSubmit(
        interactionAction: InteractionAction,
        keysValues: Map<String, Any>,
        block: (Boolean, Map<String, Any>) -> Unit
    ) {
        super.preSubmit(interactionAction, keysValues, block)
    }
}

class CustomAuthenticationSelectionFragment: HaapiFlowFragment<SelectorModel>(R.layout.haapi_authentication_selector) {

    companion object {
        fun newInstance(uiModel: UIModel) : CustomAuthenticationSelectionFragment {
            return CustomAuthenticationSelectionFragment().apply {
                arguments = uiModelBundle(uiModel)
            }
        }
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        val formModel = extractUIModelFromArguments<SelectorModel>()
        val selectorItems = formModel.selectorItems.map { it as SelectorItemModel }

        val sortedItems = selectorItems.sortedWith { first, second ->
            when {
                first.type == "passkeys" -> -1
                second.type == "passkeys" -> 1
                else -> first.title.compareTo(second.title)
            }
        }

        val recyclerView = view.findViewById(R.id.selector_items_recycler_view) as? RecyclerView
        val viewModels = sortedItems.map { CustomAuthenticationSelectionItemViewModel(it) }

        recyclerView?.adapter = CustomAuthenticationSelectionArrayAdapter(viewModels, {
            select(it)
        })
    }
}

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <TextView
        android:id="@+id/header_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/primary"
        android:gravity="center"
        android:textStyle="bold"
        android:textSize="24dp"
        android:text="Choose a Login Method"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/selector_items_recycler_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/header_text"
        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
        android:overScrollMode="never" />

</androidx.constraintlayout.widget.ConstraintLayout>