feat: 오픈소스 라이선스 화면 UI 구현

core/common/src/main/kotlin/com/ninecraft/booket/core/common/extensions/Modifier.kt

@@ -1,9 +1,9 @@
 package com.ninecraft.booket.core.common.extensions
 
 import android.annotation.SuppressLint
-import androidx.compose.foundation.LocalIndication
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.material3.ripple
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.composed
@@ -44,7 +44,7 @@ fun Modifier.clickableSingle(
         onClickLabel = onClickLabel,
         onClick = { multipleEventsCutter.processEvent { onClick() } },
         role = role,
-        indication = LocalIndication.current,
+        indication = ripple(),
         interactionSource = remember { MutableInteractionSource() },
     )
 }

core/designsystem/src/main/kotlin/com/ninecraft/booket/core/designsystem/component/appbar/ReedTopAppBar.kt

@@ -62,7 +62,7 @@ fun ReedTopAppBar(
             text = title,
             modifier = Modifier.weight(1f),
             textAlign = TextAlign.Center,
-            style = ReedTheme.typography.heading2SemiBold,
+            style = ReedTheme.typography.headline2SemiBold,
         )
 
         if (endIconRes != null) {
@@ -87,14 +87,14 @@ fun ReedTopAppBar(
 fun ReedBackTopAppBar(
     modifier: Modifier = Modifier,
     title: String = "",
-    onNavigateBack: () -> Unit = {},
+    onBackClick: () -> Unit = {},
 ) {
     ReedTopAppBar(
         modifier = modifier,
         title = title,
         startIconRes = R.drawable.ic_chevron_left,
         startIconDescription = "Back",
-        startIconOnClick = onNavigateBack,
+        startIconOnClick = onBackClick,
     )
 }
 

feature/login/src/main/kotlin/com/ninecraft/booket/feature/termsagreement/TermsAgreementScreen.kt

@@ -50,7 +50,7 @@ internal fun TermsAgreement(
             .background(White),
     ) {
         ReedBackTopAppBar(
-            onNavigateBack = {
+            onBackClick = {
                 state.eventSink(TermsAgreementUiEvent.OnBackClick)
             },
         )

feature/settings/build.gradle.kts

@@ -2,7 +2,7 @@
 
 plugins {
     alias(libs.plugins.booket.android.feature)
-    alias(libs.plugins.kotlin.serialization)
+    alias(libs.plugins.booket.kotlin.library.serialization)
     alias(libs.plugins.kotlin.parcelize)
 }
 

feature/settings/src/main/assets/oss_licenses.json

@@ -0,0 +1,57 @@
+[
+    {
+        "name": "Circuit",
+        "license": "Apache License 2.0",
+        "url": "https://github.com/slackhq/circuit"
+    },
+    {
+        "name": "Compose Effects",
+        "license": "Apache License 2.0",
+        "url": "https://github.com/skydoves/compose-effects"
+    },
+    {
+        "name": "Compose Stable Marker",
+        "license": "Apache License 2.0",
+        "url": "https://github.com/skydoves/compose-stable-marker"
+    },
+    {
+        "name": "Hilt",
+        "license": "Apache License 2.0",
+        "url": "https://dagger.dev/hilt/"
+    },
+    {
+        "name": "Logger",
+        "license": "Apache License 2.0",
+        "url": "https://github.com/orhanobut/logger"
+    },
+    {
+        "name": "OkHttp",
+        "license": "Apache License 2.0",
+        "url": "https://square.github.io/okhttp/"
+    },
+    {
+        "name": "Retrofit",
+        "license": "Apache License 2.0",
+        "url": "https://square.github.io/retrofit/"
+    },
+    {
+        "name": "OkHttp Logging Interceptor",
+        "license": "Apache License 2.0",
+        "url": "https://github.com/square/okhttp/tree/master/okhttp-logging-interceptor"
+    },
+    {
+        "name": "Coil",
+        "license": "Apache License 2.0",
+        "url": "https://github.com/coil-kt/coil"
+    },
+    {
+        "name": "Detekt",
+        "license": "Apache License 2.0",
+        "url": "https://github.com/detekt/detekt"
+    },
+    {
+        "name": "ktlint",
+        "license": "MIT License",
+        "url": "https://github.com/pinterest/ktlint"
+    }
+]

feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/SettingsPresenter.kt

@@ -4,6 +4,7 @@ import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.setValue
+import com.ninecraft.booket.screens.OssLicensesScreen
 import com.ninecraft.booket.screens.SettingsScreen
 import com.slack.circuit.codegen.annotations.CircuitInject
 import com.slack.circuit.retained.rememberRetained
@@ -34,6 +35,10 @@ class SettingsPresenter @AssistedInject constructor(
                     // TODO: 웹뷰 화면으로 이동
                 }
 
+                is SettingsUiEvent.OnOssLicensesClick -> {
+                    navigator.goTo(OssLicensesScreen)
+                }
+
                 is SettingsUiEvent.OnLogoutClick -> {
                     isLogoutBottomSheetVisible = true
                 }

feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/SettingsScreen.kt

@@ -60,7 +60,7 @@ internal fun Settings(
     ) {
         ReedBackTopAppBar(
             title = stringResource(R.string.settings_title),
-            onNavigateBack = {
+            onBackClick = {
                 state.eventSink(SettingsUiEvent.OnBackClick)
             },
         )
@@ -95,7 +95,7 @@ internal fun Settings(
         SettingItem(
             title = stringResource(R.string.settings_open_source_license),
             onItemClick = {
-                state.eventSink(SettingsUiEvent.OnTermDetailClick(""))
+                state.eventSink(SettingsUiEvent.OnOssLicensesClick)
             },
             action = {
                 Icon(

feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/SettingsUiState.kt

@@ -13,6 +13,7 @@ data class SettingsUiState(
 sealed interface SettingsUiEvent : CircuitUiEvent {
     data object OnBackClick : SettingsUiEvent
     data class OnTermDetailClick(val title: String) : SettingsUiEvent
+    data object OnOssLicensesClick : SettingsUiEvent
     data object OnLogoutClick : SettingsUiEvent
     data object OnWithdrawClick : SettingsUiEvent
     data object OnBottomSheetDismissed : SettingsUiEvent

feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/osslicenses/OssLicenseInfo.kt

@@ -0,0 +1,10 @@
+package com.ninecraft.booket.feature.settings.osslicenses
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class OssLicenseInfo(
+    val name: String,
+    val license: String,
+    val url: String,
+)

feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/osslicenses/OssLicensesPresenter.kt

@@ -0,0 +1,35 @@
+package com.ninecraft.booket.feature.settings.osslicenses
+
+import androidx.compose.runtime.Composable
+import com.ninecraft.booket.screens.OssLicensesScreen
+import com.slack.circuit.codegen.annotations.CircuitInject
+import com.slack.circuit.runtime.Navigator
+import com.slack.circuit.runtime.presenter.Presenter
+import dagger.assisted.Assisted
+import dagger.assisted.AssistedFactory
+import dagger.assisted.AssistedInject
+import dagger.hilt.android.components.ActivityRetainedComponent
+
+class OssLicensesPresenter @AssistedInject constructor(
+    @Assisted val navigator: Navigator,
+) : Presenter<OssLicensesUiState> {
+    @Composable
+    override fun present(): OssLicensesUiState {
+        fun handleEvent(event: OssLicensesUiEvent) {
+            when (event) {
+                is OssLicensesUiEvent.OnBackClicked -> {
+                    navigator.pop()
+                }
+            }
+        }
+        return OssLicensesUiState(
+            eventSink = ::handleEvent,
+        )
+    }
+
+    @CircuitInject(OssLicensesScreen::class, ActivityRetainedComponent::class)
+    @AssistedFactory
+    fun interface Factory {
+        fun create(navigator: Navigator): OssLicensesPresenter
+    }
+}

feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/osslicenses/OssLicensesScreen.kt

@@ -0,0 +1,159 @@
+package com.ninecraft.booket.feature.settings.osslicenses
+
+import android.content.Context
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Text
+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.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextOverflow
+import com.ninecraft.booket.core.designsystem.DevicePreview
+import com.ninecraft.booket.core.designsystem.component.appbar.ReedBackTopAppBar
+import com.ninecraft.booket.core.designsystem.theme.ReedTheme
+import com.ninecraft.booket.core.designsystem.theme.White
+import com.ninecraft.booket.feature.settings.R
+import com.ninecraft.booket.screens.OssLicensesScreen
+import com.orhanobut.logger.Logger
+import com.slack.circuit.codegen.annotations.CircuitInject
+import dagger.hilt.android.components.ActivityRetainedComponent
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.withContext
+import kotlinx.serialization.json.Json
+import java.io.IOException
+
+@CircuitInject(OssLicensesScreen::class, ActivityRetainedComponent::class)
+@Composable
+internal fun OssLicenses(
+    state: OssLicensesUiState,
+    modifier: Modifier = Modifier,
+) {
+    val context = LocalContext.current
+    var licenses by remember { mutableStateOf<List<OssLicenseInfo>>(emptyList()) }
+
+    LaunchedEffect(Unit) {
+        licenses = withContext(Dispatchers.IO) {
+            getOssLicensesDataFromAsset(context)
+        }
+    }
+
+    Column(
+        modifier = modifier
+            .fillMaxSize()
+            .background(White),
+    ) {
+        ReedBackTopAppBar(
+            title = stringResource(R.string.oss_licenses_title),
+            onBackClick = {
+                state.eventSink(OssLicensesUiEvent.OnBackClicked)
+            },
+        )
+        LazyColumn {
+            items(licenses) { license ->
+                OssLicenseItem(
+                    name = license.name,
+                    license = license.license,
+                    url = license.url,
+                )
+            }
+        }
+    }
+}
+
+@Composable
+private fun OssLicenseItem(
+    name: String,
+    license: String,
+    url: String,
+    modifier: Modifier = Modifier,
+) {
+    Column(
+        modifier = modifier
+            .fillMaxWidth()
+            .padding(
+                horizontal = ReedTheme.spacing.spacing3,
+                vertical = ReedTheme.spacing.spacing3,
+            ),
+    ) {
+        Row(
+            verticalAlignment = Alignment.CenterVertically,
+        ) {
+            Box(
+                modifier = Modifier
+                    .size(ReedTheme.spacing.spacing1)
+                    .background(
+                        color = ReedTheme.colors.contentBrand,
+                        shape = CircleShape,
+                    ),
+            )
+            Spacer(modifier = Modifier.width(ReedTheme.spacing.spacing1))
+            Text(
+                text = "$name - $license",
+                fontWeight = FontWeight.W500,
+                overflow = TextOverflow.Ellipsis,
+                maxLines = 1,
+                style = ReedTheme.typography.caption2Regular,
+            )
+        }
+        Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing2))
+        Text(
+            text = url,
+            modifier = Modifier
+                .fillMaxWidth()
+                .background(
+                    color = ReedTheme.colors.bgSecondary,
+                    shape = RoundedCornerShape(ReedTheme.radius.xs),
+                )
+                .padding(
+                    horizontal = ReedTheme.spacing.spacing2,
+                    vertical = ReedTheme.spacing.spacing4,
+                ),
+            style = ReedTheme.typography.caption2Regular,
+        )
+    }
+}
+
+private fun getOssLicensesDataFromAsset(context: Context): List<OssLicenseInfo> {
+    return try {
+        val json = context.assets.open("oss_licenses.json")
+            .bufferedReader()
+            .use { it.readText() }
+        Json.decodeFromString(json)
+    } catch (e: IOException) {
+        Logger.e(e, "Failed to read json file")
+        emptyList()
+    }
+}
+
+@DevicePreview
+@Composable
+private fun OssLicensesScreenPreview() {
+    ReedTheme {
+        OssLicenses(
+            state = OssLicensesUiState(
+                eventSink = {},
+            ),
+        )
+    }
+}

feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/osslicenses/OssLicensesUiState.kt

@@ -0,0 +1,12 @@
+package com.ninecraft.booket.feature.settings.osslicenses
+
+import com.slack.circuit.runtime.CircuitUiEvent
+import com.slack.circuit.runtime.CircuitUiState
+
+data class OssLicensesUiState(
+    val eventSink: (OssLicensesUiEvent) -> Unit,
+) : CircuitUiState
+
+sealed interface OssLicensesUiEvent : CircuitUiEvent {
+    data object OnBackClicked : OssLicensesUiEvent
+}

feature/settings/src/main/res/values/strings.xml

@@ -13,4 +13,5 @@
     <string name="settings_withdraw_agreement">확인하였으며 이에 동의합니다.</string>
     <string name="settings_cancel">취소</string>
     <string name="settings_withdraw_action">탈퇴하기</string>
+    <string name="oss_licenses_title">오픈소스 라이선스</string>
 </resources>