Add Support Ticket Attachments (#24972)

* Add video support to AsyncImageKit

* Introduce+adopt WordPressCoreProtocols

* Add ticket attachment support

* UI fixes

* Locally summarize bot conversation titles

summarization

Use first message for conversation title

* Add support conversation status support

conversation status

status

* Add attachment previews for video + PDFs

* Disable rich text

* Add maximum upload size

Add maximum upload size

* Add network debugging

* Fix dependency warning

* Allow screen recordings and screenshots

* Fix cancel button placement

* Address suggestions

* Fix AsyncImage video support

* Use ContentUnavailableView

* Add localization

* Fix up EmptyDiskCacheView

* Fix a library issue

* Fix some missed localizations

* Handle video loading errors

* Fix a missed localized string

* Move support-specific extension into support

Author: jkmassel

Modules/Package.swift

@@ -21,6 +21,8 @@ let package = Package(
         .library(name: "WordPressShared", targets: ["WordPressShared"]),
         .library(name: "WordPressUI", targets: ["WordPressUI"]),
         .library(name: "WordPressReader", targets: ["WordPressReader"]),
+        .library(name: "WordPressCore", targets: ["WordPressCore"]),
+        .library(name: "WordPressCoreProtocols", targets: ["WordPressCoreProtocols"]),
     ],
     dependencies: [
         .package(url: "https://github.com/airbnb/lottie-ios", from: "4.4.0"),
@@ -137,7 +139,7 @@ let package = Package(
             name: "Support",
             dependencies: [
                 "AsyncImageKit",
-                "WordPressCore",
+                "WordPressCoreProtocols",
             ]
         ),
         .target(name: "TextBundle"),
@@ -152,10 +154,15 @@ let package = Package(
         ], swiftSettings: [.swiftLanguageMode(.v5)]),
         .target(name: "WordPressFlux", swiftSettings: [.swiftLanguageMode(.v5)]),
         .target(name: "WordPressCore", dependencies: [
+                "WordPressCoreProtocols",
                 "WordPressShared",
-                .product(name: "WordPressAPI", package: "wordpress-rs")
+                .product(name: "WordPressAPI", package: "wordpress-rs"),
             ]
         ),
+        .target(name: "WordPressCoreProtocols", dependencies: [
+            // This package should never have dependencies – it exists to expose protocols implemented in WordPressCore
+            // to UI code, because `wordpress-rs` doesn't work nicely with previews.
+        ]),
         .target(name: "WordPressLegacy", dependencies: ["DesignSystem", "WordPressShared"]),
         .target(name: "WordPressSharedObjC", resources: [.process("Resources")], swiftSettings: [.swiftLanguageMode(.v5)]),
         .target(
@@ -177,6 +184,7 @@ let package = Package(
                 "DesignSystem",
                 "WordPressShared",
                 "WordPressLegacy",
+                .product(name: "ColorStudio", package: "color-studio"),
                 .product(name: "Reachability", package: "Reachability"),
             ],
             resources: [.process("Resources")],

Modules/Sources/Support/Extensions/Foundation.swift

@@ -5,6 +5,28 @@ extension Date {
         let calendar = Calendar.autoupdatingCurrent
         return calendar.isDateInToday(self)
     }
+
+    var hasPast: Bool {
+        Date.now > self
+    }
+}
+
+extension String {
+    func applyingNumericMorphology(for number: Int) -> String {
+        var attr = AttributedString(self)
+        var morphology = Morphology()
+        morphology.number = switch number {
+        case 0: .zero
+        case 1: .singular
+        case 2: .pluralTwo
+        case 3...7: .pluralFew
+        case 7...: .pluralMany
+        default: .plural
+        }
+        attr.inflect = InflectionRule(morphology: morphology)
+
+        return attr.inflected().characters.reduce(into: "") { $0.append($1) }
+    }
 }
 
 extension AttributedString {
@@ -93,4 +115,15 @@ extension Task where Failure == Error {
             return try await MainActor.run(body: operation)
         }
     }
+
+    static func runForAtLeast<C>(
+        _ duration: C.Instant.Duration,
+        operation: @escaping @Sendable () async throws -> Success,
+        clock: C = .continuous
+    ) async throws -> Success where C: Clock {
+        async let waitResult: () = try await clock.sleep(for: duration)
+        async let performTask = try await operation()
+
+        return try await (waitResult, performTask).1
+    }
 }

