feat(chat-settings-view): 대화설정
- 배경 이미지 숨김 - 대화 초기화 기능 추가
This commit is contained in:
		@@ -58,4 +58,8 @@ class ChatRoomRepository {
 | 
			
		||||
    func purchaseChatQuota() -> AnyPublisher<Response, MoyaError> {
 | 
			
		||||
        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 {
 | 
			
		||||
        BaseView(isLoading: $viewModel.isLoading) {
 | 
			
		||||
            if !viewModel.isHideBg {
 | 
			
		||||
                ChatRoomBgView(url: viewModel.chatRoomBgImageUrl)
 | 
			
		||||
            }
 | 
			
		||||
            
 | 
			
		||||
            if !viewModel.isResetting {
 | 
			
		||||
                VStack(spacing: 0) {
 | 
			
		||||
                    HStack(spacing: 12) {
 | 
			
		||||
                        Image("ic_back")
 | 
			
		||||
@@ -80,7 +83,9 @@ struct ChatRoomView: View {
 | 
			
		||||
                        Image("ic_seemore_vertical_white")
 | 
			
		||||
                            .resizable()
 | 
			
		||||
                            .frame(width: 24, height: 24)
 | 
			
		||||
                        .onTapGesture {}
 | 
			
		||||
                            .onTapGesture {
 | 
			
		||||
                                viewModel.isShowingChatSettingsView = true
 | 
			
		||||
                            }
 | 
			
		||||
                    }
 | 
			
		||||
                    .padding(.horizontal, 16)
 | 
			
		||||
                    .padding(.vertical, 8)
 | 
			
		||||
@@ -217,6 +222,7 @@ struct ChatRoomView: View {
 | 
			
		||||
                        .frame(width: screenSize().width)
 | 
			
		||||
                    }
 | 
			
		||||
                }
 | 
			
		||||
            }
 | 
			
		||||
            
 | 
			
		||||
            if let message = viewModel.selectedMessage, viewModel.selectedMessageIndex >= 0 {
 | 
			
		||||
                SodaDialog(
 | 
			
		||||
@@ -232,6 +238,54 @@ struct ChatRoomView: View {
 | 
			
		||||
                    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) {
 | 
			
		||||
            ImageViewerView(
 | 
			
		||||
 
 | 
			
		||||
@@ -11,6 +11,7 @@ import Moya
 | 
			
		||||
 | 
			
		||||
final class ChatRoomViewModel: ObservableObject {
 | 
			
		||||
    // MARK: - Published State
 | 
			
		||||
    @Published var isResetting: Bool = false
 | 
			
		||||
    @Published var isLoading: Bool = false
 | 
			
		||||
    @Published var errorMessage: String = ""
 | 
			
		||||
    @Published var isShowPopup = false
 | 
			
		||||
@@ -36,6 +37,15 @@ final class ChatRoomViewModel: ObservableObject {
 | 
			
		||||
    @Published var isShowImageViewer = false
 | 
			
		||||
    @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] {
 | 
			
		||||
        return messages
 | 
			
		||||
            .filter { $0.hasAccess }
 | 
			
		||||
@@ -54,7 +64,6 @@ final class ChatRoomViewModel: ObservableObject {
 | 
			
		||||
    private var timer: Timer?
 | 
			
		||||
    
 | 
			
		||||
    // MARK: - Actions
 | 
			
		||||
    @MainActor
 | 
			
		||||
    func sendMessage() {
 | 
			
		||||
        guard !messageText.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty else {
 | 
			
		||||
            return
 | 
			
		||||
@@ -118,10 +127,10 @@ final class ChatRoomViewModel: ObservableObject {
 | 
			
		||||
            .store(in: &subscription)
 | 
			
		||||
    }
 | 
			
		||||
    
 | 
			
		||||
    @MainActor
 | 
			
		||||
    func enterRoom(roomId: Int) {
 | 
			
		||||
        isLoading = true
 | 
			
		||||
        self.roomId = roomId
 | 
			
		||||
        self.isHideBg = UserDefaults.standard.bool(forKey: bgHideKey())
 | 
			
		||||
        
 | 
			
		||||
        repository.enterChatRoom(
 | 
			
		||||
            roomId: roomId,
 | 
			
		||||
@@ -291,6 +300,47 @@ final class ChatRoomViewModel: ObservableObject {
 | 
			
		||||
            .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?) {
 | 
			
		||||
        if let imageUrl = imageUrl {
 | 
			
		||||
            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() {
 | 
			
		||||
        isLoading = true
 | 
			
		||||
        
 | 
			
		||||
@@ -420,4 +494,8 @@ final class ChatRoomViewModel: ObservableObject {
 | 
			
		||||
    private func bgImageIdKey() -> String {
 | 
			
		||||
        return "chat_bg_image_id_room_\(roomId)"
 | 
			
		||||
    }
 | 
			
		||||
    
 | 
			
		||||
    private func bgHideKey() -> String {
 | 
			
		||||
        return "chat_bg_hide_room_\(roomId)"
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -8,11 +8,111 @@
 | 
			
		||||
import SwiftUI
 | 
			
		||||
 | 
			
		||||
struct ChatSettingsView: View {
 | 
			
		||||
    
 | 
			
		||||
    @Binding var isShowing: Bool
 | 
			
		||||
    @Binding var isHideBg: Bool
 | 
			
		||||
    
 | 
			
		||||
    let onTapChangeBg: () -> Void
 | 
			
		||||
    let onTapResetChatRoom: () -> Void
 | 
			
		||||
    
 | 
			
		||||
    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 {
 | 
			
		||||
    ChatSettingsView()
 | 
			
		||||
    ChatSettingsView(
 | 
			
		||||
        isShowing: .constant(true),
 | 
			
		||||
        isHideBg: .constant(false),
 | 
			
		||||
        onTapChangeBg: {},
 | 
			
		||||
        onTapResetChatRoom: {}
 | 
			
		||||
    )
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -19,6 +19,7 @@ enum TalkApi {
 | 
			
		||||
    case purchaseChatQuota(request: ChatQuotaPurchaseRequest)
 | 
			
		||||
    
 | 
			
		||||
    case purchaseMessage(roomId: Int, messageId: Int64, request: ChatMessagePurchaseRequest)
 | 
			
		||||
    case resetChatRoom(roomId: Int, request: ChatRoomResetRequest)
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
extension TalkApi: TargetType {
 | 
			
		||||
@@ -49,6 +50,9 @@ extension TalkApi: TargetType {
 | 
			
		||||
            
 | 
			
		||||
        case .purchaseMessage(let roomId, let messageId, _):
 | 
			
		||||
            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:
 | 
			
		||||
            return .post
 | 
			
		||||
            
 | 
			
		||||
        case .resetChatRoom:
 | 
			
		||||
            return .post
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
    
 | 
			
		||||
@@ -123,6 +130,9 @@ extension TalkApi: TargetType {
 | 
			
		||||
            
 | 
			
		||||
        case .purchaseMessage(_, _, let request):
 | 
			
		||||
            return .requestJSONEncodable(request)
 | 
			
		||||
            
 | 
			
		||||
        case .resetChatRoom(_, let request):
 | 
			
		||||
            return .requestJSONEncodable(request)
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
    
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user