feat(live-room): 채팅창 얼리기 기능을 추가한다

채팅 입력 제어와 룸 상태 동기화를 통합해 지연 입장자도 동일 상태를 적용한다.

SodaLive/Sources/Live/Room/V2/Component/View/LiveRoomInfoHostView.swift

@@ -19,6 +19,7 @@ struct LiveRoomInfoHostView: View {
     let isOnNotice: Bool
     let isOnMenuPan: Bool
     let isOnSignature: Bool
+    let isOnChatFreeze: Bool
     let isShowMenuPanButton: Bool
     
     let creatorId: Int
@@ -40,6 +41,7 @@ struct LiveRoomInfoHostView: View {
     let onClickTotalHeart: () -> Void
     let onClickTotalDonation: () -> Void
     let onClickParticipants: () -> Void
+    let onClickToggleChatFreeze: () -> Void
     let onClickToggleSignature: () -> Void
     
     var body: some View {
@@ -55,6 +57,18 @@ struct LiveRoomInfoHostView: View {
                     ) { onClickQuit() }
                     
                     Spacer()
+
+                    LiveRoomOverlayStrokeTextToggleButton(
+                        isOn: isOnChatFreeze,
+                        onText: I18n.LiveRoom.chatFreezeOn,
+                        onTextColor: Color.button,
+                        onStrokeColor: Color.button,
+                        offText: I18n.LiveRoom.chatFreezeOff,
+                        offTextColor: Color.graybb,
+                        offStrokeColor: Color.graybb,
+                        strokeWidth: 1,
+                        strokeCornerRadius: 5.3
+                    ) { onClickToggleChatFreeze() }
                     
                     LiveRoomOverlayStrokeTextToggleButton(
                         isOn: isOnSignature,
@@ -240,6 +254,7 @@ struct LiveRoomInfoHostView_Previews: PreviewProvider {
             isOnNotice: true,
             isOnMenuPan: false,
             isOnSignature: false,
+            isOnChatFreeze: false,
             isShowMenuPanButton: false,
             creatorId: 1,
             creatorNickname: "도화",
@@ -271,6 +286,7 @@ struct LiveRoomInfoHostView_Previews: PreviewProvider {
             onClickTotalHeart: {},
             onClickTotalDonation: {},
             onClickParticipants: {},
+            onClickToggleChatFreeze: {},
             onClickToggleSignature: {}
         )
     }

SodaLive/Sources/Live/Room/V2/Component/View/LiveRoomInputChatView.swift

@@ -11,16 +11,27 @@ struct LiveRoomInputChatView: View {
     
     @State private var chatMessage = ""
     
-    
+    let isInputDisabled: Bool
     let sendMessage: (String) -> Bool
+    let onDisabledInputTap: () -> Void
     
     var body: some View {
         HStack(spacing: 6.7) {
-            ChatTextFieldView(text: $chatMessage, placeholder: "채팅을 입력하세요") {
+            ChatTextFieldView(text: $chatMessage, placeholder: "채팅을 입력하세요", isEnabled: !isInputDisabled) {
                 if sendMessage(chatMessage) {
                     chatMessage = ""
                 }
             }
+            .allowsHitTesting(!isInputDisabled)
+            .overlay {
+                if isInputDisabled {
+                    Color.clear
+                        .contentShape(Rectangle())
+                        .onTapGesture {
+                            onDisabledInputTap()
+                        }
+                }
+            }
             .padding(.vertical, 18.3)
             .fixedSize(horizontal: false, vertical: true)
             .frame(maxWidth: .infinity)
@@ -28,7 +39,13 @@ struct LiveRoomInputChatView: View {
             Image("btn_message_send")
                 .resizable()
                 .frame(width: 35, height: 35)
+                .opacity(isInputDisabled ? 0.5 : 1)
                 .onTapGesture {
+                    if isInputDisabled {
+                        onDisabledInputTap()
+                        return
+                    }
+
                     if sendMessage(chatMessage) {
                         chatMessage = ""
                     }
@@ -43,12 +60,18 @@ struct LiveRoomInputChatView: View {
                 .strokeBorder(lineWidth: 1)
                 .foregroundColor(.gray77)
         )
+        .onChange(of: isInputDisabled) { isDisabled in
+            if isDisabled {
+                hideKeyboard()
+                chatMessage = ""
+            }
+        }
         .padding(13.3)
     }
 }
 
 struct LiveRoomInputChatView_Previews: PreviewProvider {
     static var previews: some View {
-        LiveRoomInputChatView(sendMessage: { _ in return true })
+        LiveRoomInputChatView(isInputDisabled: false, sendMessage: { _ in return true }, onDisabledInputTap: {})
     }
 }