|
1 | 1 | // swiftlint:disable file_length |
2 | 2 | import SwiftUI |
3 | 3 | import mParticle_Apple_SDK |
| 4 | +import mParticle_Rokt_Swift |
| 5 | +import Rokt_Widget |
4 | 6 | import AdSupport |
5 | 7 | import AppTrackingTransparency |
6 | 8 |
|
@@ -95,6 +97,13 @@ struct ContentView: View { |
95 | 97 | title: "Display Rokt Overlay (auto close)", |
96 | 98 | action: selectOverlayPlacementAutoClose |
97 | 99 | ) |
| 100 | + ActionButton( |
| 101 | + title: "Display Rokt with Event Subscription", |
| 102 | + action: selectPlacementWithEventSubscription |
| 103 | + ) |
| 104 | + NavigationLink("MPRoktLayout SwiftUI Example") { |
| 105 | + RoktLayoutExampleView() |
| 106 | + } |
98 | 107 | } |
99 | 108 | } |
100 | 109 | .listStyle(InsetGroupedListStyle()) |
@@ -202,6 +211,175 @@ struct RoktEmbeddedViewWrapper: UIViewRepresentable { |
202 | 211 | } |
203 | 212 | } |
204 | 213 |
|
| 214 | +// MARK: - MPRoktLayout SwiftUI Example |
| 215 | + |
| 216 | +struct RoktLayoutExampleView: View { |
| 217 | + @State private var sdkTriggered = false |
| 218 | + @State private var eventLog: [String] = [] |
| 219 | + |
| 220 | + let attributes: [String: String] = [ |
| 221 | + "email": "j.smith@example.com", |
| 222 | + "firstname": "Jenny", |
| 223 | + "lastname": "Smith", |
| 224 | + "billingzipcode": "07762", |
| 225 | + "confirmationref": "54321", |
| 226 | + "sandbox": "true", |
| 227 | + "mobile": "(555)867-5309" |
| 228 | + ] |
| 229 | + |
| 230 | + var body: some View { |
| 231 | + ScrollView { |
| 232 | + VStack(alignment: .leading, spacing: 16) { |
| 233 | + Text("MPRoktLayout Example") |
| 234 | + .font(.title2) |
| 235 | + .fontWeight(.bold) |
| 236 | + .padding(.horizontal) |
| 237 | + |
| 238 | + Text("This demonstrates the SwiftUI-native MPRoktLayout component for embedding Rokt placements declaratively.") |
| 239 | + .font(.subheadline) |
| 240 | + .foregroundColor(.secondary) |
| 241 | + .padding(.horizontal) |
| 242 | + |
| 243 | + // Trigger button |
| 244 | + Button { |
| 245 | + sdkTriggered = true |
| 246 | + eventLog.append("[\(formattedTime())] Triggered placement") |
| 247 | + } label: { |
| 248 | + Text(sdkTriggered ? "Placement Triggered" : "Trigger Rokt Placement") |
| 249 | + .frame(maxWidth: .infinity) |
| 250 | + .padding() |
| 251 | + .background(sdkTriggered ? Color.gray : Color.blue) |
| 252 | + .foregroundColor(.white) |
| 253 | + .cornerRadius(10) |
| 254 | + } |
| 255 | + .disabled(sdkTriggered) |
| 256 | + .padding(.horizontal) |
| 257 | + |
| 258 | + // Reset button |
| 259 | + if sdkTriggered { |
| 260 | + Button { |
| 261 | + sdkTriggered = false |
| 262 | + eventLog.append("[\(formattedTime())] Reset placement") |
| 263 | + } label: { |
| 264 | + Text("Reset") |
| 265 | + .frame(maxWidth: .infinity) |
| 266 | + .padding() |
| 267 | + .background(Color.orange) |
| 268 | + .foregroundColor(.white) |
| 269 | + .cornerRadius(10) |
| 270 | + } |
| 271 | + .padding(.horizontal) |
| 272 | + } |
| 273 | + |
| 274 | + // Rokt Layout - Embedded Placement |
| 275 | + if sdkTriggered { |
| 276 | + VStack(alignment: .leading, spacing: 8) { |
| 277 | + Text("Embedded Placement") |
| 278 | + .font(.headline) |
| 279 | + .padding(.horizontal) |
| 280 | + |
| 281 | + MPRoktLayout( |
| 282 | + sdkTriggered: $sdkTriggered, |
| 283 | + viewName: "RoktExperience", |
| 284 | + locationName: "RoktEmbedded1", |
| 285 | + attributes: attributes, |
| 286 | + config: createRoktConfig(), |
| 287 | + onEvent: { roktEvent in |
| 288 | + handleRoktEvent(roktEvent) |
| 289 | + } |
| 290 | + ).roktLayout |
| 291 | + .padding(.horizontal) |
| 292 | + } |
| 293 | + } |
| 294 | + |
| 295 | + // Event Log |
| 296 | + VStack(alignment: .leading, spacing: 8) { |
| 297 | + Text("Event Log") |
| 298 | + .font(.headline) |
| 299 | + .padding(.horizontal) |
| 300 | + |
| 301 | + if eventLog.isEmpty { |
| 302 | + Text("No events yet. Trigger the placement to see events.") |
| 303 | + .font(.caption) |
| 304 | + .foregroundColor(.secondary) |
| 305 | + .padding(.horizontal) |
| 306 | + } else { |
| 307 | + ForEach(eventLog.reversed(), id: \.self) { event in |
| 308 | + Text(event) |
| 309 | + .font(.system(.caption, design: .monospaced)) |
| 310 | + .padding(.horizontal) |
| 311 | + } |
| 312 | + } |
| 313 | + } |
| 314 | + .padding(.vertical) |
| 315 | + .background(Color(.systemGray6)) |
| 316 | + .cornerRadius(10) |
| 317 | + .padding(.horizontal) |
| 318 | + |
| 319 | + Spacer() |
| 320 | + } |
| 321 | + .padding(.vertical) |
| 322 | + } |
| 323 | + .navigationTitle("MPRoktLayout") |
| 324 | + .navigationBarTitleDisplayMode(.inline) |
| 325 | + } |
| 326 | + |
| 327 | + private func createRoktConfig() -> RoktConfig { |
| 328 | + return RoktConfig.Builder().build() |
| 329 | + } |
| 330 | + |
| 331 | + private func handleRoktEvent(_ event: RoktEvent) { |
| 332 | + let timestamp = formattedTime() |
| 333 | + |
| 334 | + switch event { |
| 335 | + case is RoktEvent.ShowLoadingIndicator: |
| 336 | + eventLog.append("[\(timestamp)] Show Loading Indicator") |
| 337 | + |
| 338 | + case is RoktEvent.HideLoadingIndicator: |
| 339 | + eventLog.append("[\(timestamp)] Hide Loading Indicator") |
| 340 | + |
| 341 | + case let placementReady as RoktEvent.PlacementReady: |
| 342 | + eventLog.append("[\(timestamp)] Placement Ready - ID: \(placementReady.placementId ?? "unknown")") |
| 343 | + |
| 344 | + case let placementInteractive as RoktEvent.PlacementInteractive: |
| 345 | + eventLog.append("[\(timestamp)] Placement Interactive - ID: \(placementInteractive.placementId ?? "unknown")") |
| 346 | + |
| 347 | + case let offerEngagement as RoktEvent.OfferEngagement: |
| 348 | + eventLog.append("[\(timestamp)] Offer Engagement - ID: \(offerEngagement.placementId ?? "unknown")") |
| 349 | + |
| 350 | + case let positiveEngagement as RoktEvent.PositiveEngagement: |
| 351 | + eventLog.append("[\(timestamp)] Positive Engagement - ID: \(positiveEngagement.placementId ?? "unknown")") |
| 352 | + |
| 353 | + case let firstPositiveEngagement as RoktEvent.FirstPositiveEngagement: |
| 354 | + eventLog.append("[\(timestamp)] First Positive Engagement - ID: \(firstPositiveEngagement.placementId ?? "unknown")") |
| 355 | + |
| 356 | + case let openUrl as RoktEvent.OpenUrl: |
| 357 | + eventLog.append("[\(timestamp)] Open URL - \(openUrl.url)") |
| 358 | + |
| 359 | + case let placementClosed as RoktEvent.PlacementClosed: |
| 360 | + eventLog.append("[\(timestamp)] Placement Closed - ID: \(placementClosed.placementId ?? "unknown")") |
| 361 | + |
| 362 | + case let placementCompleted as RoktEvent.PlacementCompleted: |
| 363 | + eventLog.append("[\(timestamp)] Placement Completed - ID: \(placementCompleted.placementId ?? "unknown")") |
| 364 | + |
| 365 | + case let placementFailure as RoktEvent.PlacementFailure: |
| 366 | + eventLog.append("[\(timestamp)] Placement Failure - ID: \(placementFailure.placementId ?? "unknown")") |
| 367 | + |
| 368 | + case let cartItem as RoktEvent.CartItemInstantPurchase: |
| 369 | + eventLog.append("[\(timestamp)] Cart Item Purchase - \(cartItem.name ?? "unknown")") |
| 370 | + |
| 371 | + default: |
| 372 | + eventLog.append("[\(timestamp)] Event: \(type(of: event))") |
| 373 | + } |
| 374 | + } |
| 375 | + |
| 376 | + private func formattedTime() -> String { |
| 377 | + let formatter = DateFormatter() |
| 378 | + formatter.dateFormat = "HH:mm:ss" |
| 379 | + return formatter.string(from: Date()) |
| 380 | + } |
| 381 | +} |
| 382 | + |
205 | 383 | // MARK: - mParticle Actions |
206 | 384 |
|
207 | 385 | func logSimpleEvent() { |
@@ -718,6 +896,76 @@ func selectOverlayPlacementAutoClose() { |
718 | 896 | } |
719 | 897 | } |
720 | 898 |
|
| 899 | +func selectPlacementWithEventSubscription() { |
| 900 | + let customAttributes: [String: String] = [ |
| 901 | + "email": "j.smit@example.com", |
| 902 | + "firstname": "Jenny", |
| 903 | + "lastname": "Smith", |
| 904 | + "sandbox": "true", |
| 905 | + "mobile": "(555)867-5309" |
| 906 | + ] |
| 907 | + |
| 908 | + let placementIdentifier = "RoktLayout" |
| 909 | + |
| 910 | + // Subscribe to Rokt events for this placement |
| 911 | + MParticle.sharedInstance().rokt.events(placementIdentifier) { event in |
| 912 | + switch event { |
| 913 | + case let initComplete as MPRoktEvent.MPRoktInitComplete: |
| 914 | + print("Rokt Init Complete - Success: \(initComplete.success)") |
| 915 | + |
| 916 | + case is MPRoktEvent.MPRoktShowLoadingIndicator: |
| 917 | + print("Rokt: Show Loading Indicator") |
| 918 | + |
| 919 | + case is MPRoktEvent.MPRoktHideLoadingIndicator: |
| 920 | + print("Rokt: Hide Loading Indicator") |
| 921 | + |
| 922 | + case let placementReady as MPRoktEvent.MPRoktPlacementReady: |
| 923 | + print("Rokt Placement Ready - ID: \(placementReady.placementId ?? "unknown")") |
| 924 | + |
| 925 | + case let placementInteractive as MPRoktEvent.MPRoktPlacementInteractive: |
| 926 | + print("Rokt Placement Interactive - ID: \(placementInteractive.placementId ?? "unknown")") |
| 927 | + |
| 928 | + case let offerEngagement as MPRoktEvent.MPRoktOfferEngagement: |
| 929 | + print("Rokt Offer Engagement - ID: \(offerEngagement.placementId ?? "unknown")") |
| 930 | + |
| 931 | + case let positiveEngagement as MPRoktEvent.MPRoktPositiveEngagement: |
| 932 | + print("Rokt Positive Engagement - ID: \(positiveEngagement.placementId ?? "unknown")") |
| 933 | + |
| 934 | + case let firstPositiveEngagement as MPRoktEvent.MPRoktFirstPositiveEngagement: |
| 935 | + print("Rokt First Positive Engagement - ID: \(firstPositiveEngagement.placementId ?? "unknown")") |
| 936 | + |
| 937 | + case let openUrl as MPRoktEvent.MPRoktOpenUrl: |
| 938 | + print("Rokt Open URL - ID: \(openUrl.placementId ?? "unknown"), URL: \(openUrl.url)") |
| 939 | + |
| 940 | + case let placementClosed as MPRoktEvent.MPRoktPlacementClosed: |
| 941 | + print("Rokt Placement Closed - ID: \(placementClosed.placementId ?? "unknown")") |
| 942 | + |
| 943 | + case let placementCompleted as MPRoktEvent.MPRoktPlacementCompleted: |
| 944 | + print("Rokt Placement Completed - ID: \(placementCompleted.placementId ?? "unknown")") |
| 945 | + |
| 946 | + case let placementFailure as MPRoktEvent.MPRoktPlacementFailure: |
| 947 | + print("Rokt Placement Failure - ID: \(placementFailure.placementId ?? "unknown")") |
| 948 | + |
| 949 | + case let cartItem as MPRoktEvent.MPRoktCartItemInstantPurchase: |
| 950 | + print("Rokt Cart Item Instant Purchase:") |
| 951 | + print(" - Placement ID: \(cartItem.placementId)") |
| 952 | + print(" - Catalog Item ID: \(cartItem.catalogItemId)") |
| 953 | + print(" - Cart Item ID: \(cartItem.cartItemId)") |
| 954 | + print(" - Name: \(cartItem.name ?? "unknown")") |
| 955 | + print(" - Currency: \(cartItem.currency)") |
| 956 | + print(" - Unit Price: \(cartItem.unitPrice ?? 0)") |
| 957 | + print(" - Total Price: \(cartItem.totalPrice ?? 0)") |
| 958 | + print(" - Quantity: \(cartItem.quantity ?? 0)") |
| 959 | + |
| 960 | + default: |
| 961 | + print("Rokt: Unknown event type - \(type(of: event))") |
| 962 | + } |
| 963 | + } |
| 964 | + |
| 965 | + // Select the placement (this will trigger events) |
| 966 | + MParticle.sharedInstance().rokt.selectPlacements(placementIdentifier, attributes: customAttributes) |
| 967 | +} |
| 968 | + |
721 | 969 | #Preview { |
722 | 970 | ContentView() |
723 | 971 | } |
0 commit comments