linphone-iphone/Linphone/UI/Main/Meetings/Fragments/AddParticipantsFragment.swift

/*
 * Copyright (c) 2010-2024 Belledonne Communications SARL.
 *
 * This file is part of linphone-iphone
 *
 * 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 Foundation
import linphonesw

struct AddParticipantsFragment: View {
	
	@Environment(\.dismiss) var dismiss
	
	private var idiom: UIUserInterfaceIdiom { UIDevice.current.userInterfaceIdiom }
	@State private var orientation = UIDevice.current.orientation
	
	@ObservedObject var contactsManager = ContactsManager.shared
	@ObservedObject var magicSearch = MagicSearchSingleton.shared
	@ObservedObject var addParticipantsViewModel: AddParticipantsViewModel
	var confirmAddParticipantsFunc: ([SelectedAddressModel]) -> Void
	
	@FocusState var isSearchFieldFocused: Bool
	
	@State private var isShowSipAddressesPopup: Bool = false
	@State private var contactAvatarModel: ContactAvatarModel? = nil
	
	var dismissOnCheckClick: Bool
	
	var body: some View {
		ZStack(alignment: .bottomTrailing) {
			VStack(spacing: 16) {
				if #available(iOS 16.0, *) {
					Rectangle()
						.foregroundColor(Color.orangeMain500)
						.edgesIgnoringSafeArea(.top)
						.frame(height: 0)
				} else if idiom != .pad && !(orientation == .landscapeLeft || orientation == .landscapeRight
											 || UIScreen.main.bounds.size.width > UIScreen.main.bounds.size.height) {
					Rectangle()
						.foregroundColor(Color.orangeMain500)
						.edgesIgnoringSafeArea(.top)
						.frame(height: 1)
				}
				HStack {
					Image("caret-left")
						.renderingMode(.template)
						.resizable()
						.foregroundStyle(Color.orangeMain500)
						.frame(width: 25, height: 25, alignment: .leading)
						.padding(.all, 10)
						.padding(.top, 2)
						.padding(.leading, -10)
						.onTapGesture {
							addParticipantsViewModel.reset()
							
							magicSearch.currentFilter = ""
							magicSearch.searchForContacts()
							
							dismiss()
						}
					
					VStack(alignment: .leading, spacing: 3) {
						Text("conversation_add_participants_title")
							.multilineTextAlignment(.leading)
							.default_text_style_orange_800(styleSize: 16)
							.padding(.top, 20)
						
						Text(String(format: String(localized: "selected_participants_count"), $addParticipantsViewModel.participantsToAdd.count.description))
							   .default_text_style_300(styleSize: 12)
					}
					Spacer()
				}
				.frame(maxWidth: .infinity)
				.frame(height: 50)
				.padding(.horizontal)
				.padding(.bottom, 4)
				.background(.white)
				
				ScrollView(.horizontal) {
					HStack {
						ForEach(0..<addParticipantsViewModel.participantsToAdd.count, id: \.self) { index in
							ZStack(alignment: .topTrailing) {
								VStack {
									Avatar(contactAvatarModel: addParticipantsViewModel.participantsToAdd[index].avatarModel, avatarSize: 50)
									
									Text(addParticipantsViewModel.participantsToAdd[index].avatarModel.name)
										.default_text_style(styleSize: 12)
										.frame(minWidth: 60, maxWidth: 80)
								}
								Image("x-circle")
									.renderingMode(.template)
									.resizable()
									.foregroundStyle(Color.grayMain2c500)
									.background(.white)
									.cornerRadius(12.5)
									.frame(width: 25, height: 25)
									.onTapGesture {
										addParticipantsViewModel.participantsToAdd.remove(at: index)
									}
							}
						}
					}
					.padding(.vertical, addParticipantsViewModel.participantsToAdd.isEmpty ? 0 : 10)
				}
				.padding(.leading, 16)
				
				ZStack(alignment: .trailing) {
					TextField("new_conversation_search_bar_filter_hint", text: $addParticipantsViewModel.searchField)
						.default_text_style(styleSize: 15)
						.frame(height: 25)
						.focused($isSearchFieldFocused)
						.padding(.horizontal, 30)
						.onChange(of: addParticipantsViewModel.searchField) { newValue in
						  	magicSearch.currentFilter = newValue
							magicSearch.searchForContacts()
						}.onAppear {
							magicSearch.searchForContacts()
						}
					
					HStack {
						Button(action: {
						}, label: {
							Image("magnifying-glass")
								.renderingMode(.template)
								.resizable()
								.foregroundStyle(Color.grayMain2c500)
								.frame(width: 25, height: 25)
						})
						
						Spacer()
						
						if !addParticipantsViewModel.searchField.isEmpty {
							Button(action: {
								addParticipantsViewModel.searchField = ""
							   	magicSearch.currentFilter = ""
								magicSearch.searchForContacts()
								isSearchFieldFocused = false
							}, label: {
								Image("x")
									.renderingMode(.template)
									.resizable()
									.foregroundStyle(Color.grayMain2c500)
									.frame(width: 25, height: 25)
							})
						}
					}
				}
				.padding(.horizontal, 15)
				.padding(.vertical, 10)
				.cornerRadius(60)
				.overlay(
					RoundedRectangle(cornerRadius: 60)
						.inset(by: 0.5)
						.stroke(isSearchFieldFocused ? Color.orangeMain500 : Color.gray200, lineWidth: 1)
				)
				.padding(.bottom)
				.padding(.horizontal)
				
				ZStack {
					ScrollView {
						ForEach(0..<contactsManager.avatarListModel.count, id: \.self) { index in
							HStack {
								HStack {
									if index == 0
										|| contactsManager.avatarListModel[index].name.lowercased().folding(
											options: .diacriticInsensitive,
											locale: .current
										).first
										!= contactsManager.avatarListModel[index-1].name.lowercased().folding(
											options: .diacriticInsensitive,
											locale: .current
										).first {
										Text(
											String(
												(contactsManager.avatarListModel[index].name.uppercased().folding(
													options: .diacriticInsensitive,
													locale: .current
												).first)!))
										.contact_text_style_500(styleSize: 20)
										.frame(width: 18)
										.padding(.leading, 5)
										.padding(.trailing, 5)
									} else {
										Text("")
											.contact_text_style_500(styleSize: 20)
											.frame(width: 18)
											.padding(.leading, 5)
											.padding(.trailing, 5)
									}
									
									Avatar(contactAvatarModel: contactsManager.avatarListModel[index], avatarSize: 50)
									
									Text(contactsManager.avatarListModel[index].name)
										.default_text_style(styleSize: 16)
										.frame(maxWidth: .infinity, alignment: .leading)
										.foregroundStyle(Color.orangeMain500)
									
									if addParticipantsViewModel.participantsToAdd.contains(where: {
										$0.address.asStringUriOnly() == contactsManager.avatarListModel[index].address
										|| $0.avatarModel.address == contactsManager.avatarListModel[index].address
										|| phoneListsEqual(
											$0.avatarModel.phoneNumbersWithLabel,
											contactsManager.avatarListModel[index].phoneNumbersWithLabel
										)
									}) {
										Image("check")
											.renderingMode(.template)
											.resizable()
											.foregroundStyle(Color.orangeMain500)
											.frame(width: 25, height: 25)
											.padding(.horizontal)
									}
								}
							}
							.background(.white)
							.onTapGesture {
								CoreContext.shared.doOnCoreQueue { core in
									self.contactAvatarModel = contactsManager.avatarListModel[index]
									if let contactAvatarModelTmp = self.contactAvatarModel {
										if contactAvatarModelTmp.addresses.count == 1 && contactAvatarModelTmp.phoneNumbersWithLabel.isEmpty {
											if let firstAddress = contactAvatarModelTmp.addresses.first, let addr = try? Factory.Instance.createAddress(addr: firstAddress) {
												addParticipantsViewModel.selectParticipant(addr: addr)
											}
										} else if contactAvatarModelTmp.addresses.isEmpty && contactAvatarModelTmp.phoneNumbersWithLabel.count == 1 {
											if let address = core.interpretUrl(url: contactAvatarModelTmp.phoneNumbersWithLabel.first?.phoneNumber ?? "", applyInternationalPrefix: LinphoneUtils.applyInternationalPrefix(core: core)) {
												addParticipantsViewModel.selectParticipant(addr: address)
											}
										} else {
											DispatchQueue.main.async {
												isShowSipAddressesPopup = true
											}
										}
									}
								}
							}
							.buttonStyle(.borderless)
							.listRowSeparator(.hidden)
						}
						
						HStack(alignment: .center) {
							Text("generic_address_picker_suggestions_list_title")
								.default_text_style_800(styleSize: 16)
							
							Spacer()
						}
						.padding(.vertical, 10)
						.padding(.horizontal, 16)
						
						suggestionsList
					}
					
					if magicSearch.isLoading {
						ProgressView()
							.controlSize(.large)
							.progressViewStyle(CircularProgressViewStyle(tint: .orangeMain500))
					}
				}
			}
			
			Button {
				withAnimation {
					confirmAddParticipantsFunc(addParticipantsViewModel.participantsToAdd)
					
					if dismissOnCheckClick {
						dismiss()
					}
					
					magicSearch.currentFilter = ""
					magicSearch.searchForContacts()
				}
			} label: {
				Image("check")
					.renderingMode(.template)
					.foregroundStyle(.white)
					.padding()
					.background(Color.orangeMain500)
					.clipShape(Circle())
					.shadow(color: .black.opacity(0.2), radius: 4)
				
			}
			.padding()
			
			if isShowSipAddressesPopup && contactAvatarModel != nil {
				VStack(alignment: .leading) {
					HStack {
						Text("contact_dialog_pick_phone_number_or_sip_address_title")
							.default_text_style_800(styleSize: 16)
							.padding(.bottom, 2)
						
						Spacer()
						
						Image("x")
							.renderingMode(.template)
							.resizable()
							.foregroundStyle(Color.grayMain2c600)
							.frame(width: 25, height: 25)
							.padding(.all, 10)
					}
					.frame(maxWidth: .infinity)
					
					ForEach(0..<contactAvatarModel!.addresses.count, id: \.self) { index in
						HStack {
							HStack {
								VStack {
									Text(String(localized: "sip_address") + ":")
										.default_text_style_700(styleSize: 14)
										.frame(maxWidth: .infinity, alignment: .leading)
									Text(contactAvatarModel!.addresses[index].dropFirst(4))
										.default_text_style(styleSize: 14)
										.frame(maxWidth: .infinity, alignment: .leading)
										.lineLimit(1)
										.fixedSize(horizontal: false, vertical: true)
								}
								Spacer()
							}
							.padding(.vertical, 15)
							.padding(.horizontal, 10)
						}
						.background(.white)
						.onTapGesture {
							do {
								let addr = try Factory.Instance.createAddress(addr: contactAvatarModel!.addresses[index])
								addParticipantsViewModel.selectParticipant(addr: addr)
								self.isShowSipAddressesPopup = false
							} catch {
								Log.error("[AddParticipantsFragment] unable to create address for a new outgoing call : \(contactAvatarModel!.addresses[index]) \(error) ")
							}
						}
					}
					
					ForEach(0..<contactAvatarModel!.phoneNumbersWithLabel.count, id: \.self) { index in
						HStack {
							HStack {
								VStack {
									Text(String(localized: "phone_number") + ":")
										.default_text_style_700(styleSize: 14)
										.frame(maxWidth: .infinity, alignment: .leading)
									Text(contactAvatarModel!.phoneNumbersWithLabel[index].phoneNumber)
										.default_text_style(styleSize: 14)
										.frame(maxWidth: .infinity, alignment: .leading)
										.lineLimit(1)
										.fixedSize(horizontal: false, vertical: true)
								}
								Spacer()
							}
							.padding(.vertical, 15)
							.padding(.horizontal, 10)
						}
						.background(.white)
						.onTapGesture {
							CoreContext.shared.doOnCoreQueue { core in
								if let phoneAddr = core.interpretUrl(url: contactAvatarModel!.phoneNumbersWithLabel[index].phoneNumber, applyInternationalPrefix: LinphoneUtils.applyInternationalPrefix(core: core)) {
									addParticipantsViewModel.selectParticipant(addr: phoneAddr)
									self.isShowSipAddressesPopup = false
								} else {
									Log.error("[AddParticipantsFragment] unable to create address (interpret Url for phone number) for a new outgoing call : \(contactAvatarModel!.addresses[index])")
								}
							}
						}
					}
				}
				.padding(.horizontal, 20)
				.padding(.vertical, 20)
				.background(.white)
				.cornerRadius(20)
				.frame(maxHeight: .infinity)
				.shadow(color: Color.orangeMain500, radius: 0, x: 0, y: 2)
				.frame(maxWidth: SharedMainViewModel.shared.maxWidth)
				.padding(.horizontal, 20)
				.background(.black.opacity(0.65))
				.zIndex(3)
				.onTapGesture {
					isShowSipAddressesPopup.toggle()
				}
			}
		}
		.navigationTitle("")
		.navigationBarHidden(true)
		.onAppear {
			if !magicSearch.currentFilter.isEmpty || (self.contactsManager.lastSearch.isEmpty && self.contactsManager.lastSearchSuggestions.isEmpty) {
				magicSearch.currentFilter = ""
				magicSearch.searchForContacts()
			}
		}
	}
	
	var suggestionsList: some View {
		ForEach(0..<contactsManager.lastSearchSuggestions.count, id: \.self) { index in
			Button {
				if let addr = contactsManager.lastSearchSuggestions[index].address {
					addParticipantsViewModel.selectParticipant(addr: addr)
				}
			} label: {
				HStack {
					if index < contactsManager.lastSearchSuggestions.count
						&& contactsManager.lastSearchSuggestions[index].address != nil {
						if contactsManager.lastSearchSuggestions[index].address!.domain != AppServices.corePreferences.defaultDomain {
							Image(uiImage: contactsManager.textToImage(
								firstName: String(contactsManager.lastSearchSuggestions[index].address!.asStringUriOnly().dropFirst(4)),
								lastName: ""))
							.resizable()
							.frame(width: 45, height: 45)
							.clipShape(Circle())
							
							Text(String(contactsManager.lastSearchSuggestions[index].address!.asStringUriOnly().dropFirst(4)))
								.default_text_style(styleSize: 16)
								.lineLimit(1)
								.frame(maxWidth: .infinity, alignment: .leading)
								.foregroundStyle(Color.orangeMain500)
						} else {
							if let address = contactsManager.lastSearchSuggestions[index].address {
								let nameTmp = address.displayName
								?? address.username
								?? String(address.asStringUriOnly().dropFirst(4))
								
								Image(uiImage: contactsManager.textToImage(
									firstName: nameTmp,
									lastName: ""))
								.resizable()
								.frame(width: 45, height: 45)
								.clipShape(Circle())
								
								Text(nameTmp)
									.default_text_style(styleSize: 16)
									.lineLimit(1)
									.frame(maxWidth: .infinity, alignment: .leading)
									.foregroundStyle(Color.orangeMain500)
							}
						}
						
						if let searchAddress = contactsManager.lastSearchSuggestions[index].address?.asStringUriOnly() {
							if addParticipantsViewModel.participantsToAdd.contains(where: {
								$0.address.asStringUriOnly() == searchAddress
							}) {
								Image("check")
									.renderingMode(.template)
									.resizable()
									.foregroundStyle(Color.orangeMain500)
									.frame(width: 25, height: 25)
									.padding(.horizontal)
							}
						}
					} else {
						Image("profil-picture-default")
							.resizable()
							.frame(width: 45, height: 45)
							.clipShape(Circle())
						
						Text("username_error")
							.default_text_style(styleSize: 16)
							.frame(maxWidth: .infinity, alignment: .leading)
							.foregroundStyle(Color.orangeMain500)
					}
				}
				.padding(.horizontal)
			}
			.buttonStyle(.borderless)
			.listRowSeparator(.hidden)
		}
	}
	
	func phoneListsEqual(
		_ lhs: [(label: String, phoneNumber: String)],
		_ rhs: [(label: String, phoneNumber: String)]
	) -> Bool {
		guard !lhs.isEmpty && !rhs.isEmpty else {
			return false
		}
		
		return lhs.count == rhs.count &&
		zip(lhs, rhs).allSatisfy { l, r in
			l.label == r.label && l.phoneNumber == r.phoneNumber
		}
	}
}