tas-uell-sdk 0.1.0 → 0.1.1

package/fesm2020/tas-uell-sdk.mjs

@@ -92,12 +92,72 @@ var AppointmentStatus;
 (function (AppointmentStatus) {
     AppointmentStatus["CONFIRMED"] = "CONFIRMED";
     AppointmentStatus["CANCELLED"] = "CANCELLED";
+    AppointmentStatus["RESCHEDULED"] = "RESCHEDULED";
 })(AppointmentStatus || (AppointmentStatus = {}));
 
+class TasUtilityService {
+    /**
+     * Determines if the button should be shown based on the error message.
+     * Returns false if the error message matches any of the patterns that indicate
+     * the button should be hidden (but polling should continue).
+     *
+     * @param errorMessage The error message from the status call
+     * @returns true if button should be shown, false if it should be hidden
+     */
+    shouldShowButton(errorMessage) {
+        if (!errorMessage) {
+            return true;
+        }
+        const message = errorMessage.trim();
+        // List of error messages that should hide the button
+        const hideButtonMessages = [
+            'Debe enviarse sessionId o roomType + entityId',
+            'No existe videollamada con ese sessionId',
+            'Usuario no pertenece a la llamada',
+        ];
+        // Check exact matches
+        if (hideButtonMessages.some((msg) => message === msg)) {
+            return false;
+        }
+        // Check pattern match for "No existe videocall vigente para roomType=x y entityId=x"
+        // Using startsWith as primary check to handle any variations
+        if (message.startsWith('No existe videocall vigente para roomType=')) {
+            return false;
+        }
+        // Also check regex pattern as backup
+        const vigentePattern = /^No existe videocall vigente para roomType=.+ y entityId=\s*\d+$/;
+        if (vigentePattern.test(message)) {
+            return false;
+        }
+        return true;
+    }
+    /**
+     * Check if at least one OWNER has joined the call.
+     */
+    checkIfOwnerJoined(users) {
+        return users.some((u) => u.rol === 'OWNER' && u.status === 'JOINED');
+    }
+    /**
+     * Extract error message from various error structures.
+     */
+    extractErrorMessage(err, fallback = 'Error desconocido') {
+        return err?.error?.message || err?.message || fallback;
+    }
+}
+TasUtilityService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TasUtilityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TasUtilityService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TasUtilityService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TasUtilityService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class TasService {
-    constructor(httpClient, config) {
+    constructor(httpClient, config, tasUtilityService) {
         this.httpClient = httpClient;
         this.config = config;
+        this.tasUtilityService = tasUtilityService;
         this.session = null;
         this.publisher = null;
         this.subscribers = [];
@@ -433,8 +493,12 @@ class TasService {
      * @returns Observable of appointment array
      */
     getAppointments(params) {
+        let url = `v2/proxy/appointment/agendas/user/appointments?fromDate=${params.fromDate}&toDate=${params.toDate}&roomType=TAS`;
+        if (params.entityId !== undefined) {
+            url += `&entityId=${params.entityId}`;
+        }
         return this.httpClient
-            .get(`v2/proxy/appointment/agendas/user/appointments?fromDate=${params.fromDate}&toDate=${params.toDate}`, { headers: {} })
+            .get(url, { headers: {} })
             .pipe(catchError((error) => {
             console.error('TAS Service: getAppointments failed', error);
             throw error;
@@ -492,7 +556,7 @@ class TasService {
             this.allGeoGrantedSubject.next(content.allGeoGranted);
         }
         // Check if owner has joined
-        const ownerJoined = this.checkIfOwnerJoined(content.users);
+        const ownerJoined = this.tasUtilityService.checkIfOwnerJoined(content.users);
         this.ownerHasJoinedSubject.next(ownerJoined);
         // Detect if owner left: was present, now not present
         if (this.wasOwnerPresent && !ownerJoined) {
@@ -512,12 +576,6 @@ class TasService {
         }));
         this.waitingRoomUsersSubject.next(waitingUsers);
     }
-    /**
-     * Check if at least one OWNER has joined the call.
-     */
-    checkIfOwnerJoined(users) {
-        return users.some((u) => u.rol === TasUserRole.OWNER && u.status === 'JOINED');
-    }
     /**
      * Admit a user from the waiting room by changing their status.
      */
@@ -680,7 +738,7 @@ class TasService {
         this.movePublisherTo('publisher-container');
     }
 }
-TasService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TasService, deps: [{ token: TAS_HTTP_CLIENT }, { token: TAS_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+TasService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TasService, deps: [{ token: TAS_HTTP_CLIENT }, { token: TAS_CONFIG }, { token: TasUtilityService }], target: i0.ɵɵFactoryTarget.Injectable });
 TasService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TasService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TasService, decorators: [{
             type: Injectable,
@@ -693,7 +751,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [TAS_CONFIG]
-                }] }]; } });
+                }] }, { type: TasUtilityService }]; } });
 
 class GeolocationService {
     constructor() {
@@ -1477,9 +1535,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }] } });
 
 class TasButtonComponent {
-    constructor(modalService, tasService) {
+    constructor(modalService, tasService, tasUtilityService) {
         this.modalService = modalService;
         this.tasService = tasService;
+        this.tasUtilityService = tasUtilityService;
         // Status endpoint params
         this.roomType = TasRoomType.TAS;
         this.businessRole = TasBusinessRole.USER;
@@ -1492,6 +1551,7 @@ class TasButtonComponent {
         this.isStatusError = false;
         this.statusErrorMessage = '';
         this.isJoinable = false; // Tracks joinable field from status response
+        this.shouldShowButton = true; // Controls button visibility
         this.subscriptions = new Subscription();
         this.currentModalRef = null;
         this.videoCallModalRef = null;
@@ -1566,38 +1626,37 @@ class TasButtonComponent {
         }
         this.isCheckingStatus = true;
         this.statusErrorMessage = '';
-        this.subscriptions.add(this.tasService.getProxyVideoStatus({
+        this.subscriptions.add(this.tasService
+            .getProxyVideoStatus({
             roomType: this.roomType,
             entityId: this.entityId,
             tenant: this.tenant,
             businessRole: this.businessRole,
-        }).subscribe({
+        })
+            .subscribe({
             next: (response) => {
-                // Check if response is actually an error (some HTTP adapters return errors in next)
-                // Also check for undefined/null or missing content
-                const isErrorResponse = !response ||
-                    !response.content ||
-                    response?.ok === false ||
-                    response?.status >= 400 ||
-                    response?.error ||
-                    response?.name === 'HttpErrorResponse';
-                if (isErrorResponse) {
-                    this.isCheckingStatus = false;
-                    this.isStatusError = true;
-                    this.statusErrorMessage = response?.error?.message || response?.message || 'Error checking status';
-                }
-                else {
-                    this.isCheckingStatus = false;
-                    this.isStatusError = false;
-                    this.statusErrorMessage = '';
-                    // Update joinable state from response
-                    this.isJoinable = response.content?.joinable ?? false;
-                }
+                this.isCheckingStatus = false;
+                this.isStatusError = false;
+                this.statusErrorMessage = '';
+                this.shouldShowButton = true;
+                // Update joinable state from response
+                this.isJoinable = response.content?.joinable ?? false;
             },
             error: (err) => {
                 this.isCheckingStatus = false;
-                this.isStatusError = true;
-                this.statusErrorMessage = err?.error?.message || err?.message || 'Error checking status';
+                const errorMessage = this.tasUtilityService.extractErrorMessage(err, 'Error checking status');
+                this.statusErrorMessage = errorMessage;
+                // Use utility service to determine if button should be shown
+                this.shouldShowButton = this.tasUtilityService.shouldShowButton(errorMessage);
+                // Stop polling on error
+                this.stopStatusPolling();
+                // If button should be hidden, don't treat as error
+                if (!this.shouldShowButton) {
+                    this.isStatusError = false;
+                }
+                else {
+                    this.isStatusError = true;
+                }
             },
         }));
     }
@@ -1648,12 +1707,12 @@ class TasButtonComponent {
         });
     }
 }
-TasButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TasButtonComponent, deps: [{ token: i1.NgbModal }, { token: TasService }], target: i0.ɵɵFactoryTarget.Component });
-TasButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TasButtonComponent, selector: "tas-btn", inputs: { roomType: "roomType", entityId: "entityId", tenant: "tenant", businessRole: "businessRole", currentUser: "currentUser", variant: "variant", buttonLabel: "buttonLabel" }, ngImport: i0, template: "<span\n  [ngbTooltip]=\"isDisabled && disabledReason ? disabledReason : null\"\n  container=\"body\"\n  placement=\"top\"\n  tooltipClass=\"tas-btn-tooltip\"\n>\n  <button\n    type=\"button\"\n    class=\"btn btn-primary tas-btn\"\n    [class.tas-btn--teal]=\"variant === 'teal'\"\n    (click)=\"onClick()\"\n    [disabled]=\"isDisabled\"\n  >\n    <i class=\"fa fa-video-camera\" aria-hidden=\"true\" *ngIf=\"!isLoading\"></i>\n    <span *ngIf=\"!isLoading\">{{ buttonLabel }}</span>\n    <span *ngIf=\"isLoading\">Processing...</span>\n  </button>\n</span>\n", styles: [":host{display:inline-block}.tas-btn{background-color:#ee316b!important;color:#fff!important;border-color:#ee316b!important;margin-right:24px;display:flex;padding:6px 14px;justify-content:center;align-items:center;gap:7px;flex-shrink:0;flex-grow:0}.tas-btn:disabled{background-color:#ccc!important;border-color:#ccc!important;cursor:not-allowed}.tas-btn:hover:not(:disabled){background-color:#d62a5f!important;border-color:#d62a5f!important}.tas-btn i{margin-right:5px}.tas-btn--teal{background-color:#0097a7!important;border-color:#0097a7!important;border-radius:24px;padding:10px 24px;font-weight:500;margin-right:0}.tas-btn--teal:hover:not(:disabled){background-color:#00838f!important;border-color:#00838f!important}\n"], directives: [{ type: i1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+TasButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TasButtonComponent, deps: [{ token: i1.NgbModal }, { token: TasService }, { token: TasUtilityService }], target: i0.ɵɵFactoryTarget.Component });
+TasButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TasButtonComponent, selector: "tas-btn", inputs: { roomType: "roomType", entityId: "entityId", tenant: "tenant", businessRole: "businessRole", currentUser: "currentUser", variant: "variant", buttonLabel: "buttonLabel" }, ngImport: i0, template: "<span\n  *ngIf=\"shouldShowButton\"\n  [ngbTooltip]=\"isDisabled && disabledReason ? disabledReason : null\"\n  container=\"body\"\n  placement=\"top\"\n  tooltipClass=\"tas-btn-tooltip\"\n>\n  <button\n    type=\"button\"\n    class=\"btn btn-primary tas-btn\"\n    [class.tas-btn--teal]=\"variant === 'teal'\"\n    (click)=\"onClick()\"\n    [disabled]=\"isDisabled\"\n  >\n    <i class=\"fa fa-video-camera\" aria-hidden=\"true\" *ngIf=\"!isLoading\"></i>\n    <span *ngIf=\"!isLoading\">{{ buttonLabel }}</span>\n    <span *ngIf=\"isLoading\">Processing...</span>\n  </button>\n</span>\n", styles: [":host{display:inline-block}.tas-btn{background-color:#ee316b!important;color:#fff!important;border-color:#ee316b!important;margin-right:24px;display:flex;padding:6px 14px;justify-content:center;align-items:center;gap:7px;flex-shrink:0;flex-grow:0}.tas-btn:disabled{background-color:#ccc!important;border-color:#ccc!important;cursor:not-allowed}.tas-btn:hover:not(:disabled){background-color:#d62a5f!important;border-color:#d62a5f!important}.tas-btn i{margin-right:5px}.tas-btn--teal{background-color:#0097a7!important;border-color:#0097a7!important;border-radius:24px;font-weight:500;margin-right:0;padding:6px 14px}.tas-btn--teal:hover:not(:disabled){background-color:#00838f!important;border-color:#00838f!important}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TasButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tas-btn', template: "<span\n  [ngbTooltip]=\"isDisabled && disabledReason ? disabledReason : null\"\n  container=\"body\"\n  placement=\"top\"\n  tooltipClass=\"tas-btn-tooltip\"\n>\n  <button\n    type=\"button\"\n    class=\"btn btn-primary tas-btn\"\n    [class.tas-btn--teal]=\"variant === 'teal'\"\n    (click)=\"onClick()\"\n    [disabled]=\"isDisabled\"\n  >\n    <i class=\"fa fa-video-camera\" aria-hidden=\"true\" *ngIf=\"!isLoading\"></i>\n    <span *ngIf=\"!isLoading\">{{ buttonLabel }}</span>\n    <span *ngIf=\"isLoading\">Processing...</span>\n  </button>\n</span>\n", styles: [":host{display:inline-block}.tas-btn{background-color:#ee316b!important;color:#fff!important;border-color:#ee316b!important;margin-right:24px;display:flex;padding:6px 14px;justify-content:center;align-items:center;gap:7px;flex-shrink:0;flex-grow:0}.tas-btn:disabled{background-color:#ccc!important;border-color:#ccc!important;cursor:not-allowed}.tas-btn:hover:not(:disabled){background-color:#d62a5f!important;border-color:#d62a5f!important}.tas-btn i{margin-right:5px}.tas-btn--teal{background-color:#0097a7!important;border-color:#0097a7!important;border-radius:24px;padding:10px 24px;font-weight:500;margin-right:0}.tas-btn--teal:hover:not(:disabled){background-color:#00838f!important;border-color:#00838f!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.NgbModal }, { type: TasService }]; }, propDecorators: { roomType: [{
+            args: [{ selector: 'tas-btn', template: "<span\n  *ngIf=\"shouldShowButton\"\n  [ngbTooltip]=\"isDisabled && disabledReason ? disabledReason : null\"\n  container=\"body\"\n  placement=\"top\"\n  tooltipClass=\"tas-btn-tooltip\"\n>\n  <button\n    type=\"button\"\n    class=\"btn btn-primary tas-btn\"\n    [class.tas-btn--teal]=\"variant === 'teal'\"\n    (click)=\"onClick()\"\n    [disabled]=\"isDisabled\"\n  >\n    <i class=\"fa fa-video-camera\" aria-hidden=\"true\" *ngIf=\"!isLoading\"></i>\n    <span *ngIf=\"!isLoading\">{{ buttonLabel }}</span>\n    <span *ngIf=\"isLoading\">Processing...</span>\n  </button>\n</span>\n", styles: [":host{display:inline-block}.tas-btn{background-color:#ee316b!important;color:#fff!important;border-color:#ee316b!important;margin-right:24px;display:flex;padding:6px 14px;justify-content:center;align-items:center;gap:7px;flex-shrink:0;flex-grow:0}.tas-btn:disabled{background-color:#ccc!important;border-color:#ccc!important;cursor:not-allowed}.tas-btn:hover:not(:disabled){background-color:#d62a5f!important;border-color:#d62a5f!important}.tas-btn i{margin-right:5px}.tas-btn--teal{background-color:#0097a7!important;border-color:#0097a7!important;border-radius:24px;font-weight:500;margin-right:0;padding:6px 14px}.tas-btn--teal:hover:not(:disabled){background-color:#00838f!important;border-color:#00838f!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NgbModal }, { type: TasService }, { type: TasUtilityService }]; }, propDecorators: { roomType: [{
                 type: Input
             }], entityId: [{
                 type: Input
@@ -1838,7 +1897,7 @@ class TasIncomingAppointmentComponent {
         const in7Days = new Date(today);
         in7Days.setDate(today.getDate() + 7);
         this.subscriptions.add(this.tasService
-            .getAppointments({ fromDate: this.formatDate(today), toDate: this.formatDate(in7Days) })
+            .getAppointments({ fromDate: this.formatDate(today), toDate: this.formatDate(in7Days), entityId: this.entityId })
             .subscribe({
             next: (response) => {
                 // Handle both array response and wrapped response (e.g., { content: [...] })
@@ -1898,10 +1957,10 @@ class TasIncomingAppointmentComponent {
     }
 }
 TasIncomingAppointmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TasIncomingAppointmentComponent, deps: [{ token: TasService }], target: i0.ɵɵFactoryTarget.Component });
-TasIncomingAppointmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TasIncomingAppointmentComponent, selector: "tas-incoming-appointment", inputs: { roomType: "roomType", entityId: "entityId", tenant: "tenant", businessRole: "businessRole", currentUser: "currentUser" }, outputs: { enterCall: "enterCall" }, ngImport: i0, template: "<div class=\"incoming-appointment-card\">\n  <h3 class=\"card-title\">Pr\u00F3ximo turno</h3>\n\n  <!-- Loading state -->\n  <div class=\"card-content\" *ngIf=\"isLoading\">\n    <div class=\"loading-spinner\"></div>\n  </div>\n\n  <!-- Empty state -->\n  <div class=\"card-content empty-state\" *ngIf=\"!isLoading && !appointment\">\n    <div class=\"icon-container\">\n      <div class=\"icon-circle\">\n        <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n      </div>\n      <span class=\"sparkle sparkle-1\">\u2726</span>\n      <span class=\"sparkle sparkle-2\">\u2726</span>\n      <span class=\"sparkle sparkle-3\">\u2726</span>\n      <span class=\"sparkle sparkle-4\">\u2726</span>\n    </div>\n    <h4 class=\"empty-title\">Todav\u00EDa no ten\u00E9s turnos agendados</h4>\n    <p class=\"empty-subtitle\">\n      En caso de que Medicina Laboral requiera una consulta, lo ver\u00E1s en esta secci\u00F3n.\n    </p>\n  </div>\n\n  <!-- Appointment state -->\n  <div class=\"card-content appointment-state\" *ngIf=\"!isLoading && appointment\">\n    \n    <div class=\"appointment-card\">\n      <div class=\"appointment-header\">\n        <tas-avatar [name]=\"appointment.title\" [size]=\"48\"></tas-avatar>\n        \n        <span class=\"doctor-name\">{{ appointment.title }}</span>\n      </div>\n      <div class=\"appointment-details\">\n        <div class=\"date-time\">\n          <span class=\"date\">{{ formattedDate }}</span>\n          <span class=\"time\">{{ formattedTimeRange }}</span>\n        </div>\n        <tas-btn\n          variant=\"teal\"\n          buttonLabel=\"Ingresar\"\n          [roomType]=\"roomType\"\n          [entityId]=\"entityId\"\n          [tenant]=\"tenant\"\n          [businessRole]=\"businessRole\"\n          [currentUser]=\"currentUser\"\n        ></tas-btn>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.incoming-appointment-card{background:#ffffff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;min-width:360px}.card-title{font-size:16px;font-weight:400;color:#6b7280;margin:0 0 24px}.card-content{display:flex;flex-direction:column;align-items:center}.loading-spinner{width:40px;height:40px;border:3px solid #e0f7fa;border-top-color:#0097a7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:20px 0}.icon-container{position:relative;width:120px;height:120px;margin-bottom:24px}.icon-circle{width:100%;height:100%;background:#e0f7fa;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-circle i{font-size:40px;color:#0097a7}.sparkle{position:absolute;color:#0097a7;font-size:12px}.sparkle-1{top:10px;right:5px}.sparkle-2{top:0;right:30px}.sparkle-3{top:25px;left:0}.sparkle-4{bottom:20px;right:0}.empty-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px}.empty-subtitle{font-size:14px;color:#6b7280;margin:0;max-width:320px;line-height:1.5}.appointment-state{align-items:stretch}.appointment-card{border-radius:12px;border:1px solid var(--Primary-White-Uell50, #8ED1D8);background:#F1FAFA;padding:1.5rem}.appointment-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.doctor-name{overflow:hidden;color:var(--Neutral-GreyDark, #383E52);text-overflow:ellipsis;font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:.016px}.appointment-details{display:flex;justify-content:space-between;align-items:flex-end}.date-time{display:flex;flex-direction:column;gap:4px}.date{color:var(--Neutral-GreyDark, #383E52);font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.06px}.time{font-size:14px;color:var(--Neutral-GreyDark, #383E52);font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:14px;letter-spacing:.04px}\n"], components: [{ type: TasAvatarComponent, selector: "tas-avatar", inputs: ["name", "size"] }, { type: TasButtonComponent, selector: "tas-btn", inputs: ["roomType", "entityId", "tenant", "businessRole", "currentUser", "variant", "buttonLabel"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+TasIncomingAppointmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TasIncomingAppointmentComponent, selector: "tas-incoming-appointment", inputs: { roomType: "roomType", entityId: "entityId", tenant: "tenant", businessRole: "businessRole", currentUser: "currentUser" }, outputs: { enterCall: "enterCall" }, ngImport: i0, template: "<div class=\"incoming-appointment-card\">\n  <h3 class=\"card-title\">Pr\u00F3ximo turno</h3>\n\n  <!-- Loading state -->\n  <div class=\"card-content\" *ngIf=\"isLoading\">\n    <div class=\"loading-spinner\"></div>\n  </div>\n\n  <!-- Empty state -->\n  <div class=\"card-content empty-state\" *ngIf=\"!isLoading && !appointment\">\n    <div class=\"icon-container\">\n      <div class=\"icon-circle\">\n        <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n      </div>\n      <span class=\"sparkle sparkle-1\">\u2726</span>\n      <span class=\"sparkle sparkle-2\">\u2726</span>\n      <span class=\"sparkle sparkle-3\">\u2726</span>\n      <span class=\"sparkle sparkle-4\">\u2726</span>\n    </div>\n    <h4 class=\"empty-title\">Todav\u00EDa no ten\u00E9s turnos agendados</h4>\n    <p class=\"empty-subtitle\">\n      En caso de que Medicina Laboral requiera una consulta, lo ver\u00E1s en esta secci\u00F3n.\n    </p>\n  </div>\n\n  <!-- Appointment state -->\n  <div class=\"card-content appointment-state\" *ngIf=\"!isLoading && appointment\">\n    \n    <div class=\"appointment-card\">\n      <div class=\"appointment-header\">\n        <tas-avatar [name]=\"appointment.title\" [size]=\"48\"></tas-avatar>\n        \n        <span class=\"doctor-name\">{{ appointment.title }}</span>\n      </div>\n      <div class=\"appointment-details\">\n        <div class=\"date-time\">\n          <span class=\"date\">{{ formattedDate }}</span>\n          <span class=\"time\">{{ formattedTimeRange }}</span>\n        </div>\n        <tas-btn\n          variant=\"teal\"\n          buttonLabel=\"Ingresar\"\n          [roomType]=\"appointment.roomType\"\n          [entityId]=\"appointment.entityId\"\n          [tenant]=\"tenant\"\n          [businessRole]=\"businessRole\"\n          [currentUser]=\"currentUser\"\n        ></tas-btn>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.incoming-appointment-card{background:#ffffff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;min-width:360px}.card-title{font-size:16px;font-weight:400;color:#6b7280;margin:0 0 24px}.card-content{display:flex;flex-direction:column;align-items:center}.loading-spinner{width:40px;height:40px;border:3px solid #e0f7fa;border-top-color:#0097a7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:20px 0}.icon-container{position:relative;width:120px;height:120px;margin-bottom:24px}.icon-circle{width:100%;height:100%;background:#e0f7fa;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-circle i{font-size:40px;color:#0097a7}.sparkle{position:absolute;color:#0097a7;font-size:12px}.sparkle-1{top:10px;right:5px}.sparkle-2{top:0;right:30px}.sparkle-3{top:25px;left:0}.sparkle-4{bottom:20px;right:0}.empty-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px}.empty-subtitle{font-size:14px;color:#6b7280;margin:0;max-width:320px;line-height:1.5}.appointment-state{align-items:stretch}.appointment-card{border-radius:12px;border:1px solid var(--Primary-White-Uell50, #8ED1D8);background:#F1FAFA;padding:1.5rem}.appointment-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.doctor-name{overflow:hidden;color:var(--Neutral-GreyDark, #383E52);text-overflow:ellipsis;font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:.016px}.appointment-details{display:flex;justify-content:space-between;align-items:flex-end}.date-time{display:flex;flex-direction:column;gap:4px}.date{color:var(--Neutral-GreyDark, #383E52);font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.06px}.time{font-size:14px;color:var(--Neutral-GreyDark, #383E52);font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:14px;letter-spacing:.04px}\n"], components: [{ type: TasAvatarComponent, selector: "tas-avatar", inputs: ["name", "size"] }, { type: TasButtonComponent, selector: "tas-btn", inputs: ["roomType", "entityId", "tenant", "businessRole", "currentUser", "variant", "buttonLabel"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TasIncomingAppointmentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tas-incoming-appointment', template: "<div class=\"incoming-appointment-card\">\n  <h3 class=\"card-title\">Pr\u00F3ximo turno</h3>\n\n  <!-- Loading state -->\n  <div class=\"card-content\" *ngIf=\"isLoading\">\n    <div class=\"loading-spinner\"></div>\n  </div>\n\n  <!-- Empty state -->\n  <div class=\"card-content empty-state\" *ngIf=\"!isLoading && !appointment\">\n    <div class=\"icon-container\">\n      <div class=\"icon-circle\">\n        <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n      </div>\n      <span class=\"sparkle sparkle-1\">\u2726</span>\n      <span class=\"sparkle sparkle-2\">\u2726</span>\n      <span class=\"sparkle sparkle-3\">\u2726</span>\n      <span class=\"sparkle sparkle-4\">\u2726</span>\n    </div>\n    <h4 class=\"empty-title\">Todav\u00EDa no ten\u00E9s turnos agendados</h4>\n    <p class=\"empty-subtitle\">\n      En caso de que Medicina Laboral requiera una consulta, lo ver\u00E1s en esta secci\u00F3n.\n    </p>\n  </div>\n\n  <!-- Appointment state -->\n  <div class=\"card-content appointment-state\" *ngIf=\"!isLoading && appointment\">\n    \n    <div class=\"appointment-card\">\n      <div class=\"appointment-header\">\n        <tas-avatar [name]=\"appointment.title\" [size]=\"48\"></tas-avatar>\n        \n        <span class=\"doctor-name\">{{ appointment.title }}</span>\n      </div>\n      <div class=\"appointment-details\">\n        <div class=\"date-time\">\n          <span class=\"date\">{{ formattedDate }}</span>\n          <span class=\"time\">{{ formattedTimeRange }}</span>\n        </div>\n        <tas-btn\n          variant=\"teal\"\n          buttonLabel=\"Ingresar\"\n          [roomType]=\"roomType\"\n          [entityId]=\"entityId\"\n          [tenant]=\"tenant\"\n          [businessRole]=\"businessRole\"\n          [currentUser]=\"currentUser\"\n        ></tas-btn>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.incoming-appointment-card{background:#ffffff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;min-width:360px}.card-title{font-size:16px;font-weight:400;color:#6b7280;margin:0 0 24px}.card-content{display:flex;flex-direction:column;align-items:center}.loading-spinner{width:40px;height:40px;border:3px solid #e0f7fa;border-top-color:#0097a7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:20px 0}.icon-container{position:relative;width:120px;height:120px;margin-bottom:24px}.icon-circle{width:100%;height:100%;background:#e0f7fa;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-circle i{font-size:40px;color:#0097a7}.sparkle{position:absolute;color:#0097a7;font-size:12px}.sparkle-1{top:10px;right:5px}.sparkle-2{top:0;right:30px}.sparkle-3{top:25px;left:0}.sparkle-4{bottom:20px;right:0}.empty-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px}.empty-subtitle{font-size:14px;color:#6b7280;margin:0;max-width:320px;line-height:1.5}.appointment-state{align-items:stretch}.appointment-card{border-radius:12px;border:1px solid var(--Primary-White-Uell50, #8ED1D8);background:#F1FAFA;padding:1.5rem}.appointment-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.doctor-name{overflow:hidden;color:var(--Neutral-GreyDark, #383E52);text-overflow:ellipsis;font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:.016px}.appointment-details{display:flex;justify-content:space-between;align-items:flex-end}.date-time{display:flex;flex-direction:column;gap:4px}.date{color:var(--Neutral-GreyDark, #383E52);font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.06px}.time{font-size:14px;color:var(--Neutral-GreyDark, #383E52);font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:14px;letter-spacing:.04px}\n"] }]
+            args: [{ selector: 'tas-incoming-appointment', template: "<div class=\"incoming-appointment-card\">\n  <h3 class=\"card-title\">Pr\u00F3ximo turno</h3>\n\n  <!-- Loading state -->\n  <div class=\"card-content\" *ngIf=\"isLoading\">\n    <div class=\"loading-spinner\"></div>\n  </div>\n\n  <!-- Empty state -->\n  <div class=\"card-content empty-state\" *ngIf=\"!isLoading && !appointment\">\n    <div class=\"icon-container\">\n      <div class=\"icon-circle\">\n        <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n      </div>\n      <span class=\"sparkle sparkle-1\">\u2726</span>\n      <span class=\"sparkle sparkle-2\">\u2726</span>\n      <span class=\"sparkle sparkle-3\">\u2726</span>\n      <span class=\"sparkle sparkle-4\">\u2726</span>\n    </div>\n    <h4 class=\"empty-title\">Todav\u00EDa no ten\u00E9s turnos agendados</h4>\n    <p class=\"empty-subtitle\">\n      En caso de que Medicina Laboral requiera una consulta, lo ver\u00E1s en esta secci\u00F3n.\n    </p>\n  </div>\n\n  <!-- Appointment state -->\n  <div class=\"card-content appointment-state\" *ngIf=\"!isLoading && appointment\">\n    \n    <div class=\"appointment-card\">\n      <div class=\"appointment-header\">\n        <tas-avatar [name]=\"appointment.title\" [size]=\"48\"></tas-avatar>\n        \n        <span class=\"doctor-name\">{{ appointment.title }}</span>\n      </div>\n      <div class=\"appointment-details\">\n        <div class=\"date-time\">\n          <span class=\"date\">{{ formattedDate }}</span>\n          <span class=\"time\">{{ formattedTimeRange }}</span>\n        </div>\n        <tas-btn\n          variant=\"teal\"\n          buttonLabel=\"Ingresar\"\n          [roomType]=\"appointment.roomType\"\n          [entityId]=\"appointment.entityId\"\n          [tenant]=\"tenant\"\n          [businessRole]=\"businessRole\"\n          [currentUser]=\"currentUser\"\n        ></tas-btn>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.incoming-appointment-card{background:#ffffff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;min-width:360px}.card-title{font-size:16px;font-weight:400;color:#6b7280;margin:0 0 24px}.card-content{display:flex;flex-direction:column;align-items:center}.loading-spinner{width:40px;height:40px;border:3px solid #e0f7fa;border-top-color:#0097a7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:20px 0}.icon-container{position:relative;width:120px;height:120px;margin-bottom:24px}.icon-circle{width:100%;height:100%;background:#e0f7fa;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-circle i{font-size:40px;color:#0097a7}.sparkle{position:absolute;color:#0097a7;font-size:12px}.sparkle-1{top:10px;right:5px}.sparkle-2{top:0;right:30px}.sparkle-3{top:25px;left:0}.sparkle-4{bottom:20px;right:0}.empty-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px}.empty-subtitle{font-size:14px;color:#6b7280;margin:0;max-width:320px;line-height:1.5}.appointment-state{align-items:stretch}.appointment-card{border-radius:12px;border:1px solid var(--Primary-White-Uell50, #8ED1D8);background:#F1FAFA;padding:1.5rem}.appointment-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.doctor-name{overflow:hidden;color:var(--Neutral-GreyDark, #383E52);text-overflow:ellipsis;font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:.016px}.appointment-details{display:flex;justify-content:space-between;align-items:flex-end}.date-time{display:flex;flex-direction:column;gap:4px}.date{color:var(--Neutral-GreyDark, #383E52);font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.06px}.time{font-size:14px;color:var(--Neutral-GreyDark, #383E52);font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:14px;letter-spacing:.04px}\n"] }]
         }], ctorParameters: function () { return [{ type: TasService }]; }, propDecorators: { roomType: [{
                 type: Input
             }], entityId: [{
@@ -2001,5 +2060,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AppointmentStatus, CallState, GeolocationService, RoomUserStatus, TAS_CONFIG, TAS_HTTP_CLIENT, TasAvatarComponent, TasBusinessRole, TasButtonComponent, TasFloatingCallComponent, TasIncomingAppointmentComponent, TasRoomType, TasService, TasSessionType, TasUellSdkModule, TasUserRole, TasVideocallComponent, TasWaitingRoomComponent, UserCallAction, UserStatus, VideoSessionStatus, ViewMode, WaitingRoomState };
+export { AppointmentStatus, CallState, GeolocationService, RoomUserStatus, TAS_CONFIG, TAS_HTTP_CLIENT, TasAvatarComponent, TasBusinessRole, TasButtonComponent, TasFloatingCallComponent, TasIncomingAppointmentComponent, TasRoomType, TasService, TasSessionType, TasUellSdkModule, TasUserRole, TasUtilityService, TasVideocallComponent, TasWaitingRoomComponent, UserCallAction, UserStatus, VideoSessionStatus, ViewMode, WaitingRoomState };
 //# sourceMappingURL=tas-uell-sdk.mjs.map