@rentlydev/rently-tuya 0.1.0

package/ios/dashboard/Messages.swift

@@ -0,0 +1,361 @@
+import SwiftUI
+import ThingSmartCameraKit
+
+struct Messages: View {
+    
+    @State private var messages: [ThingSmartCameraMessageModel] = []
+    @State private var offset: Int = 0
+    @State private var noMoreMessages: Bool = false
+    @State private var selectedMessage: ThingSmartCameraMessageModel? = nil
+    @State private var showOverlay = false
+    @State var selectedDate: Date = DateUtil.shared.getStartOfDay(from: Date())
+    @Binding var isDatePickerVisible: Bool
+    @State var availableDates: [Int]? = nil
+    @ObservedObject var tuya = Tuya.shared
+    @EnvironmentObject var orientationManager: OrientationManager
+    
+    @State private var lastMoveOutDate: Date? = {
+        let dateFormatter = ISO8601DateFormatter()
+        return Tuya.shared.lastMoveoutAt.flatMap { dateFormatter.date(from: $0) }
+    }()
+    
+    var body: some View {
+        VStack {
+            ZStack {
+                if tuya.messagesLoader && messages.isEmpty {
+                    ProgressView()
+                        .progressViewStyle(CircularProgressViewStyle(tint: LocalColor.Monochrome.black))
+                        .frame(maxWidth: .infinity, maxHeight: .infinity)
+                } else if messages.isEmpty {
+                    NoMessages()
+                } else {
+                    ScrollView {
+                        LazyVStack {
+                            ForEach(messages, id: \.self) { message in
+                                MessageItem(message: message)
+                                    .onTapGesture {
+                                        if message.attachPic != nil {
+                                            selectedMessage = message
+                                            showOverlay = true
+                                        }
+                                    }
+                                    .onAppear {
+                                        if message == messages.last && !noMoreMessages {
+                                            fetchMessages()
+                                        }
+                                    }
+                            }
+                        }
+                    }
+                    if tuya.messagesLoader && !noMoreMessages {
+                        ProgressView()
+                            .progressViewStyle(CircularProgressViewStyle(tint: LocalColor.Monochrome.black))
+                    }
+                }
+                
+                if let selectedMessage = selectedMessage, showOverlay {
+                    MessageOverlay(
+                        selectedMessage: $selectedMessage,
+                        showOverlay: $showOverlay
+                    )
+                }
+                
+                CustomDatePicker(
+                    isVisible: $isDatePickerVisible,
+                    selectedDate: $selectedDate,
+                    availableDays: availableDates ?? [],
+                    minDate: lastMoveOutDate
+                ) { date in
+                } onMonthChanged: { date in
+                    TuyaMessages.shared.getAvailableMessageDates(
+                        year: Calendar.current.component(.year, from: date),
+                        month: Calendar.current.component(.month, from: date),
+                        success: { dates in
+                            availableDates = dates
+                        },
+                        failure: { error in
+                            availableDates = []
+                        }
+                    )
+                } onCancel: {
+                    isDatePickerVisible = false
+                } onOk: {
+                    isDatePickerVisible = false
+                } onAppear: {
+                    TuyaMessages.shared.getAvailableMessageDates(
+                        year: Calendar.current.component(.year, from: selectedDate),
+                        month: Calendar.current.component(.month, from: selectedDate),
+                        success: { dates in
+                            availableDates = dates
+                        },
+                        failure: { error in
+                            availableDates = []
+                        }
+                    )
+                }
+            }
+        }
+        .background(LocalColor.Main.light)
+        .onAppear {
+            fetchMessages()
+            let currentMonth = Calendar.current.component(.month, from: selectedDate)
+            let currentYear = Calendar.current.component(.year, from: selectedDate)
+            
+            TuyaMessages.shared.getAvailableMessageDates(
+                year: currentYear,
+                month: currentMonth,
+                success: { dates in
+                    availableDates = dates
+                },
+                failure: { error in
+                    availableDates = []
+                }
+            )
+        }
+        .onChange(of: orientationManager.isLandscape) { _ in
+            if orientationManager.isLandscape && isDatePickerVisible {
+                isDatePickerVisible = false
+            }
+        }
+        .onChange(of: selectedDate) { newDate in
+            offset = 0
+            noMoreMessages = false
+            messages = []
+            fetchMessages()
+        }
+    }
+    
+    private func fetchMessages() {
+        guard !noMoreMessages else { return }
+        
+        TuyaMessages.shared.getMessages(
+            startDate: selectedDate,
+            offset: offset
+        ) { resultArray in
+            DispatchQueue.main.async {
+                if let resultArray = resultArray, !resultArray.isEmpty {
+                    messages.append(contentsOf: resultArray)
+                    offset += resultArray.count
+                    
+                    if resultArray.count < 20 {
+                        noMoreMessages = true
+                    }
+                } else {
+                    noMoreMessages = true
+                }
+
+                tuya.messagesLoader = false
+            }
+        }
+    }
+}
+
+struct NoMessages: View {
+    var body: some View {
+        VStack {
+            Label(
+                id: "noMessages",
+                title: "No messages available at the moment.",
+                bold: true,
+                maxLines: 2
+            )
+        }
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
+        .padding()
+    }
+}
+
+struct MessageItem: View {
+    let message: ThingSmartCameraMessageModel?
+    
+    var body: some View {
+        if let message = message {
+            VStack(alignment: .leading, spacing: 8) {
+                if let dateTime = message.dateTime {
+                    Label(
+                        title: dateTime,
+                        m: true,
+                        black: true
+                    )
+                    .padding(.bottom, 3)
+                }
+                
+                Label(
+                    title: (message.attachPic != nil) ? message.msgContent : "Unable to capture detected events because the doorbell's battery is too low. Please charge it to ensure events are detected and recorded.",
+                    l: true
+                )
+                .padding(.bottom, 4)
+                
+                if let imageUrl = message.attachPic, let url = URL(string: imageUrl) {
+                    WebImage(
+                        url: url,
+                        placeholderImageName: "image_placeholder"
+                    )
+                }
+            }
+            .padding()
+            
+            Divider(thickness: 1)
+        }
+    }
+}
+
+struct MessageOverlay: View {
+    @Binding var selectedMessage: ThingSmartCameraMessageModel?
+    @Binding var showOverlay: Bool
+    
+    @State private var currentScale: CGFloat = 1.0
+    @State private var lastScale: CGFloat = 1.0
+    @State private var loadedImage: UIImage? = nil
+    @State private var isLoading: Bool = true
+    @State private var dragOffset: CGSize = .zero
+    @State private var lastDragOffset: CGSize = .zero
+    @State private var containerSize: CGSize = CGSize(width: 350, height: 350)
+    @EnvironmentObject var orientationManager: OrientationManager
+
+    private let minScale: CGFloat = 1.0
+    private let maxScale: CGFloat = 4.0
+    
+    var body: some View {
+        ZStack {
+            LocalColor.Monochrome.black.opacity(0.9)
+                .ignoresSafeArea()
+            
+            VStack {
+                if isLoading {
+                    ProgressView()
+                } else if let cachedImage = loadedImage {
+                    GeometryReader { geometry in
+                        Image(uiImage: cachedImage)
+                            .resizable()
+                            .aspectRatio(contentMode: .fit)
+                            .scaleEffect(currentScale)
+                            .offset(x: dragOffset.width, y: dragOffset.height)
+                            .gesture(imageGestures())
+                            .frame(width: containerSize.width, height: containerSize.height)
+                            .position(x: geometry.size.width / 2, y: geometry.size.height / 2)
+                    }
+                    .frame(width: containerSize.width, height: containerSize.height)
+                    .transition(.opacity)
+                    .onAppear {
+                        updateContainerSize()
+                    }
+                } else {
+                    Label(title: "Failed to load image.", white: true)
+                }
+            }
+            .frame(maxWidth: .infinity, maxHeight: .infinity)
+            .overlay(closeButton(), alignment: .topTrailing)
+        }
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
+        .onAppear {
+            fetchImage(from: selectedMessage?.attachPic ?? "")
+        }
+        .onChange(of: selectedMessage) { _ in
+            loadedImage = nil
+            isLoading = true
+            fetchImage(from: selectedMessage?.attachPic ?? "")
+        }
+        .onChange(of: orientationManager.isLandscape) { _ in
+            updateContainerSize()
+            resetImage()
+        }
+    }
+    
+    private func fetchImage(from url: String) {
+        guard let imageURL = URL(string: url) else {
+            isLoading = false
+            return
+        }
+        
+        URLSession.shared.dataTask(with: imageURL) { data, _, _ in
+            DispatchQueue.main.async {
+                if let data = data, let image = UIImage(data: data) {
+                    self.loadedImage = image
+                }
+                self.isLoading = false
+            }
+        }.resume()
+    }
+    
+    private func imageGestures() -> some Gesture {
+        SimultaneousGesture(
+            MagnificationGesture()
+                .onChanged { value in
+                    let newScale = lastScale * value
+                    currentScale = min(max(newScale, minScale), maxScale)
+                }
+                .onEnded { _ in
+                    lastScale = currentScale
+                    if currentScale <= minScale {
+                        resetImage()
+                    } else {
+                        recenterImage()
+                    }
+                },
+            DragGesture()
+                .onChanged { value in
+                    guard currentScale > 1 else { return }
+                    let limitedOffset = limitDragOffset(value.translation)
+                    dragOffset = CGSize(width: limitedOffset.width, height: limitedOffset.height)
+                }
+                .onEnded { _ in
+                    lastDragOffset = dragOffset
+                    recenterImage()
+                }
+        )
+    }
+    
+    private func closeButton() -> some View {
+        Button(action: {
+            showOverlay = false
+            selectedMessage = nil
+            loadedImage = nil
+            HeapAnalytics.trackEvent(eventName: "Message_Overlay_Close")
+        }) {
+            Image(systemName: "xmark.circle.fill")
+                .resizable()
+                .frame(width: 24, height: 24)
+                .foregroundColor(.white)
+                .padding()
+        }
+    }
+    
+    private func resetImage() {
+        withAnimation {
+            currentScale = minScale
+            dragOffset = .zero
+            lastDragOffset = .zero
+        }
+    }
+    
+    private func recenterImage() {
+        let imageSize = CGSize(width: containerSize.width * currentScale, height: containerSize.height * currentScale)
+        let dragLimitX = max((imageSize.width - containerSize.width) / 2, 0)
+        let dragLimitY = max((imageSize.height - containerSize.height) / 2, 0)
+        
+        let newOffsetX = max(min(dragOffset.width, dragLimitX), -dragLimitX)
+        let newOffsetY = max(min(dragOffset.height, dragLimitY), -dragLimitY)
+        
+        withAnimation {
+            dragOffset = CGSize(width: newOffsetX, height: newOffsetY)
+            lastDragOffset = dragOffset
+        }
+    }
+    
+    private func limitDragOffset(_ translation: CGSize) -> CGSize {
+        let imageSize = CGSize(width: containerSize.width * currentScale, height: containerSize.height * currentScale)
+        let dragLimitX = max((imageSize.width - containerSize.width) / 2, 0)
+        let dragLimitY = max((imageSize.height - containerSize.height) / 2, 0)
+        
+        let newOffsetX = lastDragOffset.width + translation.width
+        let newOffsetY = lastDragOffset.height + translation.height
+        
+        return CGSize(width: max(min(newOffsetX, dragLimitX), -dragLimitX),
+                      height: max(min(newOffsetY, dragLimitY), -dragLimitY))
+    }
+    
+    private func updateContainerSize() {
+        containerSize = UIScreen.main.bounds.size.width > UIScreen.main.bounds.size.height ? CGSize(width: 500, height: 350) : CGSize(width: 350, height: 500)
+    }
+}

