@servicemind.tis/tis-image-and-file-upload-and-view 1.2.28 → 1.2.30

package/lib/interfaces/socket-adapter.interface.d.ts

@@ -103,6 +103,12 @@ export interface TisRemoteUploadConfig {
      * Pairing configuration
      */
     pairing?: TisPairingConfig;
+    /**
+     * Callback when user accepts a file from mobile upload
+     * This allows the host app to handle the accepted file (e.g., patch a form)
+     * @param file - The accepted file data
+     */
+    onFileAccept?: (file: TisRemoteUploadedFile) => void;
 }
 /**
  * API endpoints configuration for remote upload

package/lib/services/tis-remote-upload.service.d.ts

@@ -11,12 +11,47 @@ interface MobileConnectionInfo {
     connectedAt: number;
     lastActivity: number;
 }
+/**
+ * Field request info for tracking current upload request
+ */
+export interface FieldRequestInfo {
+    label: string;
+    accept: string;
+    type: 'image' | 'file';
+    entityType?: string;
+    entityId?: any;
+    isMultiple?: boolean;
+    limit?: number;
+    remainingSlots?: number;
+    isCompressed?: boolean;
+    requestId?: string;
+    requestedAt: number;
+}
+/**
+ * Device online status from health check API
+ */
+export interface DeviceOnlineStatus {
+    isOnline: boolean;
+    deviceId: string;
+    lastPing?: number;
+    connectionId?: string;
+}
+/**
+ * Combined device status for both desktop and mobile
+ */
+export interface DevicesOnlineStatus {
+    desktop: DeviceOnlineStatus;
+    mobile: DeviceOnlineStatus;
+    lastChecked: number;
+    isReadyForTransfer: boolean;
+}
 export declare class TisRemoteUploadService implements OnDestroy {
     private http;
     private static readonly COMPONENT;
     private static readonly MOBILE_CONNECTION_KEY;
     private destroy$;
     private channelSubscription;
+    private healthCheckSubscription;
     private config;
     private socketAdapter;
     private deviceId;
@@ -28,6 +63,11 @@ export declare class TisRemoteUploadService implements OnDestroy {
     private mobileConnection$;
     private remoteUpload$;
     private error$;
+    private pendingFiles$;
+    private isWaitingForUpload$;
+    private currentFieldRequest$;
+    private devicesStatus$;
+    private isCheckingStatus$;
     constructor(http: HttpClient);
     /**
      * Configure the remote upload service
@@ -73,6 +113,50 @@ export declare class TisRemoteUploadService implements OnDestroy {
      * Alias for isConnectedToMobile - Check if paired with mobile
      */
     isPaired(): boolean;
+    /**
+     * Get devices online status (both desktop and mobile)
+     */
+    getDevicesStatus(): Observable<DevicesOnlineStatus | null>;
+    /**
+     * Get current devices status value
+     */
+    getDevicesStatusValue(): DevicesOnlineStatus | null;
+    /**
+     * Check if currently verifying connection status (for blinking indicator)
+     */
+    getIsCheckingStatus(): Observable<boolean>;
+    /**
+     * Check if both devices are online and ready for transfer
+     */
+    isReadyForTransfer(): boolean;
+    /**
+     * Get pending files from mobile (waiting to be accepted/rejected)
+     */
+    getPendingFiles(): Observable<TisRemoteUploadEvent[]>;
+    /**
+     * Get current pending files value
+     */
+    getPendingFilesValue(): TisRemoteUploadEvent[];
+    /**
+     * Check if waiting for mobile upload
+     */
+    getIsWaitingForUpload(): Observable<boolean>;
+    /**
+     * Get current field request info
+     */
+    getCurrentFieldRequest(): Observable<FieldRequestInfo | null>;
+    /**
+     * Accept a pending file (emit to remoteUpload$ and call onFileAccept callback)
+     */
+    acceptPendingFile(file: TisRemoteUploadEvent): void;
+    /**
+     * Reject/delete a pending file
+     */
+    rejectPendingFile(file: TisRemoteUploadEvent): void;
+    /**
+     * Clear all pending files
+     */
+    clearPendingFiles(): void;
     /**
      * Generate QR code data for mobile app
      * Flow:
@@ -88,9 +172,9 @@ export declare class TisRemoteUploadService implements OnDestroy {
      */
     private buildQrUrl;
     /**
-     * Send message to mobile device via channel
+     * Call API via socket with timeout - helper method
      */
-    sendToMobile(type: string, data: any): void;
+    private callApiWithTimeout;
     /**
      * Send field request to mobile - tells mobile to show upload UI for this field
      */
@@ -104,13 +188,14 @@ export declare class TisRemoteUploadService implements OnDestroy {
         limit?: number;
         remainingSlots?: number;
         isCompressed?: boolean;
-    }): void;
+    }): Promise<void>;
     /**
      * Cancel current field request
      */
