feat(example): add detail sheet

hyochan · hyochan · commit a5fb8102121b · 2025-09-20T15:11:38.000+09:00
diff --git a/Example/Martie.xcodeproj/project.pbxproj b/Example/Martie.xcodeproj/project.pbxproj
@@ -34,6 +34,7 @@
 		C0UI000D2D0000000000000D /* TestingNotesCard.swift in Sources */ = {isa = PBXBuildFile; fileRef = C0UI100D2D0000000000000D /* TestingNotesCard.swift */; };
 		C0UI000E2D0000000000000E /* TestingNote.swift in Sources */ = {isa = PBXBuildFile; fileRef = C0UI100E2D0000000000000E /* TestingNote.swift */; };
 		C0UI000F2D0000000000000F /* PurchaseCard.swift in Sources */ = {isa = PBXBuildFile; fileRef = C0UI100F2D0000000000000F /* PurchaseCard.swift */; };
+		C0UI00102D00000000000010 /* PurchaseDetailSheet.swift in Sources */ = {isa = PBXBuildFile; fileRef = C0UI10102D00000000000010 /* PurchaseDetailSheet.swift */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXFileReference section */
@@ -64,6 +65,7 @@
 		C0UI100D2D0000000000000D /* TestingNotesCard.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TestingNotesCard.swift; sourceTree = "<group>"; };
 		C0UI100E2D0000000000000E /* TestingNote.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TestingNote.swift; sourceTree = "<group>"; };
 		C0UI100F2D0000000000000F /* PurchaseCard.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PurchaseCard.swift; sourceTree = "<group>"; };
+		C0UI10102D00000000000010 /* PurchaseDetailSheet.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PurchaseDetailSheet.swift; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -163,6 +165,7 @@
 				C0UI100D2D0000000000000D /* TestingNotesCard.swift */,
 				C0UI100E2D0000000000000E /* TestingNote.swift */,
 				C0UI100F2D0000000000000F /* PurchaseCard.swift */,
+				C0UI10102D00000000000010 /* PurchaseDetailSheet.swift */,
 			);
 			path = uis;
 			sourceTree = "<group>";
@@ -267,6 +270,7 @@
 				C0UI000D2D0000000000000D /* TestingNotesCard.swift in Sources */,
 				C0UI000E2D0000000000000E /* TestingNote.swift in Sources */,
 				C0UI000F2D0000000000000F /* PurchaseCard.swift in Sources */,