package/ios/dashboard/NavigationController.swift

@@ -0,0 +1,173 @@
+import SwiftUI
+
+enum ScreenState: String {
+    case dashboard = "Dashboard"
+    case playback = "Playback"
+    case messages = "Messages"
+    case settings = "Settings"
+    case advancedSettings = "Advanced Settings"
+    case storageSettings = "SD Card"
+}
+
+struct NavigationController: View {
+    
+    @State private var isSettings = false
+    @State private var isStorageSettings = false
+    @State private var isAdvancedSettings = false
+    @State private var isDatePickerVisible = false
+    @State private var isMessagesDatePickerVisible = false
+    @State private var currentScreen: ScreenState = .dashboard
+    @EnvironmentObject var orientationManager: OrientationManager
+    @ObservedObject var tuya = Tuya.shared
+
+    private var topBarTitle: String {
+        if isAdvancedSettings { return "Advanced Settings" }
+        if isStorageSettings { return "SD Card" }
+        return currentScreen == .dashboard ? (tuya.device?.deviceModel.name ?? "Doorbell") : currentScreen.rawValue
+    }
+    
+    private var isSpecialTitle: Bool {
+        [.settings, .messages, .advancedSettings, .storageSettings].contains(currentScreen)
+    }
+    
+    var body: some View {
+        ZStack {
+            VStack {
+                (isSpecialTitle ? LocalColor.Main.light : LocalColor.Monochrome.grey)
+                    .edgesIgnoringSafeArea(/*@START_MENU_TOKEN@*/.all/*@END_MENU_TOKEN@*/)
+            }
+            
+            VStack {
+                if (!orientationManager.isLandscape || (orientationManager.isLandscape && currentScreen != .dashboard && currentScreen != .playback && currentScreen != .messages)) {
+                    TopBar(
+                        title: topBarTitle,
+                        isSpecialTitle: isSpecialTitle,
+                        onBack: {
+                            if tuya.playbackLoader {
+                                print("Tuya: Playback is loading, hence disabling the back button to avoid preview failures.")
+                            } else {
+                                if ((currentScreen == .playback || currentScreen == .dashboard) && tuya.isRecording) {
+                                    tuya.stopRecording()
+                                } else {
+                                    if isAdvancedSettings || isStorageSettings {
+                                        isAdvancedSettings = false
+                                        isStorageSettings = false
+                                        currentScreen = .settings
+                                    }  else if currentScreen == .dashboard {
+                                        AppUtility.disconnectAndClose()
+                                    } else {
+                                        isSettings = false
+                                        currentScreen = .dashboard
+                                    }
+                                }
+                            }
+                        },
+                        onTrailingIconClick: {
+                            switch currentScreen {
+                            case .playback:
+                                isDatePickerVisible = true
+                            case .messages:
+                                isMessagesDatePickerVisible = true
+                            default:
+                                currentScreen = .settings
+                            }
+                        }
+                    )
+                }
+
+                ZStack {
+                    switch currentScreen {
+                    case .dashboard:
+                        Dashboard(currentScreen: $currentScreen)
+                    case .playback:
+                        Playback(isDatePickerVisible: $isDatePickerVisible)
+                    case .messages:
+                        Messages(isDatePickerVisible: $isMessagesDatePickerVisible)
+                    case .settings:
+                        Settings(isAdvancedSettings: $isAdvancedSettings, isStorageSettings: $isStorageSettings)
+                    default:
+                        EmptyView()
+                    }
+                }
+                .onAppear {
+                    tuya.configureSettings()
+                    if !tuya.isDefaultSettingsUpdated, tuya.isResident {
+                      Task {
+                          await DefaultSettings.shared.updateDoorbellSettings()
+                      }
+                    }
+                }
+            }
+        }
+        .onChange(of: currentScreen) { newValue in
+            HeapAnalytics.trackEvent(eventName: "\(newValue.rawValue) Screen")
+        }
+        .onReceive(NotificationCenter.default.publisher(for: UIApplication.didEnterBackgroundNotification)) { _ in
+            if currentScreen == .playback {
+                tuya.pausePlayback()
+            } else {
+                tuya.disconnect()
+            }
+        }
+        .onReceive(NotificationCenter.default.publisher(for: UIApplication.willEnterForegroundNotification)) { _ in
+            if currentScreen == .dashboard {
+                tuya.connect()
+            }
+        }
+    }
+}
+
+struct TopBar: View {
+    var title: String
+    var isSpecialTitle: Bool
+    var onBack: () -> Void
+    var onTrailingIconClick: () -> Void
+    
+    var body: some View {
+        ZStack {
+            Label(
+                id: title + "Id",
+                title: title,
+                xl20: true,
+                white: !isSpecialTitle,
+                black: isSpecialTitle,
+                semiBold: true
+            )
+
+            HStack {
+                Button(action: onBack) {
+                    Image(
+                        imageName: "back_arraow",
+                        useTemplateRendering: true
+                    )
+                    .resizable()
+                    .aspectRatio(contentMode: .fit)
+                    .frame(width: 22, height: 22)
+                    .foregroundColor(isSpecialTitle ? LocalColor.Monochrome.black : LocalColor.Monochrome.white)
+                }
+                .padding(.leading, 5)
+
+                Spacer()
+
+                if !isSpecialTitle || title == "Playback" || title == "Messages" {
+                    Button(action: onTrailingIconClick) {
+                        Image(
+                            imageName: title == "Playback" || title == "Messages" ? "calendar" : "keyless_Setting",
+                            useTemplateRendering: true
+                        )
+                        .resizable()
+                        .aspectRatio(contentMode: .fit)
+                        .frame(width: 24, height: 24)
+                        .foregroundColor(title == "Messages" ? LocalColor.Monochrome.grey : LocalColor.Monochrome.white)
+                    }
+                    .padding(.trailing, 5)
+                }
+            }
+        }
+        .padding()
+        .background(
+            (isSpecialTitle ? LocalColor.Main.light : LocalColor.Monochrome.grey)
+                .edgesIgnoringSafeArea(.all)
+        )
+    }
+}