-    cancelFieldRequest(): void;
+    cancelFieldRequest(): Promise<void>;
     /**
-     * Accept mobile connection (send SUCCESS response)
+     * Accept mobile connection - update local state
+     * Note: Backend already broadcasts mobile-link-established to both parties
      */
     private acceptMobileConnection;
     /**
@@ -121,6 +206,23 @@ export declare class TisRemoteUploadService implements OnDestroy {
      * Handle disconnect initiated from remote (mobile) side
      */
     private handleRemoteDisconnect;
+    /**
+     * Start periodic health check for device online status
+     * Should be called when connection is established
+     */
+    startHealthCheck(): void;
+    /**
+     * Stop health check
+     */
+    stopHealthCheck(): void;
+    /**
+     * Check if both devices are online via API
+     */
+    checkDevicesOnline(): Promise<DevicesOnlineStatus | null>;
+    /**
+     * Force an immediate health check
+     */
+    refreshDevicesStatus(): Promise<DevicesOnlineStatus | null>;
     /**
      * Subscribe to channel for receiving messages from mobile
      */
@@ -140,6 +242,7 @@ export declare class TisRemoteUploadService implements OnDestroy {
     private handleConnectionState;
     /**
      * Handle upload complete from mobile
+     * Files are added to pending queue for user to accept/reject
      */
     private handleUploadComplete;
     /**

package/lib/tis-image-and-file-upload-and-view/tis-image-and-file-upload-and-view.component.d.ts

@@ -52,6 +52,7 @@ export declare class TisImageAndFileUploadAndViewComponent implements OnDestroy
     isTab: boolean;
     isWaitingForMobileUpload: boolean;
     mobileUploadFieldLabel: string;
+    pendingFiles: TisRemoteUploadEvent[];
     isHandset$: Observable<boolean>;
     isTab$: Observable<boolean>;
     config: Config;
@@ -140,15 +141,32 @@ export declare class TisImageAndFileUploadAndViewComponent implements OnDestroy
     /**
      * Disconnect from paired mobile device
      */
-    disconnectRemote(): void;
+    disconnectRemote(): Promise<void>;
     /**
      * Trigger upload from mobile - sends field request to mobile app
      */
-    triggerMobileUpload(): void;
+    triggerMobileUpload(): Promise<void>;
     /**
      * Cancel waiting for mobile upload
      */
-    cancelMobileUpload(): void;
+    cancelMobileUpload(): Promise<void>;
+    /**
+     * Accept a pending file from mobile upload
+     * This calls the onFileAccept callback if provided, then handles the file
+     */
+    acceptPendingFile(pendingFile: TisRemoteUploadEvent): void;
+    /**
+     * Reject a pending file from mobile upload
+     */
+    rejectPendingFile(pendingFile: TisRemoteUploadEvent): void;
+    /**
+     * Open dialog showing connection status with disconnect option
+     */
+    openViewConnectionDialog(): void;
+    /**
+     * Check if a MIME type is an image type
+     */
+    isImageMimeType(mimeType: string | undefined): boolean;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TisImageAndFileUploadAndViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TisImageAndFileUploadAndViewComponent, "tis-image-and-file-upload-and-view", never, { "urlConfig": { "alias": "urlConfig"; "required": true; }; "entityType": { "alias": "entityType"; "required": false; }; "entityId": { "alias": "entityId"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "data": { "alias": "data"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "isValidateMimeType": { "alias": "isValidateMimeType"; "required": false; }; "selectedId": { "alias": "selectedId"; "required": false; }; "options": { "alias": "options"; "required": false; }; "required": { "alias": "required"; "required": false; }; "previewOnly": { "alias": "previewOnly"; "required": false; }; "previewInFlex": { "alias": "previewInFlex"; "required": false; }; "imageItemClass": { "alias": "imageItemClass"; "required": false; }; "isAddUploadedFileInLastNode": { "alias": "isAddUploadedFileInLastNode"; "required": false; }; "isEnableDeleteConfirmation": { "alias": "isEnableDeleteConfirmation"; "required": false; }; "isEnableCapture": { "alias": "isEnableCapture"; "required": false; }; "deleteConfirmationMsg": { "alias": "deleteConfirmationMsg"; "required": false; }; "dialogConfig": { "alias": "dialogConfig"; "required": false; }; "remoteUploadConfig": { "alias": "remoteUploadConfig"; "required": false; }; "isShowImageSequence": { "alias": "isShowImageSequence"; "required": false; }; "enableDragNDrop": { "alias": "enableDragNDrop"; "required": false; }; "showDeleteButtonWhenDisabled": { "alias": "showDeleteButtonWhenDisabled"; "required": false; }; }, { "uploadInProgress": "uploadInProgress"; "onUploaded": "onUploaded"; "onFileSelect": "onFileSelect"; "onFileRemoved": "onFileRemoved"; "onError": "onError"; "onRemoteUpload": "onRemoteUpload"; "dataSequenceChange": "dataSequenceChange"; }, never, never, false, never>;

package/lib/tis-qr-code-dialog/tis-qr-code-dialog.component.d.ts

@@ -1,6 +1,6 @@
 import { OnInit, OnDestroy } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
-import { TisRemoteUploadService } from '../services/tis-remote-upload.service';
+import { TisRemoteUploadService, DevicesOnlineStatus } from '../services/tis-remote-upload.service';
 import { TisRemoteUploadEvent } from '../interfaces/socket-adapter.interface';
 import * as i0 from "@angular/core";
 export interface FieldInfo {
@@ -36,6 +36,8 @@ export declare class TisQrCodeDialogComponent implements OnInit, OnDestroy {
     uploadedFiles: TisRemoteUploadEvent[];
     desktopDeviceId: string;
     mobileDeviceId: string | null;
+    devicesStatus: DevicesOnlineStatus | null;
+    isCheckingStatus: boolean;
     private destroy$;
     private countdownSubscription;
     constructor(dialogRef: MatDialogRef<TisQrCodeDialogComponent>, data: TisQrCodeDialogData, remoteUploadService: TisRemoteUploadService);
@@ -47,10 +49,6 @@ export declare class TisQrCodeDialogComponent implements OnInit, OnDestroy {
     private checkExistingConnection;
     private generateQrCode;
     private subscribeToEvents;
-    /**
-     * Send field configuration to mobile device
-     */
-    private sendFieldInfoToMobile;
     private startCountdown;
     /**
      * Format device ID for display
@@ -68,6 +66,24 @@ export declare class TisQrCodeDialogComponent implements OnInit, OnDestroy {
      * Disconnect from mobile
      */
     disconnect(): void;
+    /**
+     * Refresh device status
+     */
+    refreshStatus(): void;
+    /**
+     * Get desktop online status indicator class
+     * Returns: 'online' (green), 'offline' (red), 'checking' (blinking yellow)
+     */
+    getDesktopStatusClass(): string;
+    /**
+     * Get mobile online status indicator class
+     * Returns: 'online' (green), 'offline' (red), 'checking' (blinking yellow)
+     */
+    getMobileStatusClass(): string;
+    /**
+     * Check if ready for transfer (both devices online)
+     */
+    isReadyForTransfer(): boolean;
     /**
      * Close dialog
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicemind.tis/tis-image-and-file-upload-and-view",
-  "version": "1.2.28",
+  "version": "1.2.30",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0",