vue-intergrall-plugins 0.0.293 → 0.0.294
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.
|
@@ -12510,7 +12510,8 @@ var script$5 = {
|
|
|
12510
12510
|
AnexoMensagem: AnexoMensagem,
|
|
12511
12511
|
InteratividadeBotoes: InteratividadeBotoes,
|
|
12512
12512
|
InteratividadeFormulario: InteratividadeFormulario,
|
|
12513
|
-
LinkPreview: LinkPreview
|
|
12513
|
+
LinkPreview: LinkPreview,
|
|
12514
|
+
Picker: Picker
|
|
12514
12515
|
},
|
|
12515
12516
|
props: ["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"],
|
|
12516
12517
|
created: function created() {
|
|
@@ -12547,7 +12548,9 @@ var script$5 = {
|
|
|
12547
12548
|
disableDefaultUI: false
|
|
12548
12549
|
},
|
|
12549
12550
|
isMenuOpen: false,
|
|
12550
|
-
showMenuOptions: false
|
|
12551
|
+
showMenuOptions: false,
|
|
12552
|
+
isEmojisOpen: false,
|
|
12553
|
+
messageReaction: ""
|
|
12551
12554
|
};
|
|
12552
12555
|
},
|
|
12553
12556
|
computed: {
|
|
@@ -12580,14 +12583,14 @@ var script$5 = {
|
|
|
12580
12583
|
var tooltipStar = "";
|
|
12581
12584
|
|
|
12582
12585
|
if (this.iniDialogo == 1) {
|
|
12583
|
-
tooltipStar += this.dictionary[
|
|
12586
|
+
tooltipStar += this.dictionary["ini_sessao"] + "<br/>";
|
|
12584
12587
|
} else {
|
|
12585
|
-
tooltipStar += this.dictionary[
|
|
12588
|
+
tooltipStar += this.dictionary["ini_sessao_padrao"] + "<br/>";
|
|
12586
12589
|
}
|
|
12587
12590
|
|
|
12588
|
-
tooltipStar += this.dialogoId ? this.dictionary[
|
|
12589
|
-
tooltipStar += this.dialogoOrigem ? this.dictionary[
|
|
12590
|
-
tooltipStar += this.expSessao ? this.dictionary[
|
|
12591
|
+
tooltipStar += this.dialogoId ? this.dictionary["id_conversa"] + " - " + this.dialogoId + "<br/>" : "";
|
|
12592
|
+
tooltipStar += this.dialogoOrigem ? this.dictionary["origem_conversa"] + " - " + this.dialogoOrigem + "<br/>" : "";
|
|
12593
|
+
tooltipStar += this.expSessao ? this.dictionary["expiracao_sessao"] + " - " + formataTimezoneData(this.expSessao) + "<br/>" : "";
|
|
12591
12594
|
return tooltipStar;
|
|
12592
12595
|
},
|
|
12593
12596
|
validadeSeq: function validadeSeq() {
|
|
@@ -12610,7 +12613,7 @@ var script$5 = {
|
|
|
12610
12613
|
},
|
|
12611
12614
|
responderMensagemHandler: function responderMensagemHandler() {
|
|
12612
12615
|
if (this.isMenuOpen) this.closeMenu();
|
|
12613
|
-
this.$emit(
|
|
12616
|
+
this.$emit("responder-mensagem", {
|
|
12614
12617
|
messageIndex: this.messageIndex,
|
|
12615
12618
|
autor: this.autor,
|
|
12616
12619
|
origem: this.origem,
|
|
@@ -12630,9 +12633,29 @@ var script$5 = {
|
|
|
12630
12633
|
id_ext_msg: this.id_ext_msg
|
|
12631
12634
|
});
|
|
12632
12635
|
},
|
|
12636
|
+
reagirMensagemHandler: function reagirMensagemHandler() {
|
|
12637
|
+
if (this.isMenuOpen) this.closeMenu();
|
|
12638
|
+
this.isEmojisOpen = !this.isEmojisOpen;
|
|
12639
|
+
},
|
|
12640
|
+
addReaction: function addReaction(emoji) {
|
|
12641
|
+
this.messageReaction = this.messageReaction && this.messageReaction.hexa === emoji.hexa ? "" : {
|
|
12642
|
+
hexa: emoji.hexa,
|
|
12643
|
+
finalEmoji: emoji.finalEmoji
|
|
12644
|
+
};
|
|
12645
|
+
this.isEmojisOpen = false;
|
|
12646
|
+
this.$emit("reagir-mensagem", {
|
|
12647
|
+
emoji: emoji,
|
|
12648
|
+
seq: seq,
|
|
12649
|
+
id_ext_msg: id_ext_msg,
|
|
12650
|
+
hasEmojiReaction: this.messageReaction ? true : false
|
|
12651
|
+
});
|
|
12652
|
+
},
|
|
12653
|
+
closeEmojis: function closeEmojis() {
|
|
12654
|
+
this.isEmojisOpen = false;
|
|
12655
|
+
},
|
|
12633
12656
|
validateInterativity: function validateInterativity() {
|
|
12634
12657
|
try {
|
|
12635
|
-
if (this.interatividade && this.interatividade.formulario && this.interatividade.formulario.length || this.interatividade.list && this.interatividade.tipo ==
|
|
12658
|
+
if (this.interatividade && this.interatividade.formulario && this.interatividade.formulario.length || this.interatividade.list && this.interatividade.tipo == "listItem") {
|
|
12636
12659
|
return true;
|
|
12637
12660
|
}
|
|
12638
12661
|
|
|
@@ -12660,7 +12683,7 @@ var script$5 = {
|
|
|
12660
12683
|
return urlName;
|
|
12661
12684
|
},
|
|
12662
12685
|
removeUrlStickerByString: function removeUrlStickerByString(url) {
|
|
12663
|
-
var msg = this.message.replace("KSTICKERK ".concat(url),
|
|
12686
|
+
var msg = this.message.replace("KSTICKERK ".concat(url), "");
|
|
12664
12687
|
return msg;
|
|
12665
12688
|
},
|
|
12666
12689
|
getUrlSticker: function getUrlSticker() {
|
|
@@ -12675,7 +12698,7 @@ var script$5 = {
|
|
|
12675
12698
|
setCorMsg: function setCorMsg() {
|
|
12676
12699
|
try {
|
|
12677
12700
|
var root = document.documentElement;
|
|
12678
|
-
root.style.setProperty(
|
|
12701
|
+
root.style.setProperty("--message-color", this.corMsg);
|
|
12679
12702
|
this.adjustFontColor(this.corMsg);
|
|
12680
12703
|
} catch (e) {
|
|
12681
12704
|
console.error("Erro ao atribuir a cor as mensagens");
|
|
@@ -12755,15 +12778,15 @@ var script$5 = {
|
|
|
12755
12778
|
l = Math.round(l);
|
|
12756
12779
|
h = Math.round(360 * h);
|
|
12757
12780
|
var root = document.documentElement;
|
|
12758
|
-
root.style.setProperty(
|
|
12759
|
-
root.style.setProperty(
|
|
12760
|
-
root.style.setProperty(
|
|
12781
|
+
root.style.setProperty("--text-color", l <= 50 ? "#FFF" : "#111B21");
|
|
12782
|
+
root.style.setProperty("--files-bg", l <= 50 ? "rgba(255, 255, 255, 0.1)" : "rgba(100, 100, 100, 0.1)");
|
|
12783
|
+
root.style.setProperty("--files-bg-hover", l <= 50 ? "rgba(255, 255, 255, 0.3)" : "rgba(100, 100, 100, 0.3)");
|
|
12761
12784
|
} catch (e) {
|
|
12762
12785
|
console.error("Erro ao ajustar a cor da mensagem: ", e);
|
|
12763
12786
|
}
|
|
12764
12787
|
},
|
|
12765
12788
|
formatMsg: function formatMsg(msg) {
|
|
12766
|
-
if (this.status ==
|
|
12789
|
+
if (this.status == "O") return this.dictionary.msg_excluida ? this.dictionary.msg_excluida : "MENSAGEM DELETADA";
|
|
12767
12790
|
var regex = /(\n| )/g;
|
|
12768
12791
|
if (regex.test(msg)) msg = msg.replace(regex, "<br>");
|
|
12769
12792
|
return msg;
|
|
@@ -12869,7 +12892,7 @@ var __vue_render__$5 = function __vue_render__() {
|
|
|
12869
12892
|
return _vm.abrirPopup(info.value);
|
|
12870
12893
|
}
|
|
12871
12894
|
}
|
|
12872
|
-
}, [_vm._v("
|
|
12895
|
+
}, [_vm._v("\n " + _vm._s(info.textLink) + " "), _c('fa-icon', {
|
|
12873
12896
|
attrs: {
|
|
12874
12897
|
"icon": ['fas', 'map-marker-alt']
|
|
12875
12898
|
}
|
|
@@ -13100,7 +13123,35 @@ var __vue_render__$5 = function __vue_render__() {
|
|
|
13100
13123
|
attrs: {
|
|
13101
13124
|
"icon": ['fas', 'reply']
|
|
13102
13125
|
}
|
|
13103
|
-
})], 1)
|
|
13126
|
+
})], 1), _vm._v(" "), _c('span', {
|
|
13127
|
+
directives: [{
|
|
13128
|
+
name: "tippy",
|
|
13129
|
+
rawName: "v-tippy"
|
|
13130
|
+
}],
|
|
13131
|
+
staticClass: "menu-mensagem",
|
|
13132
|
+
attrs: {
|
|
13133
|
+
"content": _vm.dictionary.tit_reagir_msg
|
|
13134
|
+
},
|
|
13135
|
+
on: {
|
|
13136
|
+
"click": _vm.reagirMensagemHandler
|
|
13137
|
+
}
|
|
13138
|
+
}, [_c('fa-icon', {
|
|
13139
|
+
attrs: {
|
|
13140
|
+
"icon": ['fas', 'smile']
|
|
13141
|
+
}
|
|
13142
|
+
})], 1)]) : _vm._e(), _vm._v(" "), _vm.isEmojisOpen ? _c('div', {
|
|
13143
|
+
directives: [{
|
|
13144
|
+
name: "on-clickaway",
|
|
13145
|
+
rawName: "v-on-clickaway",
|
|
13146
|
+
value: _vm.closeEmojis,
|
|
13147
|
+
expression: "closeEmojis"
|
|
13148
|
+
}],
|
|
13149
|
+
staticClass: "emoji-message-container"
|
|
13150
|
+
}, [_c('Picker', {
|
|
13151
|
+
on: {
|
|
13152
|
+
"insert-emoji": _vm.addReaction
|
|
13153
|
+
}
|
|
13154
|
+
})], 1) : _vm._e(), _vm._v(" "), _vm.isMenuOpen ? _c('transition', {
|
|
13104
13155
|
attrs: {
|
|
13105
13156
|
"name": "fade",
|
|
13106
13157
|
"mode": "out-in"
|
|
@@ -13118,7 +13169,29 @@ var __vue_render__$5 = function __vue_render__() {
|
|
|
13118
13169
|
on: {
|
|
13119
13170
|
"click": _vm.responderMensagemHandler
|
|
13120
13171
|
}
|
|
13121
|
-
}, [_c('span', [_vm._v(" " + _vm._s(_vm.dictionary.tit_responder_msg) + " ")])])
|
|
13172
|
+
}, [_c('span', [_vm._v(" " + _vm._s(_vm.dictionary.tit_responder_msg) + " ")])]), _vm._v(" "), _c('li', {
|
|
13173
|
+
on: {
|
|
13174
|
+
"click": _vm.reagirMensagemHandler
|
|
13175
|
+
}
|
|
13176
|
+
}, [_c('span', [_vm._v(" " + _vm._s(_vm.dictionary.tit_reagir_msg) + " ")])])])]) : _vm._e(), _vm._v(" "), _vm.messageReaction ? _c('transition', {
|
|
13177
|
+
attrs: {
|
|
13178
|
+
"name": "fade",
|
|
13179
|
+
"mode": "out-in"
|
|
13180
|
+
}
|
|
13181
|
+
}, [_c('span', {
|
|
13182
|
+
directives: [{
|
|
13183
|
+
name: "tippy",
|
|
13184
|
+
rawName: "v-tippy"
|
|
13185
|
+
}],
|
|
13186
|
+
staticClass: "reaction",
|
|
13187
|
+
attrs: {
|
|
13188
|
+
"content": _vm.dictionary.tit_mensagem_reagida + " " + _vm.messageReaction.finalEmoji
|
|
13189
|
+
}
|
|
13190
|
+
}, [_c('span', {
|
|
13191
|
+
domProps: {
|
|
13192
|
+
"innerHTML": _vm._s(_vm.messageReaction.finalEmoji)
|
|
13193
|
+
}
|
|
13194
|
+
})])]) : _vm._e()], 2)], 1) : _vm._e();
|
|
13122
13195
|
};
|
|
13123
13196
|
|
|
13124
13197
|
var __vue_staticRenderFns__$5 = [];
|
|
@@ -13126,8 +13199,8 @@ var __vue_staticRenderFns__$5 = [];
|
|
|
13126
13199
|
|
|
13127
13200
|
var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
|
|
13128
13201
|
if (!inject) return;
|
|
13129
|
-
inject("data-v-
|
|
13130
|
-
source: ":root{--message-color:#373737;--text-color:#
|
|
13202
|
+
inject("data-v-0cc1f1cf_0", {
|
|
13203
|
+
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:.75rem;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:.75rem;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:hover .menu-primario{visibility:visible;opacity:1}.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:.6rem;color:#67a332;width:.9rem;height:.9rem;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:.7rem}.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:.4rem;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.menu-primario{visibility:hidden;opacity:0;transition:opacity 150ms ease-in-out;position:absolute;font-size:.7rem;top:3px;display:flex;gap:5px;padding:2px 4px}.menu-primario.principal{left:4px;color:var(--text-color);background-color:var(--message-color)}.menu-primario.outros{right:4px;color:var(--text-color);background-color:#fff}.menu-primario.outros>span:nth-child(1){order:10}.menu-mensagem{cursor:pointer;padding:1px}.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:.85em}.info-mapa li.address,.info-mapa li.url{font-size:.85em}.info-mapa li.url{font-size:.85em}.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;left:0;right:0}.emoji-message-container .sm-emoji-picker{height:200px;width:90%!important}.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:1.3em}.reaction>span{display:block;transform:translateY(-1px)}.mensagem__outros .reaction{right:-30px}.mensagem__principal .reaction{left:-30px}",
|
|
13131
13204
|
map: undefined,
|
|
13132
13205
|
media: undefined
|
|
13133
13206
|
});
|
|
@@ -13138,7 +13211,7 @@ var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
|
|
|
13138
13211
|
var __vue_scope_id__$5 = undefined;
|
|
13139
13212
|
/* module identifier */
|
|
13140
13213
|
|
|
13141
|
-
var __vue_module_identifier__$5 = "data-v-
|
|
13214
|
+
var __vue_module_identifier__$5 = "data-v-0cc1f1cf";
|
|
13142
13215
|
/* functional template */
|
|
13143
13216
|
|
|
13144
13217
|
var __vue_is_functional_template__$5 = false;
|