IceCubesApp/Packages/Status/Sources/Status/Editor/StatusEditorView.swift

import AppAccount
import DesignSystem
import EmojiText
import Env
import Models
import Network
import NukeUI
import PhotosUI
import StoreKit
import SwiftUI
import UIKit

@MainActor
public struct StatusEditorView: View {
  @Environment(AppAccountsManager.self) private var appAccounts
  @Environment(CurrentAccount.self) private var currentAccount
  @Environment(Theme.self) private var theme

  @State private var mainSEVM: StatusEditorViewModel
  @State private var followUpSEVMs: [StatusEditorViewModel] = []
  @FocusState private var isSpoilerTextFocused: UUID? // connect CoreEditor and StatusEditorAccessoryView
  @State private var editingMediaContainer: StatusEditorMediaContainer?
  @State private var scrollID: UUID?

  @FocusState private var editorFocusState: StatusEditorFocusState?

  private var focusedSEVM: StatusEditorViewModel {
    if case let .followUp(id) = editorFocusState,
       let sevm = followUpSEVMs.first(where: { $0.id == id })
    { return sevm }

    return mainSEVM
  }

  public init(mode: StatusEditorViewModel.Mode) {
    _mainSEVM = State(initialValue: StatusEditorViewModel(mode: mode))
  }

  public var body: some View {
    @Bindable var focusedSEVM = focusedSEVM

    NavigationStack {
      ScrollView {
        VStackLayout(spacing: 0) {
          StatusEditorCoreView(
            viewModel: mainSEVM,
            followUpSEVMs: $followUpSEVMs,
            editingMediaContainer: $editingMediaContainer,
            isSpoilerTextFocused: $isSpoilerTextFocused,
            editorFocusState: $editorFocusState,
            assignedFocusState: .main,
            isMain: true
          )
          .id(mainSEVM.id)

          ForEach(followUpSEVMs) { sevm in
            @Bindable var sevm: StatusEditorViewModel = sevm

            StatusEditorCoreView(
              viewModel: sevm,
              followUpSEVMs: $followUpSEVMs,
              editingMediaContainer: $editingMediaContainer,
              isSpoilerTextFocused: $isSpoilerTextFocused,
              editorFocusState: $editorFocusState,
              assignedFocusState: .followUp(index: sevm.id),
              isMain: false
            )
            .id(sevm.id)
          }
        }
        .scrollTargetLayout()
      }
      .scrollPosition(id: $scrollID, anchor: .top)
      .animation(.bouncy(duration: 0.3), value: editorFocusState)
      .animation(.bouncy(duration: 0.3), value: followUpSEVMs)
      .background(theme.primaryBackgroundColor)
      .safeAreaInset(edge: .bottom) {
        StatusEditorAutoCompleteView(viewModel: focusedSEVM)
      }
      .safeAreaInset(edge: .bottom) {
        StatusEditorAccessoryView(isSpoilerTextFocused: $isSpoilerTextFocused, focusedSEVM: focusedSEVM, followUpSEVMs: $followUpSEVMs)
      }
      .accessibilitySortPriority(1) // Ensure that all elements inside the `ScrollView` occur earlier than the accessory views
      .navigationTitle(focusedSEVM.mode.title)
      .navigationBarTitleDisplayMode(.inline)
      .toolbar { StatusEditorToolbarItems(mainSEVM: mainSEVM, followUpSEVMs: followUpSEVMs) }
      .toolbarBackground(.visible, for: .navigationBar)
      .alert(
        "status.error.posting.title",
        isPresented: $focusedSEVM.showPostingErrorAlert,
        actions: {
          Button("OK") {}
        }, message: {
          Text(mainSEVM.postingError ?? "")
        }
      )
      .interactiveDismissDisabled(mainSEVM.shouldDisplayDismissWarning)
      .onChange(of: appAccounts.currentClient) { _, newValue in
        if mainSEVM.mode.isInShareExtension {
          currentAccount.setClient(client: newValue)
          mainSEVM.client = newValue
          for post in followUpSEVMs {
            post.client = newValue
          }
        }
      }
      .onDrop(of: StatusEditorUTTypeSupported.types(), delegate: focusedSEVM)
      .onChange(of: currentAccount.account?.id) {
        mainSEVM.currentAccount = currentAccount.account
        for p in followUpSEVMs {
          p.currentAccount = mainSEVM.currentAccount
        }
      }
      .onChange(of: mainSEVM.visibility) {
        for p in followUpSEVMs {
          p.visibility = mainSEVM.visibility
        }
      }
      .onChange(of: followUpSEVMs.count) { oldValue, newValue in
        if oldValue < newValue {
          Task {
            try? await Task.sleep(for: .seconds(0.1))
            withAnimation(.bouncy(duration: 0.5)) {
              scrollID = followUpSEVMs.last?.id
            }
          }
        }
      }
    }
    .sheet(item: $editingMediaContainer) { container in
      StatusEditorMediaEditView(viewModel: focusedSEVM, container: container)
    }
  }
}