vue-intergrall-plugins 0.0.220 → 0.0.223

package/dist/vue-intergrall-plugins.ssr.js

@@ -3550,15 +3550,29 @@ var script$n = {
       if (this.fileSettings.multiple) return "isMultiple";
       if (this.isDoc) return "isDoc";
       return "isMsg";
+    },
+    acceptedExtensions: function acceptedExtensions() {
+      var str = "";
+
+      if (this.fileSettings.docsExtensions && this.fileSettings.imagesExtensions) {
+        str = "".concat(this.fileSettings.docsExtensions.split("|").join(',')).concat(this.fileSettings.imagesExtensions.split("|").join(','));
+      } else if (this.fileSettings.docsExtensions) {
+        str = this.fileSettings.docsExtensions.split("|").join(',');
+      } else if (this.fileSettings.imagesExtensions) {
+        str = this.fileSettings.imagesExtensions.split("|").join(',');
+      }
+
+      str = str && str.endsWith(",") ? str.slice(0, -1) : str;
+      if (this.fileSettings.multiple) return str ? str : "image/*,application/*";
+      if (this.isDoc) return str ? str : "application/*";
+      return str ? str : "image/*";
     }
   },
   watch: {
     externalFiles: function externalFiles() {
       var _this = this;
 
-      if (!this.externalFiles.length) {
-        return;
-      }
+      if (!this.externalFiles.length) return;
 
       if (this.externalFiles.length + this.file.length > this.fileSettings.max) {
         this.$emit("reset-file-system");
@@ -3916,7 +3930,7 @@ var __vue_render__$n = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'server']
     }
-  })], 1) : _vm._e()], 2) : _vm._e()]), _vm._ssrNode(" <div class=\"files-pointers d-none\">" + (_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "both-" + _vm.textId) + " accept=\"image/*,application/*\" multiple=\"multiple\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "img-" + _vm.textId) + " accept=\"image/*\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "doc-" + _vm.textId) + " accept=\"application/*\">" : "<!---->") + "</div> "), _c('transition', {
+  })], 1) : _vm._e()], 2) : _vm._e()]), _vm._ssrNode(" <div class=\"files-pointers d-none\">" + (_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "both-" + _vm.textId) + _vm._ssrAttr("accept", _vm.acceptedExtensions) + " multiple=\"multiple\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "img-" + _vm.textId) + _vm._ssrAttr("accept", _vm.acceptedExtensions) + ">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "doc-" + _vm.textId) + _vm._ssrAttr("accept", _vm.acceptedExtensions) + ">" : "<!---->") + "</div> "), _c('transition', {
     attrs: {
       "name": "fade"
     }
@@ -3975,7 +3989,7 @@ var __vue_staticRenderFns__$n = [];
 
 var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-4b955990_0", {
+  inject("data-v-40b9b88c_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.files-counter{position:absolute;top:unset;transform:translate(17.5px,-15px);background-color:#888;z-index:1;font-size:.5rem;width:15px;height:15px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .3s;color:#fff;font-weight:900}.files-counter:hover{opacity:1}",
     map: undefined,
     media: undefined
@@ -3987,7 +4001,7 @@ var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$n = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$n = "data-v-4b955990";
+var __vue_module_identifier__$n = "data-v-40b9b88c";
 /* functional template */
 
 var __vue_is_functional_template__$n = false;
@@ -8056,19 +8070,28 @@ var script$k = {
         this.loadingReq = true;
         this.getStandardMessages(cod, this.token_cliente).then(function (data) {
           _this.loadingReq = false;
-          if (data.msg_ret) return _this.$toasted.global.defaultInfo({
-            msg: data.msg_ret
-          });
-          if (data) return _this.showFormattedMessage(data, selectionIndex);
+
+          if (data) {
+            if (data.msg_ret) return _this.$toasted.global.defaultInfo({
+              msg: data.msg_ret
+            });
+            if (data) return _this.showFormattedMessage(data, selectionIndex);
+          }
 
           _this.$toasted.global.defaultError();
+
+          _this.$emit("error-standard-message");
         }).catch(function (e) {
           _this.loadingReq = false;
 
-          _this.$toasted.global.defaultError();
+          _this.$toasted.global.defaultError({
+            msg: e && e.message ? e.message : e
+          });
 
           _this.closeStandardMessages();
 
+          _this.$emit("error-standard-message");
+
           console.error("Error in getStandardMessages: ", e);
         });
       } catch (e) {
@@ -8223,7 +8246,7 @@ var __vue_render__$k = function __vue_render__() {
       "name": "fade",
       "mode": "out-in"
     }
-  }, [_vm.formatted_messages_3.length && _vm.key_2 ? _c('div', {
+  }, [_vm.formatted_messages_3.length && _vm.key_2 && _vm.formatted_messages_2.length && _vm.key_1 ? _c('div', {
     staticClass: "text-footer-select-03"
   }, [_c('v-select', {
     staticClass: "text-footer-v-select",
@@ -8265,7 +8288,7 @@ var __vue_staticRenderFns__$k = [];
 
 var __vue_inject_styles__$k = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-324084df_0", {
+  inject("data-v-0ec3bca6_0", {
     source: ".transition-selects{min-height:80px;display:flex;flex-direction:column;width:100%}.loader-select{position:relative;min-height:35px;background:#fff;width:100%;border:1px solid #ccc;border-radius:5px;z-index:1}.loading-message{background-color:#555!important}",
     map: undefined,
     media: undefined
@@ -8277,7 +8300,7 @@ var __vue_inject_styles__$k = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$k = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$k = "data-v-324084df";
+var __vue_module_identifier__$k = "data-v-0ec3bca6";
 /* functional template */
 
 var __vue_is_functional_template__$k = false;
@@ -8893,7 +8916,10 @@ var __vue_render__$j = function __vue_render__() {
       "close-blocker-standard-message": _vm.closeBlockerStandardMessage,
       "set-message-type": _vm.setMessageType,
       "set-standard-infos": _vm.setStandardInfos,
-      "add-standard-message": _vm.addStandardMessage
+      "add-standard-message": _vm.addStandardMessage,
+      "error-standard-message": function errorStandardMessage($event) {
+        return _vm.$emit('error-standard-message');
+      }
     }
   }) : _vm._e()], 1)], 2) : _vm._e();
 };
@@ -8903,7 +8929,7 @@ var __vue_staticRenderFns__$j = [];
 
 var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-c431d0e0_0", {
+  inject("data-v-77acb010_0", {
     source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:.875rem;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349;margin-left:5px}.text-footer-container .text-footer-files-container .files-btn.both{font-size:.95rem;background-color:#5555ec;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(1){transform:translateX(5px)}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(2){transform:translateX(-5px)}.text-footer-container .text-footer-preview-container{width:100%;cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:.85rem!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
     map: undefined,
     media: undefined
@@ -8915,7 +8941,7 @@ var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$j = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$j = "data-v-c431d0e0";
+var __vue_module_identifier__$j = "data-v-77acb010";
 /* functional template */
 
 var __vue_is_functional_template__$j = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "0.0.220",
+  "version": "0.0.223",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

package/src/lib-components/Chat/BtnFiles.vue

@@ -24,9 +24,9 @@
       </div>
     </transition>
     <div class="files-pointers d-none">
-      <input v-if="fileSettings.multiple" type="file" :id="`both-${textId}`" accept="image/*,application/*" multiple @change="fileUpload($event, 'both')" />
-      <input v-if="!fileSettings.multiple" type="file" :id="`img-${textId}`" accept="image/*" @change="fileUpload($event, 'img')" />
-      <input v-if="!fileSettings.multiple" type="file" :id="`doc-${textId}`" accept="application/*" @change="fileUpload($event, 'doc')" />
+      <input v-if="fileSettings.multiple" type="file" :id="`both-${textId}`" :accept="acceptedExtensions" multiple @change="fileUpload($event, 'both')" />
+      <input v-if="!fileSettings.multiple" type="file" :id="`img-${textId}`" :accept="acceptedExtensions" @change="fileUpload($event, 'img')" />
+      <input v-if="!fileSettings.multiple" type="file" :id="`doc-${textId}`" :accept="acceptedExtensions" @change="fileUpload($event, 'doc')" />
     </div>
     <transition name="fade">
       <div class="text-footer-preview-container" @click.stop v-show="showFilePreview" :class="[previewContainerClass]" v-on-clickaway="away">
@@ -147,13 +147,25 @@ export default {
       if(this.fileSettings.multiple) return "isMultiple"
       if(this.isDoc) return "isDoc"
       return "isMsg"
-    }
+    },
+    acceptedExtensions() {
+      let str = ""
+      if(this.fileSettings.docsExtensions && this.fileSettings.imagesExtensions) {
+        str = `${this.fileSettings.docsExtensions.split("|").join(',')}${this.fileSettings.imagesExtensions.split("|").join(',')}`
+      }else if(this.fileSettings.docsExtensions) {
+        str = this.fileSettings.docsExtensions.split("|").join(',')
+      }else if(this.fileSettings.imagesExtensions) {
+        str = this.fileSettings.imagesExtensions.split("|").join(',')
+      }
+      str = str && str.endsWith(",") ? str.slice(0, -1) : str
+      if(this.fileSettings.multiple) return str ? str : "image/*,application/*"
+      if(this.isDoc) return str ? str : "application/*"
+      return str ? str : "image/*"
+    },
   },
   watch: {
     externalFiles() {
-      if(!this.externalFiles.length){
-        return;
-      }
+      if(!this.externalFiles.length) return
       if(this.externalFiles.length + this.file.length > this.fileSettings.max) {
         this.$emit("reset-file-system")
         return this.$toasted.global.defaultInfo({ msg: `Limite de ${this.fileSettings.max} arquivos` })

package/src/lib-components/Chat/StandardMessages.vue

@@ -22,7 +22,7 @@
         </div>
       </transition>
       <transition name="fade" mode="out-in">
-        <div class="text-footer-select-03" v-if="formatted_messages_3.length && key_2">
+        <div class="text-footer-select-03" v-if="formatted_messages_3.length && key_2 && formatted_messages_2.length && key_1">
           <v-select
             :style="`background-color: ${backgroundColor}`"
             appendToBody
@@ -139,13 +139,17 @@ export default {
         this.loadingReq = true
         this.getStandardMessages(cod, this.token_cliente).then((data) => {
           this.loadingReq = false
-          if(data.msg_ret) return this.$toasted.global.defaultInfo({ msg: data.msg_ret })
-          if(data) return this.showFormattedMessage(data, selectionIndex)
+          if(data) {
+            if(data.msg_ret) return this.$toasted.global.defaultInfo({ msg: data.msg_ret })
+            if(data) return this.showFormattedMessage(data, selectionIndex)
+          }
           this.$toasted.global.defaultError()
+          this.$emit("error-standard-message")
         }).catch(e => { 
           this.loadingReq = false
-          this.$toasted.global.defaultError()
+          this.$toasted.global.defaultError({ msg: e && e.message ? e.message : e })
           this.closeStandardMessages()
+          this.$emit("error-standard-message")
           console.error("Error in getStandardMessages: ", e)
         })
       }catch(e) {

package/src/lib-components/Chat/TextFooter.vue

@@ -94,6 +94,7 @@
         @set-message-type="setMessageType"
         @set-standard-infos="setStandardInfos"
         @add-standard-message="addStandardMessage"
+        @error-standard-message="$emit('error-standard-message')"
       />
     </transition>
   </div>