tas-uell-sdk 0.2.0 → 0.3.0

package/lib/components/tas-btn/tas-btn.component.d.ts

@@ -15,7 +15,6 @@ export declare class TasButtonComponent implements OnInit, OnDestroy {
     currentUser: TasCurrentUser;
     variant: 'default' | 'teal';
     buttonLabel: string;
-    skipStatusCheck: boolean;
     isLoading: boolean;
     isCheckingStatus: boolean;
     isStatusError: boolean;
@@ -53,5 +52,5 @@ export declare class TasButtonComponent implements OnInit, OnDestroy {
     private openWaitingRoomModal;
     private openVideoCallModal;
     static ɵfac: i0.ɵɵFactoryDeclaration<TasButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TasButtonComponent, "tas-btn", never, { "roomType": "roomType"; "entityId": "entityId"; "tenant": "tenant"; "businessRole": "businessRole"; "currentUser": "currentUser"; "variant": "variant"; "buttonLabel": "buttonLabel"; "skipStatusCheck": "skipStatusCheck"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TasButtonComponent, "tas-btn", never, { "roomType": "roomType"; "entityId": "entityId"; "tenant": "tenant"; "businessRole": "businessRole"; "currentUser": "currentUser"; "variant": "variant"; "buttonLabel": "buttonLabel"; }, {}, never, never>;
 }

package/lib/components/tas-feedback-modal/tas-feedback-modal.component.d.ts

@@ -0,0 +1,101 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { TasService } from '../../services/tas.service';
+import { TasBusinessRole, FeedbackMotive } from '../../interfaces/tas.interfaces';
+import * as i0 from "@angular/core";
+export declare class TasFeedbackModalComponent implements OnInit, OnDestroy {
+    activeModal: NgbActiveModal;
+    private tasService;
+    videoCallId: number;
+    tenant: string;
+    businessRole: TasBusinessRole;
+    motives: FeedbackMotive[];
+    filteredMotives: FeedbackMotive[];
+    selectedMotive: FeedbackMotive | null;
+    rating: number;
+    hoverRating: number;
+    observation: string;
+    isSubmitting: boolean;
+    showToast: boolean;
+    isDropdownOpen: boolean;
+    private subscriptions;
+    private toastTimeout;
+    constructor(activeModal: NgbActiveModal, tasService: TasService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Check if current user can see all motives (BUSINESS + TECHNICAL)
+     * Only BACKOFFICE, ADMIN_MANAGER, MANAGER roles see BUSINESS motives
+     */
+    get canSeeBusinessMotives(): boolean;
+    /**
+     * Observation is required when "Otro problema tecnico" is selected
+     */
+    get isObservationRequired(): boolean;
+    /**
+     * Can submit if rating > 0 OR motive is selected
+     * If observation is required, it must not be empty
+     */
+    get canSubmit(): boolean;
+    /**
+     * Progress percentage for the divider line
+     * 0 = nothing selected, 50 = one selected, 100 = both selected
+     */
+    get feedbackProgress(): number;
+    /**
+     * Set star rating
+     */
+    setRating(value: number): void;
+    /**
+     * Set hover preview rating
+     */
+    setHoverRating(value: number): void;
+    /**
+     * Clear hover preview
+     */
+    clearHoverRating(): void;
+    /**
+     * Get the display rating (hover preview or actual)
+     */
+    getDisplayRating(): number;
+    /**
+     * Toggle dropdown open/close
+     */
+    toggleDropdown(): void;
+    /**
+     * Close dropdown
+     */
+    closeDropdown(): void;
+    /**
+     * Select a motive from dropdown
+     */
+    selectMotive(motive: FeedbackMotive): void;
+    /**
+     * Clear selected motive
+     */
+    clearMotive(): void;
+    /**
+     * Submit feedback
+     */
+    submit(): void;
+    /**
+     * Close modal without saving
+     */
+    dismiss(): void;
+    /**
+     * Load motives from API
+     */
+    private loadMotives;
+    /**
+     * Filter motives based on user role
+     * USERs see only TECHNICAL motives
+     * Owners (BACKOFFICE, ADMIN_MANAGER, MANAGER) see all motives
+     */
+    private filterMotives;
+    /**
+     * Show toast notification and auto-dismiss after 3s
+     */
+    private showToastNotification;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TasFeedbackModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TasFeedbackModalComponent, "tas-feedback-modal", never, { "videoCallId": "videoCallId"; "tenant": "tenant"; "businessRole": "businessRole"; }, {}, never, never>;
+}

package/lib/components/tas-floating-call/tas-floating-call.component.d.ts

@@ -9,12 +9,17 @@ export declare class TasFloatingCallComponent implements OnInit, OnDestroy {
     isMuted: boolean;
     private subscriptions;
     private videoCallModalRef;
+    private feedbackShown;
     constructor(tasService: TasService, modalService: NgbModal);
     ngOnInit(): void;
     ngOnDestroy(): void;
     onExpand(): void;
     onHangUp(): void;
     toggleMute(): void;
+    /**
+     * Open feedback modal when call ends from PiP mode
+     */
+    private openFeedbackModal;
     private setupSubscriptions;
     private openVideoCallModal;
     private readonly PIP_MARGIN;

package/lib/components/tas-incoming-appointment/tas-incoming-appointment.component.d.ts

@@ -15,16 +15,27 @@ export declare class TasIncomingAppointmentComponent implements OnInit, OnDestro
     appointments: TasAppointment[];
     isLoading: boolean;
     hasError: boolean;
+    activeAppointmentId: number | null;
     private subscriptions;
     constructor(tasService: TasService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     private loadAppointments;
+    /**
+     * Check status endpoint to get the active appointmentId
+     */
+    private checkStatus;
     onEnterCall(appointment: TasAppointment): void;
     /**
-     * Check if tas-btn should be shown for an appointment (CONFIRMED or ACTIVE status)
+     * Check if tas-btn should be shown for an appointment.
+     * Only shows when appointment.id matches the activeAppointmentId from status API.
+     * tas-btn handles its own polling for joinable state.
      */
     shouldShowTasBtn(appointment: TasAppointment): boolean;
+    /**
+     * TrackBy function for ngFor
+     */
+    trackByAppointmentId(index: number, appointment: TasAppointment): number;
     /**
      * Format date to Spanish format: "Lunes 8 de diciembre"
      */

package/lib/components/tas-videocall/tas-videocall.component.d.ts

@@ -1,6 +1,6 @@
 import { OnInit, OnDestroy, ElementRef, AfterViewInit } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { TasService } from '../../services/tas.service';
 import { GeolocationService } from '../../services/geolocation.service';
 import { CallState, TasBusinessRole, WaitingRoomUser, UserGeoInfo } from '../../interfaces/tas.interfaces';
@@ -18,6 +18,7 @@ export declare class TasVideocallComponent implements OnInit, OnDestroy, AfterVi
     private tasService;
     private geolocationService;
     private sanitizer;
+    private modalService;
     sessionId: string;
     token: string;
     appointmentId?: number;
@@ -47,12 +48,17 @@ export declare class TasVideocallComponent implements OnInit, OnDestroy, AfterVi
     homeIcon: SafeHtml;
     devModeEnabled: boolean;
     private geoPanelDismissed;
+    private feedbackShown;
     private subscriptions;
-    constructor(activeModal: NgbActiveModal, tasService: TasService, geolocationService: GeolocationService, sanitizer: DomSanitizer);
+    constructor(activeModal: NgbActiveModal, tasService: TasService, geolocationService: GeolocationService, sanitizer: DomSanitizer, modalService: NgbModal);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     hangUp(): void;
+    /**
+     * Open feedback modal when call ends
+     */
+    private openFeedbackModal;
     toggleMute(): void;
     minimize(): void;
     toggleSwap(): void;

package/lib/components/tas-waiting-room/tas-waiting-room.component.d.ts

@@ -26,6 +26,7 @@ export declare class TasWaitingRoomComponent implements OnInit, OnDestroy {
     state: WaitingRoomState;
     WaitingRoomState: typeof WaitingRoomState;
     errorMessage: string;
+    showErrorDetails: boolean;
     isJoinable: boolean;
     private resolvedSessionId;
     private resolvedAppointmentId;
@@ -102,6 +103,14 @@ export declare class TasWaitingRoomComponent implements OnInit, OnDestroy {
      * Resets retry count and restarts the flow.
      */
     retry(): void;
+    /**
+     * Toggle the error details dropdown visibility.
+     */
+    toggleErrorDetails(): void;
+    /**
+     * Close the waiting room modal.
+     */
+    close(): void;
     private openVideoCallModal;
     static ɵfac: i0.ɵɵFactoryDeclaration<TasWaitingRoomComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TasWaitingRoomComponent, "tas-waiting-room", never, { "roomType": "roomType"; "entityId": "entityId"; "tenant": "tenant"; "businessRole": "businessRole"; "currentUser": "currentUser"; }, {}, never, never>;

package/lib/interfaces/tas.interfaces.d.ts

@@ -61,6 +61,10 @@ export declare enum ViewMode {
     FULLSCREEN = "FULLSCREEN",
     PIP = "PIP"
 }
+export declare enum FeedbackMotiveType {
+    TECHNICAL = "TECHNICAL",
+    BUSINESS = "BUSINESS"
+}
 export interface TasCurrentUser {
     id: number;
     name: string;
@@ -182,3 +186,16 @@ export interface GetAppointmentsRequest {
     toDate: string;
     entityId?: number;
 }
+export interface SaveFeedbackRequest {
+    videoCallId: number;
+    motiveId: number;
+    motiveType?: FeedbackMotiveType;
+    observation: string;
+    rating: number;
+    tenant: string;
+}
+export interface FeedbackMotive {
+    id: number;
+    description: string;
+    motiveType: FeedbackMotiveType;
+}

package/lib/services/tas.service.d.ts

@@ -1,7 +1,7 @@
 import { TasUtilityService } from './tas-utility.service';
 import { Observable } from 'rxjs';
 import * as OT from '@opentok/client';
-import { GenerateTokenResponse, StartSessionRequest, FinishSessionResponse, ProxyVideoStatusRequest, ProxyVideoStatusResponse, ProxyVideoFinishRequest, ProxyVideoUserModifyRequest, UserCallAction, RoomUserStatus, GeoStatus, TasBusinessRole, CallState, ViewMode, WaitingRoomUser, UserGeoInfo, TasAppointment, GetAppointmentsRequest } from '../interfaces/tas.interfaces';
+import { GenerateTokenResponse, StartSessionRequest, FinishSessionResponse, ProxyVideoStatusRequest, ProxyVideoStatusResponse, ProxyVideoFinishRequest, ProxyVideoUserModifyRequest, UserCallAction, RoomUserStatus, GeoStatus, TasBusinessRole, CallState, ViewMode, WaitingRoomUser, UserGeoInfo, TasAppointment, GetAppointmentsRequest, SaveFeedbackRequest, FeedbackMotive } from '../interfaces/tas.interfaces';
 import { TasConfig, TasHttpClient } from '../config/tas.config';
 import * as i0 from "@angular/core";
 export { CallState, ViewMode, TasBusinessRole, UserCallAction, RoomUserStatus, GeoStatus };
@@ -112,6 +112,19 @@ export declare class TasService {
      * @returns Observable of appointment array
      */
     getAppointments(params: GetAppointmentsRequest): Observable<TasAppointment[]>;
+    /**
+     * Save video call feedback.
+     * POST /v2/proxy/video/save/feedback
+     * @param payload Feedback data including videoCallId, motiveId, motiveType, observation, rating (1-5), and tenant
+     * @returns Observable that completes on success (HTTP 200 OK, no response body)
+     */
+    saveFeedback(payload: SaveFeedbackRequest): Observable<void>;
+    /**
+     * Get available feedback motives.
+     * GET /v2/proxy/video/motives
+     * @returns Observable of feedback motives array
+     */
+    getMotives(): Observable<FeedbackMotive[]>;
     /**
      * Start automatic status polling for the current session.
      * Status is polled every STATUS_POLL_INTERVAL_MS milliseconds.
@@ -133,6 +146,7 @@ export declare class TasService {
     admitUserFromWaitingRoom(userId: number, videoCallId: number): Observable<any>;
     get appointmentId(): number | null;
     get videoCallId(): number | null;
+    get tenant(): string | null;
     /**
      * Connects to a TokBox video session
      */

package/lib/tas-uell-sdk.module.d.ts

@@ -7,9 +7,10 @@ import * as i3 from "./components/tas-floating-call/tas-floating-call.component"
 import * as i4 from "./components/tas-waiting-room/tas-waiting-room.component";
 import * as i5 from "./components/tas-avatar/tas-avatar.component";
 import * as i6 from "./components/tas-incoming-appointment/tas-incoming-appointment.component";
-import * as i7 from "@angular/common";
-import * as i8 from "@angular/forms";
-import * as i9 from "@ng-bootstrap/ng-bootstrap";
+import * as i7 from "./components/tas-feedback-modal/tas-feedback-modal.component";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/forms";
+import * as i10 from "@ng-bootstrap/ng-bootstrap";
 export declare class TasUellSdkModule {
     /**
      * Use forRoot() to configure the TAS SDK module with required dependencies.
@@ -45,6 +46,6 @@ export declare class TasUellSdkModule {
         httpClient: new (...args: any[]) => TasHttpClient;
     }): ModuleWithProviders<TasUellSdkModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TasUellSdkModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TasUellSdkModule, [typeof i1.TasButtonComponent, typeof i2.TasVideocallComponent, typeof i3.TasFloatingCallComponent, typeof i4.TasWaitingRoomComponent, typeof i5.TasAvatarComponent, typeof i6.TasIncomingAppointmentComponent], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.NgbTooltipModule], [typeof i1.TasButtonComponent, typeof i2.TasVideocallComponent, typeof i3.TasFloatingCallComponent, typeof i4.TasWaitingRoomComponent, typeof i5.TasAvatarComponent, typeof i6.TasIncomingAppointmentComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TasUellSdkModule, [typeof i1.TasButtonComponent, typeof i2.TasVideocallComponent, typeof i3.TasFloatingCallComponent, typeof i4.TasWaitingRoomComponent, typeof i5.TasAvatarComponent, typeof i6.TasIncomingAppointmentComponent, typeof i7.TasFeedbackModalComponent], [typeof i8.CommonModule, typeof i9.FormsModule, typeof i10.NgbTooltipModule], [typeof i1.TasButtonComponent, typeof i2.TasVideocallComponent, typeof i3.TasFloatingCallComponent, typeof i4.TasWaitingRoomComponent, typeof i5.TasAvatarComponent, typeof i6.TasIncomingAppointmentComponent, typeof i7.TasFeedbackModalComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TasUellSdkModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tas-uell-sdk",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "TAS (Telemedicine Assistance Service) SDK for Angular applications - Video call functionality using TokBox/Vonage",
   "peerDependencies": {
     "@angular/common": "^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0",

package/public-api.d.ts

@@ -9,4 +9,5 @@ export * from './lib/components/tas-videocall/tas-videocall.component';
 export * from './lib/components/tas-floating-call/tas-floating-call.component';
 export * from './lib/components/tas-avatar/tas-avatar.component';
 export * from './lib/components/tas-incoming-appointment/tas-incoming-appointment.component';
+export * from './lib/components/tas-feedback-modal/tas-feedback-modal.component';
 export * from './lib/tas-uell-sdk.module';

package/src/lib/styles/tas-global.scss

@@ -34,3 +34,20 @@
     padding: 0;
   }
 }
+
+/* TAS Feedback Modal - global styles for NgbModal wrapper */
+.tas-feedback-modal-wrapper {
+  .modal-dialog {
+    max-width: 480px;
+  }
+  .modal-content {
+    border: none;
+    border-radius: 20px;
+    background: #ffffff;
+    overflow: hidden;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
+  }
+  .modal-body {
+    padding: 0;
+  }
+}