@seniorsistemas/angular-components 17.26.9-bugfix-sds-309-cfd66723 → 17.26.9-bugfix-sds-307-c6084396

package/fesm5/seniorsistemas-angular-components.js

@@ -389,7 +389,7 @@ var TooltipComponent = /** @class */ (function () {
     TooltipComponent = __decorate([
         Component({
             template: "<div\n   id=\"tooltip\"\n   class=\"tooltip\"\n   [ngClass]=\"['tooltip--' + position]\"\n   [class.tooltip--visible]=\"visible\"\n   [ngStyle]=\"{\n      'left': left + 'px',\n      'top': top + 'px'\n   }\">\n   <ng-template\n      *ngIf=\"escape;\n         then escapeTemplate;\n         else noEscapeTemplate\">\n   </ng-template>   \n</div>\n\n<ng-template #noEscapeTemplate>\n   <span\n      class=\"tooltip__content\"\n      [innerHTML]=\"tooltip\">\n   </span>\n</ng-template>\n\n<ng-template #escapeTemplate>\n   <span class=\"tooltip__content\">\n      {{ tooltip }}\n   </span>\n</ng-template>",
-            styles: [".tooltip{background-color:#000;border-radius:2px;color:#fff;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:21px;opacity:0;padding:8px;position:fixed;transform:translateX(-50%);text-align:center;max-width:220px;word-wrap:break-word;z-index:99999}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip::before{content:\"\";height:0;position:absolute;width:0}.tooltip--bottom{margin-top:5px;transform:translateX(-50%)}.tooltip--bottom::before{border:5px solid transparent;border-bottom:5px solid #000;left:calc(50% - 5px);top:-10px}.tooltip--top{margin-bottom:5px;transform:translate(-50%,-100%)}.tooltip--top::before{border:5px solid transparent;border-top:5px solid #000;left:calc(50% - 5px);bottom:-10px}.tooltip--left{margin-right:28px;transform:translate(calc(-100% - 7px),-50%)}.tooltip--left::before{border:5px solid transparent;border-left:5px solid #000;right:-10px;bottom:calc(50% - 5px)}.tooltip--right{margin-left:7px;transform:translateY(-50%)}.tooltip--right::before{border:5px solid transparent;border-right:5px solid #000;left:-10px;bottom:calc(50% - 5px)}"]
+            styles: [".tooltip{background-color:#000;border-radius:2px;color:#fff;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:21px;opacity:0;padding:8px;transform:translateX(-50%);text-align:center;max-width:220px;word-wrap:break-word;z-index:99999;position:absolute}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip::before{content:\"\";height:0;position:absolute;width:0}.tooltip--bottom{margin-top:5px;transform:translateX(-50%)}.tooltip--bottom::before{border:5px solid transparent;border-bottom:5px solid #000;left:calc(50% - 5px);top:-10px}.tooltip--top{margin-bottom:5px;transform:translate(-50%,-100%)}.tooltip--top::before{border:5px solid transparent;border-top:5px solid #000;left:calc(50% - 5px);bottom:-10px}.tooltip--left{margin-right:28px;transform:translate(calc(-100% - 7px),-50%)}.tooltip--left::before{border:5px solid transparent;border-left:5px solid #000;right:-10px;bottom:calc(50% - 5px)}.tooltip--right{margin-left:7px;transform:translateY(-50%)}.tooltip--right::before{border:5px solid transparent;border-right:5px solid #000;left:-10px;bottom:calc(50% - 5px)}"]
         })
     ], TooltipComponent);
     return TooltipComponent;
@@ -11359,7 +11359,9 @@ var SpeechRecognitionService = /** @class */ (function () {
         this.translateService = translateService;
         this.hasSupportSpeechRecognition = false;
         this.isListening = false;
+        this.hasMicrophoneAccess = false;
         this.TIMEOUT_NO_MESSAGE = 3000;
+        this.verifyMicrophoneState();
         this.setRecognition();
     }
     SpeechRecognitionService.prototype.listen = function () {
@@ -11368,70 +11370,82 @@ var SpeechRecognitionService = /** @class */ (function () {
         if (this.isListening) {
             speechSubject.error('Already listening');
         }
-        this.hasMicrophoneAccess().then(function (hasAccess) {
-            if (!hasAccess) {
-                _this.toastService.show({ severity: 'error', text: _this.translateService.instant('platform.angular_components.no_microphone_permission') });
-                speechSubject.error('Microphone access is disabled');
-                return;
-            }
-            _this.isListening = true;
-            _this.recognition.continuous = true;
-            _this.recognition.interimResults = true;
-            _this.recognition.maxAlternatives = 1;
-            var silenceTimer;
-            var restartSilenceTimer = function () {
-                if (silenceTimer !== undefined) {
-                    clearTimeout(silenceTimer);
+        else if (!this.hasMicrophoneAccess) {
+            this.isListening = false;
+            this.toastService.show({ severity: 'error', text: this.translateService.instant('platform.angular_components.no_microphone_permission') });
+            speechSubject.error('Microphone access is disabled');
+        }
+        else {
+            this.isListening = true;
+            this.recognition.continuous = true;
+            this.recognition.interimResults = true;
+            this.recognition.maxAlternatives = 1;
+            var silenceTimer_1;
+            var restartSilenceTimer_1 = function () {
+                if (silenceTimer_1 !== undefined) {
+                    clearTimeout(silenceTimer_1);
                 }
-                silenceTimer = setTimeout(function () {
+                silenceTimer_1 = setTimeout(function () {
                     _this.recognition.stop();
                 }, _this.TIMEOUT_NO_MESSAGE);
             };
-            var fullTranscript = '';
-            var interimTranscript = '';
-            _this.recognition.onresult = function (event) {
+            var fullTranscript_1 = '';
+            var interimTranscript_1 = '';
+            this.recognition.onresult = function (event) {
                 _this.ngZone.run(function () {
-                    restartSilenceTimer();
+                    restartSilenceTimer_1();
                     var interimTranscript = '';
                     for (var i = event.resultIndex; i < event.results.length; ++i) {
                         var transcript = event.results[i][0].transcript;
                         if (event.results[i].isFinal) {
-                            fullTranscript += transcript + '\n';
+                            fullTranscript_1 += transcript + '\n';
                         }
                         else {
                             interimTranscript += transcript;
                         }
                     }
                     interimTranscript = interimTranscript;
-                    speechSubject.next({ text: fullTranscript + interimTranscript, isFinal: false });
+                    speechSubject.next({ text: fullTranscript_1 + interimTranscript, isFinal: false });
                 });
             };
-            _this.recognition.onerror = function () {
+            this.recognition.onerror = function () {
                 _this.ngZone.run(function () {
-                    if (silenceTimer !== undefined) {
-                        clearTimeout(silenceTimer);
+                    if (silenceTimer_1 !== undefined) {
+                        clearTimeout(silenceTimer_1);
                     }
                     _this.isListening = false;
                     speechSubject.error('Speech recognition error');
                 });
             };
-            _this.recognition.onend = function () {
+            this.recognition.onend = function () {
                 _this.ngZone.run(function () {
-                    if (silenceTimer !== undefined) {
-                        clearTimeout(silenceTimer);
+                    if (silenceTimer_1 !== undefined) {
+                        clearTimeout(silenceTimer_1);
                     }
-                    speechSubject.next({ text: fullTranscript + interimTranscript, isFinal: true });
+                    speechSubject.next({ text: fullTranscript_1 + interimTranscript_1, isFinal: true });
                     _this.isListening = false;
                     speechSubject.complete();
                 });
             };
-            _this.recognition.start();
-        });
+            this.recognition.start();
+        }
         return speechSubject;
     };
     SpeechRecognitionService.prototype.stop = function () {
         this.recognition.stop();
     };
+    SpeechRecognitionService.prototype.verifyMicrophoneState = function () {
+        var _this = this;
+        navigator.permissions.query({ name: 'microphone' }).then(function (result) {
+            var microphoneResultState = result.state;
+            _this.hasMicrophoneAccess = microphoneResultState === 'granted';
+            result.onchange = function () {
+                _this.ngZone.run(function () {
+                    _this.hasMicrophoneAccess = result.state === 'granted';
+                });
+            };
+        });
+    };
     SpeechRecognitionService.prototype.setRecognition = function () {
         var _this = this;
         var _a;
@@ -11447,43 +11461,6 @@ var SpeechRecognitionService = /** @class */ (function () {
         this.recognition.maxAlternatives = 1;
         this.localeService.getLocale().subscribe(function (locale) { return _this.recognition.lang = locale; });
     };
-    SpeechRecognitionService.prototype.hasMicrophoneAccess = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var permission, stream, _a, _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        _c.trys.push([0, 6, , 7]);
-                        return [4 /*yield*/, navigator.permissions.query({ name: 'microphone' })];
-                    case 1:
-                        permission = _c.sent();
-                        if (permission.state === 'denied') {
-                            return [2 /*return*/, false];
-                        }
-                        if (permission.state === 'granted') {
-                            return [2 /*return*/, true];
-                        }
-                        if (!(permission.state === 'prompt')) return [3 /*break*/, 5];
-                        _c.label = 2;
-                    case 2:
-                        _c.trys.push([2, 4, , 5]);
-                        return [4 /*yield*/, navigator.mediaDevices.getUserMedia({ audio: true })];
-                    case 3:
-                        stream = _c.sent();
-                        stream.getTracks().forEach(function (t) { return t.stop(); });
-                        return [2 /*return*/, true];
-                    case 4:
-                        _a = _c.sent();
-                        return [2 /*return*/, false];
-                    case 5: return [2 /*return*/, false];
-                    case 6:
-                        _b = _c.sent();
-                        return [2 /*return*/, false];
-                    case 7: return [2 /*return*/];
-                }
-            });
-        });
-    };
     SpeechRecognitionService.ctorParameters = function () { return [
         { type: LocaleService },
         { type: NgZone },