feat(gift): 보낸 선물 상세를 추가한다
This commit is contained in:
Yu Sung
@@ -0,0 +1,149 @@
|
|||||||
|
import SwiftUI
|
||||||
|
|
||||||
|
struct SentGiftDetailContentView: View {
|
||||||
|
let model: SentGiftDetailDisplayModel
|
||||||
|
|
||||||
|
var body: some View {
|
||||||
|
VStack(alignment: .leading, spacing: SodaSpacing.s32) {
|
||||||
|
hero
|
||||||
|
|
||||||
|
if model.status == .undeliverable {
|
||||||
|
undeliverableReason
|
||||||
|
} else if model.status != .canceled {
|
||||||
|
GiftProgressView(progress: model.progress)
|
||||||
|
}
|
||||||
|
|
||||||
|
if model.status == .received {
|
||||||
|
mailbox
|
||||||
|
}
|
||||||
|
|
||||||
|
giftInfo
|
||||||
|
sender
|
||||||
|
|
||||||
|
if model.status != .received {
|
||||||
|
mailbox
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.frame(maxWidth: .infinity, alignment: .leading)
|
||||||
|
}
|
||||||
|
|
||||||
|
private var hero: some View {
|
||||||
|
VStack(alignment: .leading, spacing: SodaSpacing.s14) {
|
||||||
|
if let statusLabel {
|
||||||
|
Text(statusLabel)
|
||||||
|
.appFont(.caption2)
|
||||||
|
.foregroundColor(model.status == .undeliverable ? .red400 : .soda400)
|
||||||
|
.padding(.horizontal, SodaSpacing.s8)
|
||||||
|
.padding(.vertical, SodaSpacing.s4)
|
||||||
|
.background(Color.gray900)
|
||||||
|
.clipShape(RoundedRectangle(cornerRadius: SodaRadius.r4))
|
||||||
|
}
|
||||||
|
|
||||||
|
Text(heroTitle)
|
||||||
|
.appFont(.heading1)
|
||||||
|
.foregroundColor(.white)
|
||||||
|
.accessibilityAddTraits(.isHeader)
|
||||||
|
|
||||||
|
if let heroBody {
|
||||||
|
Text(heroBody)
|
||||||
|
.appFont(.body6)
|
||||||
|
.foregroundColor(.gray500)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.fixedSize(horizontal: false, vertical: true)
|
||||||
|
.frame(maxWidth: .infinity, alignment: .leading)
|
||||||
|
}
|
||||||
|
|
||||||
|
private var statusLabel: String? {
|
||||||
|
switch model.status {
|
||||||
|
case .trackingRegistered: return "발송 확인"
|
||||||
|
case .delivered: return "전달 완료"
|
||||||
|
case .undeliverable: return "전달 불가"
|
||||||
|
case .received, .arrivedAtMailbox, .inspectionCompleted, .canceled: return nil
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private var heroTitle: String {
|
||||||
|
switch model.status {
|
||||||
|
case .received: return "선물 신청 완료!"
|
||||||
|
case .trackingRegistered: return "사서함으로 이동 중이에요"
|
||||||
|
case .delivered: return "크리에이터에게 선물을 전달했어요"
|
||||||
|
case .undeliverable: return "전달할 수 없는 품목입니다"
|
||||||
|
case .arrivedAtMailbox, .inspectionCompleted, .canceled: return model.statusName
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private var heroBody: String? {
|
||||||
|
switch model.status {
|
||||||
|
case .received:
|
||||||
|
return "선물이 정상적으로 접수되었어요!"
|
||||||
|
case .undeliverable:
|
||||||
|
return "보내주신 선물은 소다라이브 선물 정책에 따라 크리에이터에게 전달할 수 없는 품목으로 확인되었습니다."
|
||||||
|
case .trackingRegistered, .arrivedAtMailbox, .inspectionCompleted, .delivered, .canceled:
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private var giftInfo: some View {
|
||||||
|
GiftInfoSectionView(title: "선물 정보") {
|
||||||
|
if let nickname = model.recipientCreatorNickname {
|
||||||
|
GiftInfoRow(title: "크리에이터", value: nickname)
|
||||||
|
}
|
||||||
|
GiftInfoRow(title: "선물 사이즈", value: model.sizeName)
|
||||||
|
GiftInfoRow(title: "카테고리", value: model.categoryName)
|
||||||
|
GiftInfoRow(title: "신청번호", value: model.applicationNo)
|
||||||
|
if let paidCan = model.paidCan {
|
||||||
|
GiftInfoRow(title: "캔", value: String(paidCan))
|
||||||
|
}
|
||||||
|
if let tracking = model.tracking,
|
||||||
|
!tracking.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
|
||||||
|
GiftInfoRow(title: "운송장 번호", value: tracking)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@ViewBuilder
|
||||||
|
private var sender: some View {
|
||||||
|
if let sender = model.senderInfo {
|
||||||
|
GiftInfoSectionView(title: "보내는 사람") {
|
||||||
|
GiftInfoRow(title: "이름", value: sender.name)
|
||||||
|
GiftInfoRow(title: "휴대폰 번호", value: sender.phoneNumber)
|
||||||
|
GiftInfoRow(title: "주소", value: sender.address)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@ViewBuilder
|
||||||
|
private var mailbox: some View {
|
||||||
|
if let mailbox = model.mailbox {
|
||||||
|
GiftInfoSectionView(title: model.status == .received ? "보내실 주소" : "받는 사서함") {
|
||||||
|
GiftInfoRow(title: "사서함", value: mailbox.name)
|
||||||
|
GiftInfoRow(title: "주소", value: mailbox.address)
|
||||||
|
GiftInfoRow(title: "연락처", value: mailbox.phoneNumber)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private var undeliverableReason: some View {
|
||||||
|
GiftInfoSectionView(title: "사유") {
|
||||||
|
if let reason = model.undeliverableReason?.trimmingCharacters(in: .whitespacesAndNewlines),
|
||||||
|
!reason.isEmpty {
|
||||||
|
Text(reason)
|
||||||
|
.appFont(.body6)
|
||||||
|
.foregroundColor(.white)
|
||||||
|
.fixedSize(horizontal: false, vertical: true)
|
||||||
|
.frame(maxWidth: .infinity, alignment: .leading)
|
||||||
|
|
||||||
|
Divider()
|
||||||
|
.overlay(Color.gray800)
|
||||||
|
.accessibilityHidden(true)
|
||||||
|
}
|
||||||
|
|
||||||
|
Text("해당 선물은 정책에 따라 폐기되며 반송되지 않습니다.")
|
||||||
|
.appFont(.body6)
|
||||||
|
.foregroundColor(.red400)
|
||||||
|
.fixedSize(horizontal: false, vertical: true)
|
||||||
|
.frame(maxWidth: .infinity, alignment: .leading)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,181 @@
|
|||||||
|
import SwiftUI
|
||||||
|
|
||||||
|
struct GiftDetailView: View {
|
||||||
|
@Environment(\.openURL) private var openURL
|
||||||
|
@StateObject private var viewModel: GiftDetailViewModel
|
||||||
|
@StateObject private var recipientAddressViewModel: GiftRecipientAddressViewModel
|
||||||
|
@State private var hasAppeared = false
|
||||||
|
@State private var isActive = false
|
||||||
|
|
||||||
|
init(applicationNo: String) {
|
||||||
|
let detailViewModel = GiftDetailViewModel(applicationNo: applicationNo) { canceledApplicationNo, completion in
|
||||||
|
AppState.shared.replaceCurrentAppStep(
|
||||||
|
step: .giftDetail(applicationNo: canceledApplicationNo),
|
||||||
|
ifCurrentStep: { step in
|
||||||
|
guard case .giftDetail(let currentApplicationNo) = step else { return false }
|
||||||
|
return currentApplicationNo == canceledApplicationNo
|
||||||
|
},
|
||||||
|
completion: completion
|
||||||
|
)
|
||||||
|
}
|
||||||
|
_viewModel = StateObject(wrappedValue: detailViewModel)
|
||||||
|
_recipientAddressViewModel = StateObject(wrappedValue: GiftRecipientAddressViewModel(applicationNo: applicationNo, onSubmitted: {
|
||||||
|
detailViewModel.fetch()
|
||||||
|
}))
|
||||||
|
}
|
||||||
|
|
||||||
|
var body: some View {
|
||||||
|
VStack(spacing: 0) {
|
||||||
|
DetailNavigationBar(title: navigationTitle)
|
||||||
|
.disabled(viewModel.isCancelSubmitting || isRecipientAddressBusy)
|
||||||
|
BaseView(isLoading: .constant(viewModel.isLoading || recipientAddressViewModel.isSubmitting)) {
|
||||||
|
ZStack {
|
||||||
|
switch viewModel.renderState {
|
||||||
|
case .sent(let model):
|
||||||
|
detailContent {
|
||||||
|
SentGiftDetailContentView(model: model)
|
||||||
|
}
|
||||||
|
.safeAreaInset(edge: .bottom, spacing: 0) {
|
||||||
|
GiftDetailActionBar(
|
||||||
|
model: model,
|
||||||
|
onCancel: viewModel.presentCancelDialog,
|
||||||
|
onPolicy: openGiftTerms
|
||||||
|
)
|
||||||
|
}
|
||||||
|
case .received(let model):
|
||||||
|
if model.recipientAddressRequired {
|
||||||
|
VStack(spacing: 0) {
|
||||||
|
GiftRecipientAddressFormView(model: model, viewModel: recipientAddressViewModel)
|
||||||
|
if recipientAddressViewModel.hasSubmitted && !viewModel.isLoading && !viewModel.errorMessage.isEmpty {
|
||||||
|
retryContent
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
detailContent {
|
||||||
|
ReceivedGiftDetailContentView(model: model)
|
||||||
|
}
|
||||||
|
.safeAreaInset(edge: .bottom, spacing: 0) {
|
||||||
|
if model.status == .undeliverable {
|
||||||
|
ReceivedGiftDetailActionBar(onPolicy: openGiftTerms)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
case .canceled(let model):
|
||||||
|
detailContent {
|
||||||
|
GiftCancelCompleteView(model: model)
|
||||||
|
}
|
||||||
|
case nil:
|
||||||
|
Color.clear.accessibilityHidden(true)
|
||||||
|
}
|
||||||
|
|
||||||
|
if viewModel.renderState == nil && !viewModel.errorMessage.isEmpty {
|
||||||
|
retryContent
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.disabled(isRecipientAddressBusy)
|
||||||
|
}
|
||||||
|
.background(Color.black.ignoresSafeArea())
|
||||||
|
.allowsHitTesting(!viewModel.isShowingCancelDialog && !viewModel.isCancelSubmitting)
|
||||||
|
.accessibilityHidden(viewModel.isShowingCancelDialog)
|
||||||
|
.overlay {
|
||||||
|
if viewModel.isShowingCancelDialog {
|
||||||
|
SodaV2ActionModal(
|
||||||
|
title: "신청 취소",
|
||||||
|
message: cancelMessage,
|
||||||
|
button1: SodaV2ActionModalButton(label: "취소하기", action: viewModel.confirmCancel),
|
||||||
|
button2: SodaV2ActionModalButton(label: "나가기", action: viewModel.dismissCancelDialog),
|
||||||
|
onDimmedTap: viewModel.dismissCancelDialog,
|
||||||
|
primaryTextColor: .red400
|
||||||
|
)
|
||||||
|
.disabled(viewModel.isCancelSubmitting)
|
||||||
|
.allowsHitTesting(!viewModel.isCancelSubmitting)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.overlay {
|
||||||
|
if viewModel.isCancelSubmitting {
|
||||||
|
LoadingView()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.sodaToast(isPresented: $viewModel.isShowPopup, message: viewModel.errorMessage)
|
||||||
|
.sodaToast(isPresented: $recipientAddressViewModel.isShowPopup, message: recipientAddressViewModel.errorMessage)
|
||||||
|
.sodaToast(isPresented: $recipientAddressViewModel.isShowSuccessToast, message: recipientAddressViewModel.successMessage)
|
||||||
|
.onChange(of: recipientAddressViewModel.isShowSuccessToast) { isPresented in
|
||||||
|
if !isPresented && isActive {
|
||||||
|
recipientAddressViewModel.successToastDidDismiss()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.onAppear {
|
||||||
|
isActive = true
|
||||||
|
recipientAddressViewModel.successToastDidDismiss()
|
||||||
|
guard !hasAppeared else { return }
|
||||||
|
hasAppeared = true
|
||||||
|
viewModel.fetch()
|
||||||
|
}
|
||||||
|
.onDisappear {
|
||||||
|
isActive = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private func openGiftTerms() {
|
||||||
|
guard let url = GiftConstants.termsURL else { return }
|
||||||
|
openURL(url)
|
||||||
|
}
|
||||||
|
|
||||||
|
private var isRecipientAddressBusy: Bool {
|
||||||
|
recipientAddressViewModel.isSubmitting || recipientAddressViewModel.isShowSuccessToast
|
||||||
|
|| (recipientAddressViewModel.hasSubmitted && viewModel.isLoading)
|
||||||
|
}
|
||||||
|
|
||||||
|
private var retryContent: some View {
|
||||||
|
VStack(spacing: SodaSpacing.s16) {
|
||||||
|
Text(viewModel.errorMessage)
|
||||||
|
.appFont(.body3)
|
||||||
|
.foregroundColor(.gray500)
|
||||||
|
.multilineTextAlignment(.center)
|
||||||
|
.fixedSize(horizontal: false, vertical: true)
|
||||||
|
Button(action: viewModel.fetch) {
|
||||||
|
Text("다시 시도")
|
||||||
|
.appFont(.body2)
|
||||||
|
.foregroundColor(.white)
|
||||||
|
.padding(.horizontal, SodaSpacing.s16)
|
||||||
|
.frame(minHeight: SodaSpacing.s48)
|
||||||
|
.background(Color.gray800)
|
||||||
|
.clipShape(Capsule())
|
||||||
|
}
|
||||||
|
.buttonStyle(.plain)
|
||||||
|
.disabled(viewModel.isLoading)
|
||||||
|
}
|
||||||
|
.padding(SodaSpacing.s24)
|
||||||
|
}
|
||||||
|
|
||||||
|
private func detailContent<Content: View>(@ViewBuilder content: () -> Content) -> some View {
|
||||||
|
ScrollView {
|
||||||
|
LazyVStack(alignment: .leading, spacing: SodaSpacing.s32) {
|
||||||
|
content()
|
||||||
|
}
|
||||||
|
.padding(.horizontal, SodaSpacing.s14)
|
||||||
|
.padding(.top, SodaSpacing.s24)
|
||||||
|
.padding(.bottom, SodaSpacing.s32)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private var navigationTitle: String {
|
||||||
|
if case .canceled = viewModel.renderState {
|
||||||
|
return "취소 완료"
|
||||||
|
}
|
||||||
|
return "선물 상세"
|
||||||
|
}
|
||||||
|
|
||||||
|
private var cancelMessage: String {
|
||||||
|
let firstLine: String
|
||||||
|
if case .sent(let model) = viewModel.renderState,
|
||||||
|
let nickname = model.recipientCreatorNickname?.trimmingCharacters(in: .whitespacesAndNewlines),
|
||||||
|
!nickname.isEmpty {
|
||||||
|
firstLine = "\(nickname)에게 보내는 선물을 취소할까요?"
|
||||||
|
} else {
|
||||||
|
firstLine = "보내는 선물을 취소할까요?"
|
||||||
|
}
|
||||||
|
return firstLine + "\n선물 보내기 규정에 따라 선물 취소 및 사용한 캔이 모두 환불됩니다."
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,156 @@
|
|||||||
|
import Foundation
|
||||||
|
import Combine
|
||||||
|
|
||||||
|
enum GiftDetailRenderState {
|
||||||
|
case sent(SentGiftDetailDisplayModel)
|
||||||
|
case received(ReceivedGiftDetailDisplayModel)
|
||||||
|
case canceled(SentGiftDetailDisplayModel)
|
||||||
|
|
||||||
|
init?(detail: GiftDetailResponse) {
|
||||||
|
switch GiftDirection(rawValue: detail.direction) {
|
||||||
|
case .sent:
|
||||||
|
guard let model = GiftDisplayPolicy.sentDetail(from: detail) else { return nil }
|
||||||
|
self = model.status == .canceled ? .canceled(model) : .sent(model)
|
||||||
|
case .received:
|
||||||
|
guard let model = GiftDisplayPolicy.receivedDetail(from: detail) else { return nil }
|
||||||
|
self = .received(model)
|
||||||
|
case nil:
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
final class GiftDetailViewModel: ObservableObject {
|
||||||
|
private let applicationNo: String
|
||||||
|
private let onCanceled: (String, @escaping (Bool) -> Void) -> Void
|
||||||
|
private let repository = GiftRepository()
|
||||||
|
private var subscription: AnyCancellable?
|
||||||
|
private var cancelSubscription: AnyCancellable?
|
||||||
|
private var hasCompletedCancellation = false
|
||||||
|
|
||||||
|
@Published private(set) var renderState: GiftDetailRenderState?
|
||||||
|
@Published private(set) var isLoading = false
|
||||||
|
@Published private(set) var hasLoaded = false
|
||||||
|
@Published private(set) var isShowingCancelDialog = false
|
||||||
|
@Published private(set) var isCancelSubmitting = false
|
||||||
|
@Published private(set) var errorMessage = ""
|
||||||
|
@Published var isShowPopup = false
|
||||||
|
|
||||||
|
init(
|
||||||
|
applicationNo: String,
|
||||||
|
onCanceled: @escaping (String, @escaping (Bool) -> Void) -> Void = { _, completion in
|
||||||
|
completion(true)
|
||||||
|
}
|
||||||
|
) {
|
||||||
|
self.applicationNo = applicationNo
|
||||||
|
self.onCanceled = onCanceled
|
||||||
|
}
|
||||||
|
|
||||||
|
func presentCancelDialog() {
|
||||||
|
guard !isLoading, !isCancelSubmitting, !hasCompletedCancellation, canCancel else { return }
|
||||||
|
|
||||||
|
errorMessage = ""
|
||||||
|
isShowPopup = false
|
||||||
|
isShowingCancelDialog = true
|
||||||
|
}
|
||||||
|
|
||||||
|
func dismissCancelDialog() {
|
||||||
|
guard !isCancelSubmitting else { return }
|
||||||
|
|
||||||
|
isShowingCancelDialog = false
|
||||||
|
errorMessage = ""
|
||||||
|
isShowPopup = false
|
||||||
|
}
|
||||||
|
|
||||||
|
func confirmCancel() {
|
||||||
|
guard isShowingCancelDialog, !isLoading, !isCancelSubmitting, !hasCompletedCancellation, canCancel else { return }
|
||||||
|
|
||||||
|
isCancelSubmitting = true
|
||||||
|
errorMessage = ""
|
||||||
|
isShowPopup = false
|
||||||
|
|
||||||
|
cancelSubscription = repository.cancelGift(applicationNo: applicationNo)
|
||||||
|
.receive(on: DispatchQueue.main)
|
||||||
|
.sink { [weak self] result in
|
||||||
|
guard let self, !self.hasCompletedCancellation else { return }
|
||||||
|
if case .failure(let error) = result {
|
||||||
|
self.showCancelError(data: error.response?.data)
|
||||||
|
}
|
||||||
|
} receiveValue: { [weak self] response in
|
||||||
|
guard let self, !self.hasCompletedCancellation else { return }
|
||||||
|
|
||||||
|
do {
|
||||||
|
let decoded = try JSONDecoder().decode(ApiResponseWithoutData.self, from: response.data)
|
||||||
|
guard decoded.success else {
|
||||||
|
self.showCancelError(data: response.data)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
self.hasCompletedCancellation = true
|
||||||
|
self.isShowingCancelDialog = false
|
||||||
|
self.onCanceled(self.applicationNo) { [weak self] didReplace in
|
||||||
|
guard let self, !didReplace else { return }
|
||||||
|
self.isCancelSubmitting = false
|
||||||
|
self.fetch()
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
self.showCancelError(data: response.data)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func fetch() {
|
||||||
|
guard !isLoading, !isShowingCancelDialog, !isCancelSubmitting else { return }
|
||||||
|
isLoading = true
|
||||||
|
errorMessage = ""
|
||||||
|
isShowPopup = false
|
||||||
|
|
||||||
|
subscription = repository.getGift(applicationNo: applicationNo)
|
||||||
|
.receive(on: DispatchQueue.main)
|
||||||
|
.sink { [weak self] result in
|
||||||
|
guard let self else { return }
|
||||||
|
if case .failure(let error) = result {
|
||||||
|
self.showError(data: error.response?.data)
|
||||||
|
}
|
||||||
|
self.isLoading = false
|
||||||
|
} receiveValue: { [weak self] response in
|
||||||
|
guard let self else { return }
|
||||||
|
do {
|
||||||
|
let decoded = try JSONDecoder().decode(ApiResponse<GiftDetailResponse>.self, from: response.data)
|
||||||
|
guard decoded.success, let detail = decoded.data else {
|
||||||
|
self.showError(data: response.data)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
guard let state = GiftDetailRenderState(detail: detail) else {
|
||||||
|
self.showError(data: response.data)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
self.renderState = state
|
||||||
|
self.hasLoaded = true
|
||||||
|
} catch {
|
||||||
|
self.showError(data: response.data)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private var canCancel: Bool {
|
||||||
|
guard case .sent(let detail) = renderState else { return false }
|
||||||
|
return detail.status == .received
|
||||||
|
}
|
||||||
|
|
||||||
|
private func showCancelError(data: Data?) {
|
||||||
|
isCancelSubmitting = false
|
||||||
|
showError(data: data)
|
||||||
|
}
|
||||||
|
|
||||||
|
private func showError(data: Data?) {
|
||||||
|
struct ErrorResponse: Decodable {
|
||||||
|
let message: String?
|
||||||
|
}
|
||||||
|
|
||||||
|
let decoded = data.flatMap { try? JSONDecoder().decode(ErrorResponse.self, from: $0) }
|
||||||
|
let message = decoded?.message?.trimmingCharacters(in: .whitespacesAndNewlines) ?? ""
|
||||||
|
errorMessage = message.isEmpty ? I18n.Common.commonError : message
|
||||||
|
isShowPopup = true
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user