new WireCellsLargeDodumentPreviewView

Author: OlivellaO

WireMessaging/Sources/WireMessagingUI/WireCells/Components/AttachmentsPreviewView/WireCellsLargeDocumentPreviewView.swift

@@ -0,0 +1,135 @@
+//
+// Wire
+// Copyright (C) 2025 Wire Swiss GmbH
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program. If not, see http://www.gnu.org/licenses/.
+//
+
+import SwiftUI
+import WireDesign
+import WireFoundation
+
+struct WireCellsLargeDocumentPreviewView: View {
+    enum Constants {
+        static let errorColor = ColorTheme.Base.error.color
+    }
+
+    let headerIcon: Image
+    let headerText: String
+    let labelText: String
+    let progress: Double?
+    let isError: Bool
+    let url: URL?
+
+    var body: some View {
+        WireCellsAttachmentPreview(
+            progress: progress,
+            progressColor: isError
+                ? Constants.errorColor : ColorTheme.Base.primary.color
+        ) {
+            VStack {
+                WireCellsDocumentHeaderView(
+                    headerIcon: headerIcon,
+                    headerText: headerText,
+                    labelText: labelText,
+                    progress: progress,
+                    isError: isError
+                )
+                .background(ColorTheme.Backgrounds.surfaceVariant.color)
+                .frame(height: 74)
+                .frame(maxWidth: .infinity)
+                previewContainer {
+                    if url != nil {
+                        asyncImage(url: url!)
+                    } else {
+                        errorView(text: "Invalid URL")
+                    }
+                }
+            }
+        }
+    }
+
+    @ViewBuilder
+    private func asyncImage(url: URL) -> some View {
+        AsyncImage(url: url) { phase in
+            switch phase {
+            case .empty:
+                loadingView()
+            case let .success(image):
+                image
+                    .resizable()
+                    .scaledToFill()
+            case .failure:
+                errorView(text: "Unable to display preview")
+            @unknown default:
+                EmptyView()
+            }
+        }
+    }
+
+    @ViewBuilder
+    private func previewContainer(@ViewBuilder content: () -> some View)
+        -> some View {
+        Color.clear
+            .aspectRatio(CGFloat(8.0 / 3.0), contentMode: .fit)
+            .background(alignment: .top) {
+                content()
+            }
+            .clipped()
+    }
+
+    @ViewBuilder
+    private func loadingView() -> some View {
+        ZStack {
+            Color(ColorTheme.Backdrop.background)
+            VStack {
+                ProgressView()
+                Text("Loading...")
+                    .foregroundStyle(ColorTheme.Base.onError.color)
+                    .wireTextStyle(.subline1)
+            }
+        }
+    }
+
+    @ViewBuilder
+    private func errorView(text: String) -> some View {
+        ZStack {
+            Color(ColorTheme.Backdrop.background)
+            VStack {
+                Image(systemName: "exclamationmark.triangle")
+                    .fontWeight(.semibold)
+                    .font(.system(size: 14))
+                    .foregroundStyle(Constants.errorColor)
+                Text(text)
+                    .foregroundStyle(ColorTheme.Base.onError.color)
+                    .wireTextStyle(.subline1)
+            }
+        }
+    }
+}
+
+#Preview {
+    WireCellsLargeDocumentPreviewView(
+        headerIcon: Image(FileIcon.pdf.resource),
+        headerText: "PDF (336 KB)",
+        labelText: "CDR_20220120 Accessibility Review Reviewed Final Plus",
+        progress: 0.7,
+        isError: false,
+        url: URL(
+            string:
+            "https://i.kym-cdn.com/entries/icons/facebook/000/018/012/this_is_fine.jpg"
+        )
+    )
+    .environment(\.wireTextStyleMapping, WireTextStyleMapping())
+}