@servicemind.tis/tis-image-and-file-upload-and-view 1.2.29 → 1.2.31

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:
@@ -122,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
      */
@@ -141,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;
@@ -149,6 +150,23 @@ export declare class TisImageAndFileUploadAndViewComponent implements OnDestroy
      * Cancel waiting for mobile upload
      */
     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-image-and-file-upload-and-view.module.d.ts

@@ -8,21 +8,23 @@ import * as i6 from "./tis-file-viewer/tis-video/tis-video.component";
 import * as i7 from "./tis-error-dialog/tis-error-dialog.component";
 import * as i8 from "./tis-confirmation-dialog/tis-confirmation-dialog.component";
 import * as i9 from "./tis-qr-code-dialog/tis-qr-code-dialog.component";
-import * as i10 from "@angular/common";
-import * as i11 from "@angular/common/http";
-import * as i12 from "ngx-extended-pdf-viewer";
-import * as i13 from "@angular/forms";
-import * as i14 from "angularx-qrcode";
-import * as i15 from "@angular/material/tooltip";
-import * as i16 from "@angular/material/icon";
-import * as i17 from "@angular/material/snack-bar";
-import * as i18 from "@angular/material/progress-spinner";
-import * as i19 from "@angular/material/input";
-import * as i20 from "@angular/material/button";
-import * as i21 from "@angular/material/dialog";
-import * as i22 from "@angular/cdk/drag-drop";
+import * as i10 from "./tis-view-connection-dialog/tis-view-connection-dialog.component";
+import * as i11 from "@angular/common";
+import * as i12 from "@angular/common/http";
+import * as i13 from "ngx-extended-pdf-viewer";
+import * as i14 from "@angular/forms";
+import * as i15 from "angularx-qrcode";
+import * as i16 from "@angular/material/tooltip";
+import * as i17 from "@angular/material/icon";
+import * as i18 from "@angular/material/snack-bar";
+import * as i19 from "@angular/material/progress-spinner";
+import * as i20 from "@angular/material/input";
+import * as i21 from "@angular/material/button";
+import * as i22 from "@angular/material/dialog";
+import * as i23 from "@angular/material/divider";
+import * as i24 from "@angular/cdk/drag-drop";
 export declare class TisImageAndFileUploadAndViewModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TisImageAndFileUploadAndViewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TisImageAndFileUploadAndViewModule, [typeof i1.TisImageAndFileUploadAndViewComponent, typeof i2.TisPreviewImageComponent, typeof i3.TisFileViewerComponent, typeof i4.TisExcelFileViewerComponent, typeof i5.TisPdfViewerComponent, typeof i6.TisVideoComponent, typeof i7.TisErrorDialogComponent, typeof i8.TisConfirmationDialogComponent, typeof i9.TisQrCodeDialogComponent], [typeof i10.CommonModule, typeof i11.HttpClientModule, typeof i12.NgxExtendedPdfViewerModule, typeof i13.FormsModule, typeof i13.ReactiveFormsModule, typeof i14.QRCodeComponent, typeof i15.MatTooltipModule, typeof i16.MatIconModule, typeof i17.MatSnackBarModule, typeof i18.MatProgressSpinnerModule, typeof i19.MatInputModule, typeof i20.MatButtonModule, typeof i21.MatDialogModule, typeof i22.DragDropModule], [typeof i1.TisImageAndFileUploadAndViewComponent, typeof i9.TisQrCodeDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TisImageAndFileUploadAndViewModule, [typeof i1.TisImageAndFileUploadAndViewComponent, typeof i2.TisPreviewImageComponent, typeof i3.TisFileViewerComponent, typeof i4.TisExcelFileViewerComponent, typeof i5.TisPdfViewerComponent, typeof i6.TisVideoComponent, typeof i7.TisErrorDialogComponent, typeof i8.TisConfirmationDialogComponent, typeof i9.TisQrCodeDialogComponent, typeof i10.TisViewConnectionDialogComponent], [typeof i11.CommonModule, typeof i12.HttpClientModule, typeof i13.NgxExtendedPdfViewerModule, typeof i14.FormsModule, typeof i14.ReactiveFormsModule, typeof i15.QRCodeComponent, typeof i16.MatTooltipModule, typeof i17.MatIconModule, typeof i18.MatSnackBarModule, typeof i19.MatProgressSpinnerModule, typeof i20.MatInputModule, typeof i21.MatButtonModule, typeof i22.MatDialogModule, typeof i23.MatDividerModule, typeof i24.DragDropModule], [typeof i1.TisImageAndFileUploadAndViewComponent, typeof i9.TisQrCodeDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TisImageAndFileUploadAndViewModule>;
 }

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

@@ -1,7 +1,6 @@
 import { OnInit, OnDestroy } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
-import { TisRemoteUploadService } from '../services/tis-remote-upload.service';
-import { TisRemoteUploadEvent } from '../interfaces/socket-adapter.interface';
+import { TisRemoteUploadService, DevicesOnlineStatus } from '../services/tis-remote-upload.service';
 import * as i0 from "@angular/core";
 export interface FieldInfo {
     label?: string;
@@ -18,7 +17,6 @@ export interface TisQrCodeDialogData {
     subtitle?: string;
     qrSize?: number;
     showCountdown?: boolean;
-    autoCloseOnUpload?: boolean;
     fieldInfo?: FieldInfo;
 }
 export declare class TisQrCodeDialogComponent implements OnInit, OnDestroy {
@@ -33,9 +31,10 @@ export declare class TisQrCodeDialogComponent implements OnInit, OnDestroy {
     isConnected: boolean;
     errorMessage: string | null;
     connectionStatus: 'disconnected' | 'pending' | 'connected';
-    uploadedFiles: TisRemoteUploadEvent[];
     desktopDeviceId: string;
     mobileDeviceId: string | null;
+    devicesStatus: DevicesOnlineStatus | null;
+    isCheckingStatus: boolean;
     private destroy$;
     private countdownSubscription;
     constructor(dialogRef: MatDialogRef<TisQrCodeDialogComponent>, data: TisQrCodeDialogData, remoteUploadService: TisRemoteUploadService);
@@ -64,6 +63,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/lib/tis-view-connection-dialog/tis-view-connection-dialog.component.d.ts

@@ -0,0 +1,48 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { TisRemoteUploadService, DevicesOnlineStatus } from '../services/tis-remote-upload.service';
+import * as i0 from "@angular/core";
+interface MobileConnectionInfo {
+    mobileDeviceId: string;
+    connectedAt: number;
+    lastActivity: number;
+}
+export interface TisViewConnectionDialogData {
+    title?: string;
+}
+export declare class TisViewConnectionDialogComponent implements OnInit, OnDestroy {
+    dialogRef: MatDialogRef<TisViewConnectionDialogComponent>;
+    data: TisViewConnectionDialogData;
+    private remoteUploadService;
+    private destroy$;
+    mobileConnection: MobileConnectionInfo | null;
+    devicesStatus: DevicesOnlineStatus | null;
+    isCheckingStatus: boolean;
+    disconnecting: boolean;
+    constructor(dialogRef: MatDialogRef<TisViewConnectionDialogComponent>, data: TisViewConnectionDialogData, remoteUploadService: TisRemoteUploadService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Refresh device online status
+     */
+    refreshStatus(): Promise<void>;
+    /**
+     * Disconnect from mobile device
+     */
+    disconnect(): Promise<void>;
+    /**
+     * Close dialog without disconnecting
+     */
+    close(): void;
+    /**
+     * Get formatted connection time
+     */
+    getConnectionDuration(): string;
+    /**
+     * Get last ping time formatted
+     */
+    getLastPing(timestamp: number | undefined): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TisViewConnectionDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TisViewConnectionDialogComponent, "tis-view-connection-dialog", never, {}, {}, never, never, false, never>;
+}
+export {};

package/package.json

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