package/ios/dashboard/OfflineScreen.swift

@@ -0,0 +1,109 @@
+import SwiftUI
+
+struct OfflineScreen: View {
+    
+    @ObservedObject var tuya = Tuya.shared
+    
+    var body: some View {
+        ScrollView {
+            VStack(spacing: 20) {
+                Label(
+                    title: "Connection Failed!",
+                    xl18: true,
+                    white: true,
+                    bold: true,
+                    center: true
+                )
+                .padding(.bottom, 15)
+                
+                VStack(alignment: .leading, spacing: 10) {
+                    Label(
+                        title: "If you're experiencing an issue, please check the following:",
+                        l: true,
+                        white: true,
+                        left: true
+                    )
+                    .padding(.bottom, 10)
+                    
+                    Label(
+                        title: "• Move your Wi-Fi access point closer to the doorbell.",
+                        l: true,
+                        white: true,
+                        left: true
+                    )
+                    
+                    Label(
+                        title: SettingsManager.shared.is8s() ? """
+                    • Check power source to doorbell, by pressing the button on the front of the doorbell. If the power is connected properly, you will hear a chime.
+                    """ : """
+                    • Check power source to doorbell, by pressing the button on the front of the doorbell. If the power is connected properly, you will hear a chime. If you do not hear a chime, recharge the doorbell.
+                    """,
+                        l: true,
+                        white: true,
+                        left: true,
+                        maxLines: 6
+                    )
+                }
+                .padding(.horizontal, 20)
+                
+                Label(
+                    title: "First time using the doorbell?",
+                    l: true,
+                    white: true,
+                    center: true
+                )
+                .padding(.top, 15)
+                
+                AnchorButton(
+                    id: "Connect_Doorbell_To_WiFi",
+                    title: "Connect Doorbell to Wi-Fi",
+                    l: true,
+                    primary: true,
+                    center: true,
+                    underLine: true
+                ) {
+                    if let cameraType = tuya.cameraType {
+                        KeylessListener.emitter.resetWifiForDoorbell(
+                            withDeviceID: cameraType.devId) { success, message in
+                                if success {
+                                    print("Tuya: Successfully navigated to the 'Add Doorbell' screen.")
+                                    AppUtility.disconnectAndClose()
+                                } else {
+                                    print("Tuya: Failed to navigate to the 'Add Doorbell' screen.")
+                                }
+                            }
+                    }
+                }
+                .frame(maxWidth: .infinity, alignment: .center)
+                .padding(.bottom, 5)
+                
+                CustomButton(
+                    id: "Tap_To_Retry",
+                    title: "Tap to retry",
+                    xl20: true,
+                    black: true,
+                    textColor: LocalColor.Primary.light,
+                    borderColor: LocalColor.Primary.light,
+                    icon: Image(imageName: "refresh")
+                ) {
+                    tuya.connect()
+                }
+                .frame(width: 200, height: 80)
+                .padding(.bottom, 5)
+                
+                Label(
+                    title: "Contact Support for further assistance.",
+                    l: true,
+                    white: true,
+                    center: true
+                )
+                .padding(.bottom, 5)
+            }
+            .padding(.top, 50)
+            .padding(.top, 10)
+        }
+        .padding(.horizontal, 20)
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
+        .background(LocalColor.Monochrome.black)
+    }
+}