feat(chat-settings-view): 대화설정
- 배경 이미지 숨김 - 대화 초기화 기능 추가
This commit is contained in:
@@ -58,4 +58,8 @@ class ChatRoomRepository {
|
|||||||
func purchaseChatQuota() -> AnyPublisher<Response, MoyaError> {
|
func purchaseChatQuota() -> AnyPublisher<Response, MoyaError> {
|
||||||
return talkApi.requestPublisher(.purchaseChatQuota(request: ChatQuotaPurchaseRequest()))
|
return talkApi.requestPublisher(.purchaseChatQuota(request: ChatQuotaPurchaseRequest()))
|
||||||
}
|
}
|
||||||
|
|
||||||
|
func resetChatRoom(roomId: Int) -> AnyPublisher<Response, MoyaError> {
|
||||||
|
return talkApi.requestPublisher(.resetChatRoom(roomId: roomId, request: ChatRoomResetRequest()))
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -19,8 +19,11 @@ struct ChatRoomView: View {
|
|||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
BaseView(isLoading: $viewModel.isLoading) {
|
BaseView(isLoading: $viewModel.isLoading) {
|
||||||
|
if !viewModel.isHideBg {
|
||||||
ChatRoomBgView(url: viewModel.chatRoomBgImageUrl)
|
ChatRoomBgView(url: viewModel.chatRoomBgImageUrl)
|
||||||
|
}
|
||||||
|
|
||||||
|
if !viewModel.isResetting {
|
||||||
VStack(spacing: 0) {
|
VStack(spacing: 0) {
|
||||||
HStack(spacing: 12) {
|
HStack(spacing: 12) {
|
||||||
Image("ic_back")
|
Image("ic_back")
|
||||||
@@ -80,7 +83,9 @@ struct ChatRoomView: View {
|
|||||||
Image("ic_seemore_vertical_white")
|
Image("ic_seemore_vertical_white")
|
||||||
.resizable()
|
.resizable()
|
||||||
.frame(width: 24, height: 24)
|
.frame(width: 24, height: 24)
|
||||||
.onTapGesture {}
|
.onTapGesture {
|
||||||
|
viewModel.isShowingChatSettingsView = true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.padding(.horizontal, 16)
|
.padding(.horizontal, 16)
|
||||||
.padding(.vertical, 8)
|
.padding(.vertical, 8)
|
||||||
@@ -217,6 +222,7 @@ struct ChatRoomView: View {
|
|||||||
.frame(width: screenSize().width)
|
.frame(width: screenSize().width)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
if let message = viewModel.selectedMessage, viewModel.selectedMessageIndex >= 0 {
|
if let message = viewModel.selectedMessage, viewModel.selectedMessageIndex >= 0 {
|
||||||
SodaDialog(
|
SodaDialog(
|
||||||
@@ -232,6 +238,54 @@ struct ChatRoomView: View {
|
|||||||
viewModel.selectedMessageIndex = -1
|
viewModel.selectedMessageIndex = -1
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if viewModel.isShowingChatSettingsView {
|
||||||
|
ChatSettingsView(
|
||||||
|
isShowing: $viewModel.isShowingChatSettingsView,
|
||||||
|
isHideBg: $viewModel.isHideBg,
|
||||||
|
onTapChangeBg: { viewModel.isShowingChangeBgView = true },
|
||||||
|
onTapResetChatRoom: { viewModel.isShowingChatResetConfirmDialog = true }
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
if viewModel.isShowingChangeBgView {
|
||||||
|
ChatBgSelectionView()
|
||||||
|
}
|
||||||
|
|
||||||
|
if viewModel.isShowingChatResetConfirmDialog {
|
||||||
|
ZStack {
|
||||||
|
Color.black.opacity(0.7)
|
||||||
|
|
||||||
|
SodaDialog(
|
||||||
|
title: "대화 초기화",
|
||||||
|
desc: "지금까지의 대화가 모두 초기화 되고 새롭게 대화를 시작합니다.",
|
||||||
|
confirmButtonTitle: "30캔으로 초기화",
|
||||||
|
confirmButtonAction: {
|
||||||
|
viewModel.resetChatRoom()
|
||||||
|
viewModel.isShowingChatResetConfirmDialog = false
|
||||||
|
},
|
||||||
|
cancelButtonTitle: "취소",
|
||||||
|
cancelButtonAction: {
|
||||||
|
viewModel.isShowingChatResetConfirmDialog = false
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||||||
|
}
|
||||||
|
|
||||||
|
if viewModel.isResetting {
|
||||||
|
ZStack {
|
||||||
|
Color.black.opacity(0.7)
|
||||||
|
|
||||||
|
VStack(spacing: 0) {
|
||||||
|
ActivityIndicatorView()
|
||||||
|
.frame(width: 100, height: 100)
|
||||||
|
|
||||||
|
Text("대화 초기화 중...")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.sheet(isPresented: $viewModel.isShowImageViewer) {
|
.sheet(isPresented: $viewModel.isShowImageViewer) {
|
||||||
ImageViewerView(
|
ImageViewerView(
|
||||||
|
|||||||
@@ -11,6 +11,7 @@ import Moya
|
|||||||
|
|
||||||
final class ChatRoomViewModel: ObservableObject {
|
final class ChatRoomViewModel: ObservableObject {
|
||||||
// MARK: - Published State
|
// MARK: - Published State
|
||||||
|
@Published var isResetting: Bool = false
|
||||||
@Published var isLoading: Bool = false
|
@Published var isLoading: Bool = false
|
||||||
@Published var errorMessage: String = ""
|
@Published var errorMessage: String = ""
|
||||||
@Published var isShowPopup = false
|
@Published var isShowPopup = false
|
||||||
@@ -36,6 +37,15 @@ final class ChatRoomViewModel: ObservableObject {
|
|||||||
@Published var isShowImageViewer = false
|
@Published var isShowImageViewer = false
|
||||||
@Published var selectedImageIndex: Int = 0
|
@Published var selectedImageIndex: Int = 0
|
||||||
|
|
||||||
|
@Published var isHideBg = false {
|
||||||
|
didSet {
|
||||||
|
UserDefaults.standard.set(isHideBg, forKey: bgHideKey())
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@Published var isShowingChatSettingsView = false
|
||||||
|
@Published var isShowingChangeBgView = false
|
||||||
|
@Published var isShowingChatResetConfirmDialog = false
|
||||||
|
|
||||||
var ownedImageUrls: [String] {
|
var ownedImageUrls: [String] {
|
||||||
return messages
|
return messages
|
||||||
.filter { $0.hasAccess }
|
.filter { $0.hasAccess }
|
||||||
@@ -54,7 +64,6 @@ final class ChatRoomViewModel: ObservableObject {
|
|||||||
private var timer: Timer?
|
private var timer: Timer?
|
||||||
|
|
||||||
// MARK: - Actions
|
// MARK: - Actions
|
||||||
@MainActor
|
|
||||||
func sendMessage() {
|
func sendMessage() {
|
||||||
guard !messageText.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty else {
|
guard !messageText.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty else {
|
||||||
return
|
return
|
||||||
@@ -118,10 +127,10 @@ final class ChatRoomViewModel: ObservableObject {
|
|||||||
.store(in: &subscription)
|
.store(in: &subscription)
|
||||||
}
|
}
|
||||||
|
|
||||||
@MainActor
|
|
||||||
func enterRoom(roomId: Int) {
|
func enterRoom(roomId: Int) {
|
||||||
isLoading = true
|
isLoading = true
|
||||||
self.roomId = roomId
|
self.roomId = roomId
|
||||||
|
self.isHideBg = UserDefaults.standard.bool(forKey: bgHideKey())
|
||||||
|
|
||||||
repository.enterChatRoom(
|
repository.enterChatRoom(
|
||||||
roomId: roomId,
|
roomId: roomId,
|
||||||
@@ -291,6 +300,47 @@ final class ChatRoomViewModel: ObservableObject {
|
|||||||
.store(in: &subscription)
|
.store(in: &subscription)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
func resetChatRoom() {
|
||||||
|
isResetting = true
|
||||||
|
|
||||||
|
repository.resetChatRoom(roomId: roomId)
|
||||||
|
.sink { result in
|
||||||
|
switch result {
|
||||||
|
case .finished:
|
||||||
|
DEBUG_LOG("finish")
|
||||||
|
case .failure(let error):
|
||||||
|
ERROR_LOG(error.localizedDescription)
|
||||||
|
}
|
||||||
|
} receiveValue: { [weak self] response in
|
||||||
|
let responseData = response.data
|
||||||
|
self?.isResetting = false
|
||||||
|
|
||||||
|
do {
|
||||||
|
let jsonDecoder = JSONDecoder()
|
||||||
|
let decoded = try jsonDecoder.decode(ApiResponse<CreateChatRoomResponse>.self, from: responseData)
|
||||||
|
|
||||||
|
if let data = decoded.data, decoded.success {
|
||||||
|
self?.resetData()
|
||||||
|
self?.getMemberInfo()
|
||||||
|
self?.enterRoom(roomId: data.chatRoomId)
|
||||||
|
} else {
|
||||||
|
if let message = decoded.message {
|
||||||
|
self?.errorMessage = message
|
||||||
|
} else {
|
||||||
|
self?.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
|
||||||
|
}
|
||||||
|
|
||||||
|
self?.isShowPopup = true
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
ERROR_LOG(String(describing: error))
|
||||||
|
self?.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
|
||||||
|
self?.isShowPopup = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.store(in: &subscription)
|
||||||
|
}
|
||||||
|
|
||||||
func showImageViewer(_ imageUrl: String?) {
|
func showImageViewer(_ imageUrl: String?) {
|
||||||
if let imageUrl = imageUrl {
|
if let imageUrl = imageUrl {
|
||||||
selectedImageIndex = ownedImageUrls.firstIndex(of: imageUrl) ?? 0
|
selectedImageIndex = ownedImageUrls.firstIndex(of: imageUrl) ?? 0
|
||||||
@@ -298,6 +348,30 @@ final class ChatRoomViewModel: ObservableObject {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private func resetData() {
|
||||||
|
characterProfileUrl = ""
|
||||||
|
characterName = "Character Name"
|
||||||
|
characterType = .Character
|
||||||
|
chatRoomBgImageUrl = nil
|
||||||
|
roomId = 0
|
||||||
|
|
||||||
|
countdownText = "00:00:00"
|
||||||
|
showQuotaNoticeView = false
|
||||||
|
|
||||||
|
showSendingMessage = false
|
||||||
|
|
||||||
|
messageText = ""
|
||||||
|
messages = []
|
||||||
|
selectedMessage = nil
|
||||||
|
selectedMessageIndex = -1
|
||||||
|
isShowImageViewer = false
|
||||||
|
selectedImageIndex = 0
|
||||||
|
|
||||||
|
isShowingChatSettingsView = false
|
||||||
|
isShowingChangeBgView = false
|
||||||
|
isShowingChatResetConfirmDialog = false
|
||||||
|
}
|
||||||
|
|
||||||
private func checkQuotaStatus() {
|
private func checkQuotaStatus() {
|
||||||
isLoading = true
|
isLoading = true
|
||||||
|
|
||||||
@@ -420,4 +494,8 @@ final class ChatRoomViewModel: ObservableObject {
|
|||||||
private func bgImageIdKey() -> String {
|
private func bgImageIdKey() -> String {
|
||||||
return "chat_bg_image_id_room_\(roomId)"
|
return "chat_bg_image_id_room_\(roomId)"
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private func bgHideKey() -> String {
|
||||||
|
return "chat_bg_hide_room_\(roomId)"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,11 +8,111 @@
|
|||||||
import SwiftUI
|
import SwiftUI
|
||||||
|
|
||||||
struct ChatSettingsView: View {
|
struct ChatSettingsView: View {
|
||||||
|
|
||||||
|
@Binding var isShowing: Bool
|
||||||
|
@Binding var isHideBg: Bool
|
||||||
|
|
||||||
|
let onTapChangeBg: () -> Void
|
||||||
|
let onTapResetChatRoom: () -> Void
|
||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
Text(/*@START_MENU_TOKEN@*/"Hello, World!"/*@END_MENU_TOKEN@*/)
|
VStack(spacing: 0) {
|
||||||
|
DetailNavigationBar(title: "대화 설정") {
|
||||||
|
isShowing = false
|
||||||
|
}
|
||||||
|
|
||||||
|
ScrollView(.vertical, showsIndicators: false) {
|
||||||
|
VStack(spacing: 0) {
|
||||||
|
VStack(spacing: 0) {
|
||||||
|
Toggle(isOn: $isHideBg) {
|
||||||
|
Text("배경 이미지 숨김")
|
||||||
|
.font(.custom(Font.preBold.rawValue, size: 18))
|
||||||
|
.foregroundColor(Color(hex: "B0BEC5"))
|
||||||
|
}
|
||||||
|
.toggleStyle(.switch)
|
||||||
|
.tint(Color.button)
|
||||||
|
.padding(.horizontal, 24)
|
||||||
|
.padding(.vertical, 12)
|
||||||
|
|
||||||
|
Rectangle()
|
||||||
|
.foregroundColor(Color.white.opacity(0.14))
|
||||||
|
.frame(maxWidth: .infinity)
|
||||||
|
.frame(height: 1)
|
||||||
|
}
|
||||||
|
|
||||||
|
VStack(spacing: 0) {
|
||||||
|
HStack {
|
||||||
|
Text("배경 이미지 변경")
|
||||||
|
.font(.custom(Font.preBold.rawValue, size: 18))
|
||||||
|
.foregroundColor(Color(hex: "B0BEC5"))
|
||||||
|
.padding(.horizontal, 24)
|
||||||
|
.padding(.vertical, 12)
|
||||||
|
|
||||||
|
Spacer()
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle()
|
||||||
|
.foregroundColor(Color.white.opacity(0.14))
|
||||||
|
.frame(maxWidth: .infinity)
|
||||||
|
.frame(height: 1)
|
||||||
|
}
|
||||||
|
.onTapGesture { onTapChangeBg() }
|
||||||
|
|
||||||
|
HStack(spacing: 0) {
|
||||||
|
VStack(alignment: .leading, spacing: 6) {
|
||||||
|
Text("대화 초기화")
|
||||||
|
.font(.custom(Font.preBold.rawValue, size: 18))
|
||||||
|
.foregroundColor(Color(hex: "B0BEC5"))
|
||||||
|
|
||||||
|
HStack(alignment: .top, spacing: 0) {
|
||||||
|
Text("⚠️ ")
|
||||||
|
.font(.custom(Font.preRegular.rawValue, size: 16))
|
||||||
|
.foregroundColor(.white.opacity(0.7))
|
||||||
|
|
||||||
|
Text("지금까지의 대화가 모두 초기화 되고, 이용자가 새로운 캐릭터가 되어 새롭게 대화를 시작합니다.")
|
||||||
|
.font(.custom(Font.preRegular.rawValue, size: 16))
|
||||||
|
.foregroundColor(.white.opacity(0.7))
|
||||||
|
.fixedSize(horizontal: false, vertical: true)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Spacer()
|
||||||
|
|
||||||
|
HStack(spacing: 4) {
|
||||||
|
Image("ic_can")
|
||||||
|
.resizable()
|
||||||
|
.frame(width: 24, height: 24)
|
||||||
|
|
||||||
|
Text("30")
|
||||||
|
.font(.custom(Font.preBold.rawValue, size: 16))
|
||||||
|
.foregroundColor(Color(hex: "263238"))
|
||||||
|
}
|
||||||
|
.padding(.vertical, 3)
|
||||||
|
.padding(.horizontal, 10)
|
||||||
|
.background(Color(hex: "B5E7FA"))
|
||||||
|
.cornerRadius(30)
|
||||||
|
.overlay {
|
||||||
|
RoundedRectangle(cornerRadius: 30)
|
||||||
|
.stroke(lineWidth: 1)
|
||||||
|
.foregroundColor(.button)
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.padding(.horizontal, 24)
|
||||||
|
.padding(.vertical, 12)
|
||||||
|
.onTapGesture { onTapResetChatRoom() }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.background(Color.black)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#Preview {
|
#Preview {
|
||||||
ChatSettingsView()
|
ChatSettingsView(
|
||||||
|
isShowing: .constant(true),
|
||||||
|
isHideBg: .constant(false),
|
||||||
|
onTapChangeBg: {},
|
||||||
|
onTapResetChatRoom: {}
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -19,6 +19,7 @@ enum TalkApi {
|
|||||||
case purchaseChatQuota(request: ChatQuotaPurchaseRequest)
|
case purchaseChatQuota(request: ChatQuotaPurchaseRequest)
|
||||||
|
|
||||||
case purchaseMessage(roomId: Int, messageId: Int64, request: ChatMessagePurchaseRequest)
|
case purchaseMessage(roomId: Int, messageId: Int64, request: ChatMessagePurchaseRequest)
|
||||||
|
case resetChatRoom(roomId: Int, request: ChatRoomResetRequest)
|
||||||
}
|
}
|
||||||
|
|
||||||
extension TalkApi: TargetType {
|
extension TalkApi: TargetType {
|
||||||
@@ -49,6 +50,9 @@ extension TalkApi: TargetType {
|
|||||||
|
|
||||||
case .purchaseMessage(let roomId, let messageId, _):
|
case .purchaseMessage(let roomId, let messageId, _):
|
||||||
return "/api/chat/room/\(roomId)/messages/\(messageId)/purchase"
|
return "/api/chat/room/\(roomId)/messages/\(messageId)/purchase"
|
||||||
|
|
||||||
|
case .resetChatRoom(let roomId, _):
|
||||||
|
return "/api/chat/room/\(roomId)/reset"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -77,6 +81,9 @@ extension TalkApi: TargetType {
|
|||||||
|
|
||||||
case .purchaseMessage:
|
case .purchaseMessage:
|
||||||
return .post
|
return .post
|
||||||
|
|
||||||
|
case .resetChatRoom:
|
||||||
|
return .post
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -123,6 +130,9 @@ extension TalkApi: TargetType {
|
|||||||
|
|
||||||
case .purchaseMessage(_, _, let request):
|
case .purchaseMessage(_, _, let request):
|
||||||
return .requestJSONEncodable(request)
|
return .requestJSONEncodable(request)
|
||||||
|
|
||||||
|
case .resetChatRoom(_, let request):
|
||||||
|
return .requestJSONEncodable(request)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user