vue-intergrall-plugins 1.1.40 → 1.1.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8258,6 +8258,10 @@ var script$c = {
8258
8258
  transcriptionText: {
8259
8259
  type: String,
8260
8260
  default: ""
8261
+ },
8262
+ transcriptionLoading: {
8263
+ type: Boolean,
8264
+ default: false
8261
8265
  }
8262
8266
  },
8263
8267
  data: function data() {
@@ -8335,11 +8339,11 @@ var __vue_render__$c = function __vue_render__() {
8335
8339
  attrs: {
8336
8340
  "icon": ['fas', 'file-alt']
8337
8341
  }
8338
- }), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.filename) + ">" + _vm._ssrEscape(_vm._s(_vm.filename)) + "</p>")], 2), _vm._ssrNode(" " + (_vm.audio && _vm.hasTranscription ? "<div class=\"transcription-controls\">" + _vm._ssrEscape("\n " + _vm._s(_vm.dictionary.transcricaoControl || 'Transcrever') + "\n ") + "</div>" : "<!---->") + " "), _vm.audio && _vm.transcriptionText ? _vm._ssrNode("<div class=\"transcription-container\">", "</div>", [_vm._ssrNode("<div class=\"transcription-header\">", "</div>", [_vm._ssrNode((!_vm.hideTranscription ? "<p>" + _vm._ssrEscape(_vm._s((_vm.dictionary.transcricaoLabel || 'Transcricao') + ": ")) + "</p>" : "<!---->") + " "), _vm._ssrNode("<button class=\"transcription-button\">", "</button>", [_c('fa-icon', {
8342
+ }), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.filename) + ">" + _vm._ssrEscape(_vm._s(_vm.filename)) + "</p>")], 2), _vm._ssrNode(" " + (_vm.audio && _vm.hasTranscription ? "<div class=\"transcription-controls\">" + _vm._ssrEscape("\n " + _vm._s(_vm.dictionary.transcricaoControl || 'Transcrever') + "\n ") + "</div>" : "<!---->") + " "), _vm.audio && _vm.transcriptionText ? _vm._ssrNode("<div class=\"transcription-container\">", "</div>", [_vm._ssrNode("<div class=\"transcription-header\">", "</div>", [_vm._ssrNode((!_vm.hideTranscription ? "<p>" + _vm._ssrEscape(_vm._s((_vm.dictionary.transcricaoLabel || '') + ": ")) + "</p>" : "<!---->") + " "), _vm._ssrNode("<button class=\"transcription-button\">", "</button>", [_c('fa-icon', {
8339
8343
  attrs: {
8340
8344
  "icon": ['fas', "caret-" + (_vm.hideTranscription ? 'down' : 'up')]
8341
8345
  }
8342
- })], 1)], 2), _vm._ssrNode(" " + (!_vm.hideTranscription ? "<p class=\"transcription-text\">" + _vm._ssrEscape(_vm._s(_vm.transcriptionText)) + "</p>" : "<!---->"))], 2) : _vm._e(), _vm._ssrNode(" "), _vm.showControlFiles ? _vm._ssrNode("<div class=\"file-actions\">", "</div>", [_vm.imageURL ? _vm._ssrNode("<span class=\"file-action-button\">", "</span>", [_c('fa-icon', {
8346
+ })], 1)], 2), _vm._ssrNode(" "), _vm.transcriptionLoading ? _vm._ssrNode("<div class=\"transcription-loader\">", "</div>", [_c('VueLoader')], 1) : !_vm.hideTranscription ? _vm._ssrNode("<p class=\"transcription-text\">" + _vm._ssrEscape(_vm._s(_vm.transcriptionText)) + "</p>") : _vm._e()], 2) : _vm._e(), _vm._ssrNode(" "), _vm.showControlFiles ? _vm._ssrNode("<div class=\"file-actions\">", "</div>", [_vm.imageURL ? _vm._ssrNode("<span class=\"file-action-button\">", "</span>", [_c('fa-icon', {
8343
8347
  directives: [{
8344
8348
  name: "tippy",
8345
8349
  rawName: "v-tippy"
@@ -8439,11 +8443,11 @@ var __vue_staticRenderFns__$c = [];
8439
8443
  /* style */
8440
8444
  var __vue_inject_styles__$c = function __vue_inject_styles__(inject) {
8441
8445
  if (!inject) return;
8442
- inject("data-v-0bd81928_0", {
8443
- source: ".transcription-container{display:flex;flex-wrap:wrap;width:100%}.transcription-header{display:flex;justify-content:flex-end;align-items:center;gap:10px;width:100%}.transcription-header>p{flex:1}.transcription-button{background-color:transparent;border:none;cursor:pointer;transition:background 150ms ease-in-out;border-radius:5px;display:flex;justify-content:center;align-items:center}.transcription-button:hover{background:rgba(0,0,0,.1)}.transcription-controls{margin-top:10px;color:#00f;cursor:pointer}.transcription-controls:hover{text-decoration:underline}.transcription-text{white-space:break-spaces;color:rgba(0,0,0,.6)}.tippy-tooltip.light-theme .tippy-backdrop{background-color:#fff}.tippy-tooltip.light-theme{background-color:#fff;border:1px solid #ccc;color:#333;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.tippy-confirmation p{margin-bottom:3px}.tippy-confirmation button{border:unset;background-color:#f1f1f1;border-radius:3px;padding:5px 8px;cursor:pointer;font-size:12px}.tippy-confirmation button.cancel{border-bottom:2px solid red;margin-right:15px}.tippy-confirmation button.confirm{border-bottom:2px solid green}",
8446
+ inject("data-v-98d08068_0", {
8447
+ source: ".transcription-container{display:flex;flex-wrap:wrap;width:100%}.transcription-header{display:flex;justify-content:flex-end;align-items:center;gap:10px;width:100%}.transcription-header>p{flex:1}.transcription-button{background-color:transparent;border:none;cursor:pointer;transition:background 150ms ease-in-out;border-radius:5px;display:flex;justify-content:center;align-items:center}.transcription-button:hover{background:rgba(0,0,0,.1)}.transcription-controls{margin-top:10px;color:#00f;cursor:pointer}.transcription-controls:hover{text-decoration:underline}.transcription-loader{position:relative;height:30px;width:100%}.transcription-text{white-space:break-spaces;color:rgba(0,0,0,.6)}.tippy-tooltip.light-theme .tippy-backdrop{background-color:#fff}.tippy-tooltip.light-theme{background-color:#fff;border:1px solid #ccc;color:#333;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.tippy-confirmation p{margin-bottom:3px}.tippy-confirmation button{border:unset;background-color:#f1f1f1;border-radius:3px;padding:5px 8px;cursor:pointer;font-size:12px}.tippy-confirmation button.cancel{border-bottom:2px solid red;margin-right:15px}.tippy-confirmation button.confirm{border-bottom:2px solid green}",
8444
8448
  map: undefined,
8445
8449
  media: undefined
8446
- }), inject("data-v-0bd81928_1", {
8450
+ }), inject("data-v-98d08068_1", {
8447
8451
  source: ".mensagem__principal .default-doc{background-color:var(--files-bg)}.mensagem__principal .default-doc:hover{background-color:var(--files-bg-hover)}.mensagem__outros .default-doc{background-color:rgba(100,100,100,.1)}.mensagem__outros .default-doc:hover{background-color:rgba(100,100,100,.3)}.default-doc:hover p{text-decoration:underline}.default-doc{display:flex;align-items:center;padding:10px;border-radius:5px;width:100%;max-width:100%;cursor:pointer;transition:background-color 150ms ease-in-out}.default-doc svg{font-size:19.2px;margin:0 5px}.default-doc p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{display:flex;justify-content:flex-end;width:100%;padding:5px}.file-actions a{margin-right:0}.mensagem__principal .file-action-button{background-color:var(--files-bg)}.mensagem__outros .file-action-button{background-color:rgba(100,100,100,.1)}.mensagem__principal .file-action-button:hover{background-color:var(--files-bg-hover)}.mensagem__outros .file-action-button:hover{background-color:rgba(100,100,100,.3)}.file-action-button{display:flex;justify-content:center;align-items:center;margin-left:12px;cursor:pointer;padding:5px;border-radius:5px;transition:background-color 150ms ease-in-out}.file-action-button a{margin:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-div-anexo{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container{width:100%;margin-top:5px;overflow:hidden;display:flex;max-height:300px}.anexo-container .arquivo-erro,.anexo-container a{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro,.anexo-container p{margin:0;margin-left:15px;font-size:14.4px}.anexo-container svg{font-size:32px}.anexo-mensagem audio .divAudioPai{outline:0;width:100%;margin-bottom:5px}.audioStyle{width:370px;min-width:calc(100% - 45px)}.divAudioPai{display:flex;background-color:#f1f3f4;border-radius:50%;width:100%;border-bottom-right-radius:26px;border-top-right-radius:26px}.anexo-mensagem video{flex:1;width:100%;max-width:350px;cursor:pointer;margin-bottom:5px}.anexos-links-container{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg{cursor:pointer}.mensagem-div-anexo img{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition{width:100%;height:100%}.anexo-mensagem{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert{position:relative;padding:10.4px 19.2px;margin:5px 0;border:1px solid transparent;border-radius:4px;text-align:center}.alert svg{font-size:16.4px;margin-right:2px}.pdf{color:#e74c3c}.doc{color:#006bc9}",
8448
8452
  map: undefined,
8449
8453
  media: undefined
@@ -8452,7 +8456,7 @@ var __vue_inject_styles__$c = function __vue_inject_styles__(inject) {
8452
8456
  /* scoped */
8453
8457
  var __vue_scope_id__$c = undefined;
8454
8458
  /* module identifier */
8455
- var __vue_module_identifier__$c = "data-v-0bd81928";
8459
+ var __vue_module_identifier__$c = "data-v-98d08068";
8456
8460
  /* functional template */
8457
8461
  var __vue_is_functional_template__$c = false;
8458
8462
  /* style inject shadow dom */
@@ -9022,7 +9026,7 @@ var LinkPreview = __vue_component__$d;var script$7 = {
9022
9026
  LinkPreview: LinkPreview,
9023
9027
  Picker: Picker
9024
9028
  },
9025
- props: ["hasTranscription", "transcriptionText", "grupoAtendimento", "emitContactClick", "smartchannel", "messageIndex", "dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio", "corMsg", "interatividade", "msgReply", "hasReply", "iniDialogo", "dialogoId", "dialogoOrigem", "expSessao", "referenceSelector", "replyMessage", "isReply", "defaultReplyMessage", "showReplyIcon", "showControlFiles", "showMenu", "id_ext_msg", "tipo_origem"],
9029
+ props: ["hasTranscription", "transcriptionText", "transcriptionLoading", "emitContactClick", "smartchannel", "messageIndex", "dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio", "corMsg", "interatividade", "msgReply", "hasReply", "iniDialogo", "dialogoId", "dialogoOrigem", "expSessao", "referenceSelector", "replyMessage", "isReply", "defaultReplyMessage", "showReplyIcon", "showControlFiles", "showMenu", "id_ext_msg", "tipo_origem"],
9026
9030
  created: function created() {
9027
9031
  if (!this.$root.$refs.chatMessages) this.$root.$refs.chatMessages = this;
9028
9032
  },
@@ -9124,7 +9128,6 @@ var LinkPreview = __vue_component__$d;var script$7 = {
9124
9128
  emitTranscription: function emitTranscription(anexo) {
9125
9129
  var deepCopyData = JSON.parse(JSON.stringify({
9126
9130
  anexo: anexo,
9127
- grupo: this.grupoAtendimento,
9128
9131
  seq: this.seq
9129
9132
  }));
9130
9133
  this.$emit("transcribe-audio", deepCopyData);
@@ -9398,7 +9401,7 @@ var __vue_render__$7 = function __vue_render__() {
9398
9401
  }
9399
9402
  }) : _vm._e(), _vm._v("\n " + _vm._s(_vm.defaultReplyMessage ? _vm.defaultReplyMessage : _vm.dictionary.mensagem_reply_padrao) + "\n ")], 1)]) : _vm._e(), _vm._v(" "), _vm.anexos && _vm.anexos.length ? _vm._l(_vm.anexos, function (anexo, index) {
9400
9403
  return _c('div', {
9401
- key: index,
9404
+ key: index + "_" + _vm.transcriptionLoading,
9402
9405
  staticClass: "mensagem-anexo"
9403
9406
  }, [_c('AnexoMensagem', {
9404
9407
  attrs: {
@@ -9812,7 +9815,7 @@ var __vue_staticRenderFns__$7 = [];
9812
9815
  /* style */
9813
9816
  var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
9814
9817
  if (!inject) return;
9815
- inject("data-v-689dd55b_0", {
9818
+ inject("data-v-e6de5e02_0", {
9816
9819
  source: ":root{--message-color:#373737;--text-color:#fff;--files-bg:rgba(255, 255, 255, 0.1);--files-bg-hover:rgba(255, 255, 255, 0.1);--light:80;--threshold:60}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-reply{padding:5px 10px;font-size:12px;color:#666;transition:background-color 150ms ease-in-out;border-radius:5px;margin:5px 0;overflow:hidden;max-width:100%}.mensagem-reply p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-principal{border-left:3px solid transparent;background-color:rgba(100,100,100,.1)}.message-reply-principal:hover{background-color:rgba(100,100,100,.2)}.message-reply-outros{background-color:#f5f5f5;border-left:3px solid var(--message-color)}.message-reply-outros:hover{background-color:#ebebeb}.mensagem-reply-vazia{display:flex;align-items:center}.mensagem-reply-vazia svg{margin-right:5px;color:#ba181b}.mensagem{padding:20px 7px 14px 7px;border-radius:5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:12px;word-break:break-word;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mensagem.max-w-60{max-width:60%}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:53px;bottom:5px;font-size:9.6px;color:#67a332;width:14.4px;height:14.4px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.reply svg{margin-top:-1px;margin-right:-1px}.reply-with-2-icons{right:30px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:11.2px}.check.visualizado,.check.visualizado svg{color:#006daa}.check.verde,.check.verde svg{color:#4f772d}.check.vermelho,.check.vermelho svg{color:#ba181b}.check.cinza,.check.cinza svg{color:#999}.check.preto,.check.preto svg{color:#666}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:6.4px;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:11.2px;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:9.6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.menu-primario{transition:opacity 150ms ease-in-out;height:20px;position:absolute;font-size:11.2px;top:2px;display:flex;gap:5px;padding:2px 4px}.menu-primario.principal{left:2px;color:var(--text-color);background-color:var(--message-color)}.menu-primario.outros{right:2px;color:var(--text-color);background-color:#fff}.menu-primario.outros>span:nth-child(1){order:10}.menu-mensagem{cursor:pointer;padding:1px;opacity:.7;transition:opacity .1s ease-in-out}.menu-mensagem:active,.menu-mensagem:focus,.menu-mensagem:hover{opacity:1}.menu-flutuante{background-color:#fff;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:10px;position:absolute;top:20px;width:120px;min-height:50px;height:50px;max-height:50px;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;display:flex;flex-direction:column;z-index:1}.menu-flutuante.principal{left:3px}.menu-flutuante.outros{right:3px}.menu-flutuante li{transition:background-color .3s ease-in-out;width:100%;cursor:pointer;padding:5px 10px;display:flex;align-items:center}.menu-flutuante li:hover{background-color:#e9e9e9}.mensagem__principal{width:100%;display:flex;justify-content:flex-end}.mensagem__principal>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:var(--text-color)}.mensagem__principal>.mensagem .horario-envio{color:var(--text-color)}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:var(--text-color)}.mensagem__outros{width:100%;display:flex}.mensagem__outros>.mensagem{background-color:#fff;color:#333}.mensagem__outros>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:5px;left:-10px;transform:rotate(90deg)}.mensagem__outros>.autor-mensagem{left:5px;color:#333}.mensagem-div-mapa{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:5px}.msg-mapa{width:100%;min-height:225px;height:100%;box-sizing:initial}.msg-mapa img{max-width:none!important}.info-mapa{list-style-type:none}.info-mapa li.title{font-size:13.6px}.info-mapa li.address,.info-mapa li.url{font-size:13.6px}.info-mapa li.url{font-size:13.6px}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.emoji-message-container{position:absolute;top:0;z-index:1;width:300px;height:250px}.emoji-message-container .sm-emoji-picker{width:300px;height:250px}.emoji-message-container .sm-emoji-picker .sm-emoji-header{overflow-x:auto;overflow-y:hidden}.reaction{position:absolute;bottom:0;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:rgba(100,100,100,.4);padding:5px;font-size:20.8px;min-width:28.8px;min-height:28.8px;max-width:28.8px;max-height:28.8px}.reaction>span{display:block;transform:translateY(-1px)}.mensagem__outros .reaction{right:-30px}.mensagem__principal .reaction{left:-30px}",
9817
9820
  map: undefined,
9818
9821
  media: undefined
@@ -9821,7 +9824,7 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
9821
9824
  /* scoped */
9822
9825
  var __vue_scope_id__$7 = undefined;
9823
9826
  /* module identifier */
9824
- var __vue_module_identifier__$7 = "data-v-689dd55b";
9827
+ var __vue_module_identifier__$7 = "data-v-e6de5e02";
9825
9828
  /* functional template */
9826
9829
  var __vue_is_functional_template__$7 = false;
9827
9830
  /* style inject shadow dom */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-intergrall-plugins",
3
- "version": "1.1.40",
3
+ "version": "1.1.42",
4
4
  "description": "",
5
5
  "main": "dist/vue-intergrall-plugins.ssr.js",
6
6
  "browser": "dist/vue-intergrall-plugins.esm.js",
@@ -29,12 +29,15 @@
29
29
  </div>
30
30
  <div v-if="audio && transcriptionText" class="transcription-container">
31
31
  <div class="transcription-header">
32
- <p v-if="!hideTranscription" v-text="`${dictionary.transcricaoLabel || 'Transcricao'}: `"></p>
32
+ <p v-if="!hideTranscription" v-text="`${dictionary.transcricaoLabel || ''}: `"></p>
33
33
  <button @click="toggleHideTranscription" class="transcription-button">
34
34
  <fa-icon :icon="['fas', `caret-${hideTranscription ? 'down' : 'up'}`]" />
35
35
  </button>
36
36
  </div>
37
- <p v-if="!hideTranscription" class="transcription-text">{{ transcriptionText }}</p>
37
+ <div v-if="transcriptionLoading" class="transcription-loader">
38
+ <VueLoader />
39
+ </div>
40
+ <p v-else-if="!hideTranscription" class="transcription-text">{{ transcriptionText }}</p>
38
41
  </div>
39
42
 
40
43
  <!-- Acoes -->
@@ -119,6 +122,12 @@
119
122
  text-decoration: underline;
120
123
  }
121
124
 
125
+ .transcription-loader {
126
+ position: relative;
127
+ height: 30px;
128
+ width: 100%;
129
+ }
130
+
122
131
  .transcription-text {
123
132
  white-space: break-spaces;
124
133
  color: rgba(0, 0, 0, 0.6);
@@ -195,7 +204,8 @@ export default {
195
204
  },
196
205
  showControlFiles: { type: Boolean },
197
206
  hasTranscription: { type: Boolean, default: false },
198
- transcriptionText: { type: String, default: "" }
207
+ transcriptionText: { type: String, default: "" },
208
+ transcriptionLoading: { type: Boolean, default: false }
199
209
  },
200
210
  data() {
201
211
  return {
@@ -15,7 +15,7 @@
15
15
  </div>
16
16
  <!-- Anexos -->
17
17
  <template v-if="anexos && anexos.length">
18
- <div class="mensagem-anexo" v-for="(anexo, index) in anexos" :key="index">
18
+ <div class="mensagem-anexo" v-for="(anexo, index) in anexos" :key="`${index}_${transcriptionLoading}`">
19
19
  <AnexoMensagem :showControlFiles="showControlFiles" :referenceSelector="referenceSelector"
20
20
  :dictionary="dictionary" :anexo="anexo" :origemExterna="origemExterna" :dominio="dominio"
21
21
  @abrir-imagem="abrirImagem" @download-all="$emit('download-all')"
@@ -179,7 +179,7 @@ export default {
179
179
  props: [
180
180
  "hasTranscription",
181
181
  "transcriptionText",
182
- "grupoAtendimento",
182
+ "transcriptionLoading",
183
183
  "emitContactClick",
184
184
  "smartchannel",
185
185
  "messageIndex",
@@ -335,7 +335,7 @@ export default {
335
335
  },
336
336
  methods: {
337
337
  emitTranscription(anexo) {
338
- const deepCopyData = JSON.parse(JSON.stringify({ anexo, grupo: this.grupoAtendimento, seq: this.seq }));
338
+ const deepCopyData = JSON.parse(JSON.stringify({ anexo, seq: this.seq }));
339
339
  this.$emit("transcribe-audio", deepCopyData);
340
340
  },
341
341
  closeMenu() {