+				C0UI00102D00000000000010 /* PurchaseDetailSheet.swift in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
diff --git a/Example/OpenIapExample/Screens/AvailablePurchasesScreen.swift b/Example/OpenIapExample/Screens/AvailablePurchasesScreen.swift
@@ -6,6 +6,7 @@ struct AvailablePurchasesScreen: View {
     @StateObject private var iapStore = OpenIapStore()
     @State private var showError = false
     @State private var errorMessage = ""
+    @State private var selectedPurchase: OpenIapPurchase?
     
     var body: some View {
         ScrollView {
@@ -33,6 +34,9 @@ struct AvailablePurchasesScreen: View {
                 .disabled(iapStore.status.loadings.restorePurchases)
             }
         }
+        .sheet(item: $selectedPurchase) { purchase in
+            PurchaseDetailSheet(purchase: purchase)
+        }
         .alert("Error", isPresented: $showError) {
             Button("OK") {}
         } message: {
@@ -96,11 +100,13 @@ struct AvailablePurchasesScreen: View {
         } else {
             VStack(spacing: 12) {
                 ForEach(uniqueActivePurchases, id: \.transactionId) { purchase in
-                    ActivePurchaseCard(purchase: purchase) {
+                    ActivePurchaseCard(purchase: purchase, onConsume: {
                         Task {
                             await finishPurchase(purchase)
                         }
-                    }
+                    }, onShowDetails: {
+                        selectedPurchase = purchase
+                    })
                 }
             }
             .padding(.horizontal)
@@ -131,7 +137,9 @@ struct AvailablePurchasesScreen: View {
         } else {
             VStack(spacing: 12) {
                 ForEach(iapStore.iosAvailablePurchases.sorted { $0.transactionDate > $1.transactionDate }, id: \.transactionId) { purchase in
-                    PurchaseHistoryCard(purchase: purchase)
+                    PurchaseHistoryCard(purchase: purchase) {
+                        selectedPurchase = purchase
+                    }
                 }
             }
             .padding(.horizontal)
@@ -349,13 +357,13 @@ struct AvailablePurchasesScreen: View {
         loadPurchases()
         print("🧪 [AvailablePurchases] Clear transactions requested (reloaded purchases)")
     }
-
+    
     private func syncSubscriptions() async {
         // Reload purchases to sync subscription status
         loadPurchases()
         print("🧪 [AvailablePurchases] Subscription sync requested (reloaded purchases)")
     }
-
+    
     private func finishUnfinishedTransactions() async {
         let unfinishedPurchases = iapStore.iosAvailablePurchases.filter { !$0.purchaseState.isAcknowledged }
         
diff --git a/Example/OpenIapExample/Screens/PurchaseFlowScreen.swift b/Example/OpenIapExample/Screens/PurchaseFlowScreen.swift
@@ -8,6 +8,8 @@ struct PurchaseFlowScreen: View {
     // UI State
     @State private var showPurchaseResult = false
     @State private var purchaseResultMessage = ""
+    @State private var latestPurchase: OpenIapPurchase?
+    @State private var selectedPurchase: OpenIapPurchase?
     @State private var showError = false
     @State private var errorMessage = ""
     
@@ -57,6 +59,9 @@ struct PurchaseFlowScreen: View {
         } message: {
             Text(errorMessage)
         }
+        .sheet(item: $selectedPurchase) { purchase in
+            PurchaseDetailSheet(purchase: purchase)
+        }
     }
     
     @ViewBuilder
@@ -121,17 +126,30 @@ struct PurchaseFlowScreen: View {
                 Button("Dismiss") {
                     showPurchaseResult = false
                     purchaseResultMessage = ""
+                    latestPurchase = nil
                 }
                 .font(.caption)
                 .foregroundColor(AppColors.primary)
             }
             
-            Text(purchaseResultMessage)
-                .font(.system(.caption, design: .monospaced))
-                .frame(maxWidth: .infinity, alignment: .leading)
+            Button {
+                if let purchase = latestPurchase {
+                    selectedPurchase = purchase
+                }
+            } label: {
+                HStack(alignment: .top, spacing: 8) {
+                    Image(systemName: "chevron.right.circle.fill")
+                        .foregroundColor(AppColors.primary)
+                    Text(purchaseResultMessage)
+                        .font(.system(.caption, design: .monospaced))
+                        .foregroundColor(.primary)
+                        .frame(maxWidth: .infinity, alignment: .leading)
+                }
                 .padding()
                 .background(Color.gray.opacity(0.1))
                 .cornerRadius(8)
+            }
+            .buttonStyle(.plain)
         }
         .padding()
         .background(AppColors.cardBackground)
@@ -192,7 +210,7 @@ struct PurchaseFlowScreen: View {
                 }
             }
         }
-
+        
         iapStore.onPurchaseError = { error in
             Task { @MainActor in
                 self.handlePurchaseError(error)
@@ -246,7 +264,6 @@ struct PurchaseFlowScreen: View {
     
     private func purchaseProduct(_ product: OpenIapProduct) {
         print("🛒 [PurchaseFlow] Starting purchase for: \(product.id)")
-        
         Task {
             do {
                 let requestType: ProductQueryType = product.type == .subs ? .subs : .inApp
@@ -272,7 +289,8 @@ struct PurchaseFlowScreen: View {
         Date: \(DateFormatter.localizedString(from: transactionDate, dateStyle: .short, timeStyle: .short))
         """
         showPurchaseResult = true
-        
+        latestPurchase = purchase
+
         // In production, validate receipt on your server before finishing
         Task {
             await finishPurchase(purchase)
@@ -292,7 +310,7 @@ struct PurchaseFlowScreen: View {
             showError = true
         }
     }
-
+    
     private func finishPurchase(_ purchase: OpenIapPurchase) async {
         do {
             try await iapStore.finishTransaction(purchase: purchase)
diff --git a/Example/OpenIapExample/Screens/SubscriptionFlowScreen.swift b/Example/OpenIapExample/Screens/SubscriptionFlowScreen.swift
@@ -8,6 +8,8 @@ struct SubscriptionFlowScreen: View {
     // UI State
     @State private var showError = false
     @State private var errorMessage = ""
+    @State private var recentPurchase: OpenIapPurchase?
+    @State private var selectedPurchase: OpenIapPurchase?
     
     // Product IDs for subscription testing
     private let subscriptionIds: [String] = [
@@ -51,6 +53,10 @@ struct SubscriptionFlowScreen: View {
                 if iapStore.status.isLoading {
                     LoadingCard(text: "Loading subscriptions...")
                 } else {
+                    if let purchase = recentPurchase {
+                        purchaseResultCard(for: purchase)
+                    }
+
                     let subscriptionProducts = iapStore.iosSubscriptionProducts
                     
                     if subscriptionProducts.isEmpty {
@@ -173,6 +179,9 @@ struct SubscriptionFlowScreen: View {
             }
             .disabled(iapStore.status.isLoading)
         )
+        .sheet(item: $selectedPurchase) { purchase in
+            PurchaseDetailSheet(purchase: purchase)
+        }
         .alert("Error", isPresented: $showError) {
             Button("OK") {}
         } message: {
@@ -273,9 +282,7 @@ struct SubscriptionFlowScreen: View {
     // MARK: - Purchase Flow
     
     private func purchaseProduct(_ product: OpenIapSubscriptionProduct) {
-        
         print("🔄 [SubscriptionFlow] Starting subscription purchase for: \(product.id)")
-        
         Task {
             do {
                 _ = try await iapStore.requestPurchase(sku: product.id, type: .subs, autoFinish: true)
@@ -320,10 +327,64 @@ struct SubscriptionFlowScreen: View {
         Task {
             await loadPurchases()
         }
+        recentPurchase = purchase
     }
     
     private func handlePurchaseError(_ error: OpenIapError) {
         print("❌ [SubscriptionFlow] Subscription error: \(error.message)")
         // Error status is already handled internally by OpenIapStore
     }
 }
+
+@available(iOS 15.0, *)
+private extension SubscriptionFlowScreen {
+    func purchaseResultCard(for purchase: OpenIapPurchase) -> some View {
+        let transactionDate = Date(timeIntervalSince1970: purchase.transactionDate / 1000)
+        let formattedDate = DateFormatter.localizedString(from: transactionDate, dateStyle: .short, timeStyle: .short)
+        let message = """
+        ✅ Subscription successful
+        Product: \(purchase.productId)
+        Transaction ID: \(purchase.id)
+        Date: \(formattedDate)
+        """
+
+        return VStack(alignment: .leading, spacing: 12) {
+            HStack {
+                Image(systemName: "checkmark.circle.fill")
+                    .foregroundColor(AppColors.success)
+                Text("Latest Subscription")
+                    .font(.headline)
+
+                Spacer()
+
+                Button("Dismiss") {
+                    recentPurchase = nil
+                }
+                .font(.caption)
+                .foregroundColor(AppColors.primary)
+            }
+
+            Button {
+                selectedPurchase = purchase
+            } label: {
+                HStack(alignment: .top, spacing: 8) {
+                    Image(systemName: "chevron.right.circle.fill")
+                        .foregroundColor(AppColors.primary)
+                    Text(message)
+                        .font(.system(.caption, design: .monospaced))
+                        .foregroundColor(.primary)
+                        .frame(maxWidth: .infinity, alignment: .leading)
+                }
+                .padding()
+                .background(Color.gray.opacity(0.1))
+                .cornerRadius(8)
+            }
+            .buttonStyle(.plain)
+        }
+        .padding()
+        .background(AppColors.cardBackground)
+        .cornerRadius(12)
+        .shadow(radius: 2)
+        .padding(.horizontal)
+    }
+}
diff --git a/Example/OpenIapExample/Screens/uis/ActivePurchaseCard.swift b/Example/OpenIapExample/Screens/uis/ActivePurchaseCard.swift
@@ -4,9 +4,10 @@ import OpenIAP
 struct ActivePurchaseCard: View {
     let purchase: OpenIapPurchase
     let onConsume: () -> Void
+    let onShowDetails: () -> Void
     
     private var isSubscription: Bool {
-        purchase.productId.contains("premium")
+        purchase.isSubscription
     }
     
     var body: some View {
@@ -18,11 +19,19 @@ struct ActivePurchaseCard: View {
                 .background((isSubscription ? AppColors.warning : AppColors.success).opacity(0.1))
                 .cornerRadius(12)
             
-            VStack(alignment: .leading, spacing: 4) {
-                Text(purchase.id)
+            VStack(alignment: .leading, spacing: 6) {
+                Text(purchase.productId)
                     .font(.headline)
                     .fontWeight(.semibold)
-                
+
+                Text("Transaction: \(purchase.id)")
+                    .font(.caption)
+                    .foregroundColor(.secondary)
+
+                Text(Date(timeIntervalSince1970: purchase.transactionDate / 1000), style: .date)
+                    .font(.caption)
+                    .foregroundColor(.secondary)
+
                 if isSubscription && purchase.isAutoRenewing {
                     Label("Auto-renewable", systemImage: "arrow.triangle.2.circlepath")
                         .font(.caption)
@@ -37,6 +46,13 @@ struct ActivePurchaseCard: View {
             }
             
             Spacer()
+
+            Button(action: onShowDetails) {
+                Image(systemName: "info.circle")
+                    .font(.system(size: 18))
+                    .foregroundColor(AppColors.primary)
+            }
+            .buttonStyle(.plain)
             
             if !isSubscription && !purchase.purchaseState.isAcknowledged {
                 Button(action: onConsume) {
@@ -61,4 +77,3 @@ struct ActivePurchaseCard: View {
         .padding(.horizontal)
     }
 }
-
diff --git a/Example/OpenIapExample/Screens/uis/PurchaseDetailSheet.swift b/Example/OpenIapExample/Screens/uis/PurchaseDetailSheet.swift
diff --git a/Example/OpenIapExample/Screens/uis/PurchaseHistoryCard.swift b/Example/OpenIapExample/Screens/uis/PurchaseHistoryCard.swift