Modules/Sources/Support/InternalDataProvider.swift

@@ -1,5 +1,7 @@
 import Foundation
-import WordPressCore
+import AVFoundation
+import AsyncImageKit
+import WordPressCoreProtocols
 
 // This file is all module-internal and provides sample data for UI development
 
@@ -8,7 +10,9 @@ extension SupportDataProvider {
         applicationLogProvider: InternalLogDataProvider(),
         botConversationDataProvider: InternalBotConversationDataProvider(),
         userDataProvider: InternalUserDataProvider(),
-        supportConversationDataProvider: InternalSupportConversationDataProvider()
+        supportConversationDataProvider: InternalSupportConversationDataProvider(),
+        diagnosticsDataProvider: InternalDiagnosticsDataProvider(),
+        mediaHost: InternalMediaHost()
     )
 
     static let applicationLog = ApplicationLog(path: URL(filePath: #filePath), createdAt: Date(), modifiedAt: Date())
@@ -21,6 +25,7 @@ extension SupportDataProvider {
     static let botConversation = BotConversation(
         id: 1234,
         title: "App Crashing on Launch",
+        createdAt: Date().addingTimeInterval(-3600), // 1 hour ago
         messages: [
             BotMessage(
                 id: 1001,
@@ -84,6 +89,7 @@ extension SupportDataProvider {
         BotConversation(
             id: 5678,
             title: "App Crashing on Launch",
+            createdAt: Date().addingTimeInterval(-60), // 1 minute ago
             messages: botConversation.messages + [
                 BotMessage(
                     id: 1009,
@@ -107,48 +113,56 @@ extension SupportDataProvider {
             id: 1,
             title: "Login Issues with Two-Factor Authentication",
             description: "I'm having trouble logging into my account. The two-factor authentication code isn't working properly and I keep getting locked out.",
+            status: .waitingForSupport,
             lastMessageSentAt: Date().addingTimeInterval(-300) // 5 minutes ago
         ),
         ConversationSummary(
             id: 2,
             title: "Billing Question - Duplicate Charges",
             description: "I noticed duplicate charges on my credit card statement for this month's subscription. Can you help me understand what happened?",
+            status: .waitingForUser,
             lastMessageSentAt: Date().addingTimeInterval(-3600) // 1 hour ago
         ),
         ConversationSummary(
             id: 3,
             title: "Feature Request: Dark Mode Support",
             description: "Would it be possible to add dark mode support to the mobile app? Many users in our team have been requesting this feature.",
+            status: .resolved,
             lastMessageSentAt: Date().addingTimeInterval(-86400) // 1 day ago
         ),
         ConversationSummary(
             id: 4,
             title: "Data Export Not Working",
             description: "I'm trying to export my data but the process keeps failing at 50%. Is there a known issue with large datasets?",
+            status: .resolved,
             lastMessageSentAt: Date().addingTimeInterval(-172800) // 2 days ago
         ),
         ConversationSummary(
             id: 5,
             title: "Account Migration Assistance",
             description: "I need help migrating my old account to the new system. I have several years of data that I don't want to lose.",
+            status: .resolved,
             lastMessageSentAt: Date().addingTimeInterval(-259200) // 3 days ago
         ),
         ConversationSummary(
             id: 6,
             title: "API Rate Limiting Questions",
             description: "Our application is hitting rate limits frequently. Can we discuss increasing our API quota or optimizing our usage patterns?",
+            status: .closed,
             lastMessageSentAt: Date().addingTimeInterval(-604800) // 1 week ago
         ),
         ConversationSummary(
             id: 7,
             title: "Security Concern - Suspicious Activity",
             description: "I received an email about suspicious activity on my account. I want to make sure my account is secure and review recent access logs.",
+            status: .closed,
             lastMessageSentAt: Date().addingTimeInterval(-1209600) // 2 weeks ago
         ),
         ConversationSummary(
             id: 8,
             title: "Integration Help with Webhook Setup",
             description: "I'm having trouble setting up webhooks for our CRM integration. The endpoints aren't receiving the expected payload format.",
+            status: .closed,
             lastMessageSentAt: Date().addingTimeInterval(-1814400) // 3 weeks ago
         )
     ]
@@ -158,6 +172,7 @@ extension SupportDataProvider {
         title: "Issue with app crashes",
         description: "The app keeps crashing when I try to upload photos. This has been happening for the past week and is very frustrating.",
         lastMessageSentAt: Date().addingTimeInterval(-2400),
+        status: .closed,
         messages: [
             Message(
                 id: 1,
@@ -198,7 +213,15 @@ extension SupportDataProvider {
                 createdAt: Date().addingTimeInterval(-1800),
                 authorName: "Test User",
                 authorIsUser: true,
-                attachments: []
+                attachments: [
+                    Attachment(
+                        id: 1234,
+                        filename: "sample-1234.jpg",
+                        contentType: "application/jpeg",
+                        fileSize: 1234,
+                        url: URL(string: "https://picsum.photos/seed/1/800/600")!
+                    )
+                ]
             ),
             Message(
                 id: 6,
@@ -321,6 +344,8 @@ actor InternalUserDataProvider: CurrentUserDataProvider {
 }
 
 actor InternalSupportConversationDataProvider: SupportConversationDataProvider {
+    let maximumUploadSize: UInt64 = 5_000_000 // 5MB
+
     private var conversations: [UInt64: Conversation] = [:]
 
     nonisolated func loadSupportConversations() throws -> any CachedAndFetchedResult<[ConversationSummary]> {
@@ -374,6 +399,7 @@ actor InternalSupportConversationDataProvider: SupportConversationDataProvider {
             title: subject,
             description: message,
             lastMessageSentAt: Date(),
+            status: .waitingForSupport,
             messages: [Message(
                 id: 1234,
                 content: message,
@@ -389,3 +415,51 @@ actor InternalSupportConversationDataProvider: SupportConversationDataProvider {
         self.conversations[value.id] = value
     }
 }
+
+actor InternalDiagnosticsDataProvider: DiagnosticsDataProvider {
+
+    private var didClear: Bool = false
+
+    func fetchDiskCacheUsage() async throws -> WordPressCoreProtocols.DiskCacheUsage {
+        if didClear {
+            DiskCacheUsage(fileCount: 0, byteCount: 0)
+        } else {
+            DiskCacheUsage(fileCount: 64, byteCount: 623_423_562)
+        }
+    }
+
+    func clearDiskCache(progress: @Sendable (CacheDeletionProgress) async throws -> Void) async throws {
+        let totalFiles = 12
+
+        // Initial progress (0%)
+        try await progress(CacheDeletionProgress(filesDeleted: 0, totalFileCount: totalFiles))
+
+        for i in 1...totalFiles {
+            // Pretend each file takes a short time to delete
+            try await Task.sleep(for: .milliseconds(150))
+
+            // Report incremental progress
+            try await progress(CacheDeletionProgress(filesDeleted: i, totalFileCount: totalFiles))
+        }
+
+        self.didClear = true
+    }
+}
+
+actor InternalMediaHost: MediaHostProtocol {
+    func authenticatedRequest(for url: URL) async throws -> URLRequest {
+        if Bool.random() {
+            throw CocoaError(.coderInvalidValue)
+        }
+
+        return URLRequest(url: url)
+    }
+
+    func authenticatedAsset(for url: URL) async throws -> AVURLAsset {
+        if Bool.random() {
+            throw CocoaError(.coderInvalidValue)
+        }
+
+        return AVURLAsset(url: url)
+    }
+}