feat(image): 이미지 선택 후 크롭 편집 흐름을 적용한다

SodaLive/Sources/Content/Create/ContentCreateView.swift

@@ -14,6 +14,10 @@ struct ContentCreateView: View {
     @StateObject private var viewModel = ContentCreateViewModel()
     
     @State private var isShowPhotoPicker = false
+    @State private var selectedPickedImage: UIImage?
+    @State private var cropSourceImage: UIImage?
+    @State private var isShowImageCropper = false
+    @State private var isImageLoading = false
     @State private var isShowSelectAudioView = false
     @State private var isShowSelectThemeView = false
     @State private var isShowSelectDateView = false
@@ -626,11 +630,11 @@ struct ContentCreateView: View {
                     if isShowSelectTimeView {
                         QuarterTimePickerView(selectedTime: $viewModel.releaseTime, isShowing: $isShowSelectTimeView)
                     }
-                    
+
                     if isShowPhotoPicker {
                         ImagePicker(
                             isShowing: $isShowPhotoPicker,
-                            selectedImage: $viewModel.coverImage,
+                            selectedImage: $selectedPickedImage,
                             sourceType: .photoLibrary
                         )
                     }
@@ -659,10 +663,57 @@ struct ContentCreateView: View {
                         }
                     }
                     .edgesIgnoringSafeArea(.bottom)
+
+                    if isImageLoading {
+                        ZStack {
+                            Color.black.opacity(0.45)
+                                .edgesIgnoringSafeArea(.all)
+
+                            ProgressView()
+                                .progressViewStyle(CircularProgressViewStyle(tint: .white))
+                        }
+                    }
                 }
                 .onTapGesture { hideKeyboard() }
                 .edgesIgnoringSafeArea(.bottom)
                 .sodaToast(isPresented: $viewModel.isShowPopup, message: viewModel.errorMessage, autohideIn: 2)
+                .onChange(of: selectedPickedImage, perform: { newImage in
+                    guard let newImage else {
+                        return
+                    }
+
+                    isImageLoading = true
+
+                    DispatchQueue.global(qos: .userInitiated).async {
+                        let normalizedImage = newImage.normalizedForCrop()
+                        DispatchQueue.main.async {
+                            isImageLoading = false
+                            selectedPickedImage = nil
+                            cropSourceImage = normalizedImage
+                            isShowImageCropper = true
+                        }
+                    }
+                })
+                .onDisappear {
+                    isImageLoading = false
+                }
+                .sheet(isPresented: $isShowImageCropper, onDismiss: {
+                    cropSourceImage = nil
+                }) {
+                    if let cropSourceImage {
+                        ImageCropEditorView(
+                            image: cropSourceImage,
+                            aspectPolicy: .square,
+                            onCancel: {
+                                isShowImageCropper = false
+                            },
+                            onComplete: { croppedImage in
+                                viewModel.coverImage = croppedImage
+                                isShowImageCropper = false
+                            }
+                        )
+                    }
+                }
             }
         }
     }