feat(character): 본인인증 하지 않은 유저가 캐릭터 상세보기로 들어갈 때 본인인증 팝업 띄움

This commit is contained in:
Yu Sung
2025-09-12 01:27:37 +09:00
parent da78b43f64
commit 5451c7ec5e
6 changed files with 111 additions and 85 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

View File

@@ -1,7 +1,7 @@
{
"images" : [
{
"filename" : "launcher.png",
"filename" : "1024x1024.jpg",
"idiom" : "universal",
"platform" : "ios",
"size" : "1024x1024"

Binary file not shown.

Before

Width:  |  Height:  |  Size: 101 KiB

View File

@@ -39,7 +39,6 @@ final class CharacterViewModel: ObservableObject {
}
} receiveValue: { response in
let responseData = response.data
self.isLoading = false
do {
let jsonDecoder = JSONDecoder()
@@ -60,7 +59,9 @@ final class CharacterViewModel: ObservableObject {
self.isShowPopup = true
}
self.isLoading = false
} catch {
self.isLoading = false
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
self.isShowPopup = true
}

View File

@@ -28,6 +28,7 @@ struct ChatTabView: View {
@State private var selectedTab: InnerTab = .character
@State private var isShowAuthView: Bool = false
@State private var isShowAuthConfirmView: Bool = false
@State private var pendingCharacterId: Int? = nil
@State private var payload = Payload()
@@ -41,97 +42,118 @@ struct ChatTabView: View {
if auth == false {
//
pendingCharacterId = characterId
isShowAuthView = true
isShowAuthConfirmView = true
return
}
AppState.shared.setAppStep(step: .characterDetail(characterId: characterId))
}
var body: some View {
VStack(alignment: .leading, spacing: 0) {
//
HStack(spacing: 24) {
Image("img_text_logo")
Spacer()
if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
Image("ic_search_white")
.onTapGesture {
AppState
.shared
.setAppStep(step: .search)
}
ZStack {
VStack(alignment: .leading, spacing: 0) {
//
HStack(spacing: 24) {
Image("img_text_logo")
Image("ic_can")
.onTapGesture {
AppState
.shared
.setAppStep(step: .canCharge(refresh: {}))
}
}
}
.padding(.horizontal, 24)
.padding(.vertical, 20)
// ( / )
HStack(spacing: 0) {
ChatInnerTab(
title: InnerTab.character.title,
isSelected: selectedTab == .character,
onTap: { if selectedTab != .character { selectedTab = .character } }
)
ChatInnerTab(
title: InnerTab.talk.title,
isSelected: selectedTab == .talk,
onTap: { if selectedTab != .talk { selectedTab = .talk } }
)
}
.padding(.bottom, 12)
Group {
switch selectedTab {
case .character:
CharacterView(onSelectCharacter: handleCharacterSelection)
case .talk:
TalkView()
}
}
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
}
.onAppear {
payload.applicationId = BOOTPAY_APP_ID
payload.price = 0
payload.pg = "다날"
payload.method = "본인인증"
payload.orderName = "본인인증"
payload.authenticationId = "\(UserDefaults.string(forKey: .nickname))__\(String(NSTimeIntervalSince1970))"
}
.fullScreenCover(isPresented: $isShowAuthView) {
BootpayUI(payload: payload, requestType: BootpayRequest.TYPE_AUTHENTICATION)
.onConfirm { _ in
true
}
.onCancel { _ in
isShowAuthView = false
}
.onError { _ in
AppState.shared.errorMessage = "본인인증 중 오류가 발생했습니다."
AppState.shared.isShowErrorPopup = true
isShowAuthView = false
}
.onDone { _ in
auth = true
isShowAuthView = false
if let chId = pendingCharacterId {
pendingCharacterId = nil
AppState.shared.setAppStep(step: .characterDetail(characterId: chId))
Spacer()
if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
Image("ic_search_white")
.onTapGesture {
AppState
.shared
.setAppStep(step: .search)
}
Image("ic_can")
.onTapGesture {
AppState
.shared
.setAppStep(step: .canCharge(refresh: {}))
}
}
}
.onClose {
isShowAuthView = false
.padding(.horizontal, 24)
.padding(.vertical, 20)
// ( / )
HStack(spacing: 0) {
ChatInnerTab(
title: InnerTab.character.title,
isSelected: selectedTab == .character,
onTap: { if selectedTab != .character { selectedTab = .character } }
)
ChatInnerTab(
title: InnerTab.talk.title,
isSelected: selectedTab == .talk,
onTap: { if selectedTab != .talk { selectedTab = .talk } }
)
}
.padding(.bottom, 12)
Group {
switch selectedTab {
case .character:
CharacterView(onSelectCharacter: handleCharacterSelection)
case .talk:
TalkView()
}
}
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
}
.onAppear {
payload.applicationId = BOOTPAY_APP_ID
payload.price = 0
payload.pg = "다날"
payload.method = "본인인증"
payload.orderName = "본인인증"
payload.authenticationId = "\(UserDefaults.string(forKey: .nickname))__\(String(NSTimeIntervalSince1970))"
}
.fullScreenCover(isPresented: $isShowAuthView) {
BootpayUI(payload: payload, requestType: BootpayRequest.TYPE_AUTHENTICATION)
.onConfirm { _ in
true
}
.onCancel { _ in
isShowAuthView = false
}
.onError { _ in
AppState.shared.errorMessage = "본인인증 중 오류가 발생했습니다."
AppState.shared.isShowErrorPopup = true
isShowAuthView = false
}
.onDone { _ in
auth = true
isShowAuthView = false
if let chId = pendingCharacterId {
pendingCharacterId = nil
AppState.shared.setAppStep(step: .characterDetail(characterId: chId))
}
}
.onClose {
isShowAuthView = false
}
}
if isShowAuthConfirmView {
SodaDialog(
title: "본인인증",
desc: "보이스온의 오픈월드 캐릭터톡은\n청소년 보호를 위해 본인인증한\n성인만 이용이 가능합니다.\n" +
"캐릭터톡 서비스를 이용하시려면\n본인인증을 하고 이용해주세요.",
confirmButtonTitle: "본인인증 하러가기",
confirmButtonAction: {
isShowAuthConfirmView = false
isShowAuthView = true
},
cancelButtonTitle: "취소",
cancelButtonAction: {
isShowAuthConfirmView = false
pendingCharacterId = nil
},
textAlignment: .center
)
}
}
}
}

View File

@@ -15,6 +15,7 @@ struct SodaDialog: View {
let confirmButtonAction: () -> Void
let cancelButtonTitle: String
let cancelButtonAction: () -> Void
let textAlignment: TextAlignment
init(
title: String,
@@ -22,7 +23,8 @@ struct SodaDialog: View {
confirmButtonTitle: String,
confirmButtonAction: @escaping () -> Void,
cancelButtonTitle: String = "",
cancelButtonAction: @escaping () -> Void = {}
cancelButtonAction: @escaping () -> Void = {},
textAlignment: TextAlignment = .leading
) {
self.title = title
self.desc = desc
@@ -30,6 +32,7 @@ struct SodaDialog: View {
self.confirmButtonAction = confirmButtonAction
self.cancelButtonTitle = cancelButtonTitle
self.cancelButtonAction = cancelButtonAction
self.textAlignment = textAlignment
}
var body: some View {
@@ -48,7 +51,7 @@ struct SodaDialog: View {
Text(desc)
.font(.custom(Font.medium.rawValue, size: 15))
.foregroundColor(Color.graybb)
.multilineTextAlignment(.leading)
.multilineTextAlignment(textAlignment)
.padding(.top, 12)
.padding(.horizontal, 13.3)
.fixedSize(horizontal: false, vertical: true)