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

package/bundles/seniorsistemas-angular-components.umd.js

@@ -534,7 +534,7 @@
         TooltipComponent = __decorate([
             core.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;
@@ -11504,7 +11504,9 @@
             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 () {
@@ -11513,70 +11515,82 @@
             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;
@@ -11592,43 +11606,6 @@
             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: core.NgZone },