{"version":3,"sources":["webpack:///../../../src/components/VAlert/VAlert.ts","webpack:///./src/modules/contratos/components/Chat/Message.vue?5e68","webpack:///./src/modules/contratos/components/Chat/Message.vue","webpack:///src/modules/contratos/components/Chat/Message.vue","webpack:///./src/modules/contratos/components/Chat/Message.vue?6088","webpack:///./src/modules/contratos/components/Chat/Message.vue?6735"],"names":["mixins","VSheet","Toggleable","Transitionable","extend","name","props","border","type","String","validator","val","includes","closeLabel","default","coloredBorder","Boolean","dense","dismissible","closeIcon","icon","outlined","prominent","text","value","computed","__cachedBorder","this","data","staticClass","class","setBackgroundColor","computedColor","$createElement","__cachedDismissible","color","iconColor","VBtn","small","attrs","$vuetify","lang","t","on","click","isActive","VIcon","__cachedIcon","computedIcon","classes","options","call","hasColoredIcon","hasText","undefined","isDark","Themeable","created","$attrs","hasOwnProperty","breaking","methods","genWrapper","children","$slots","prepend","genContent","append","$scopedSlots","close","toggle","genAlert","role","listeners$","style","styles","directives","setColor","setTextColor","render","h","transition","origin","mode","message","_vm","_c","_s","domProps","staticRenderFns","Object","deleting","components","own","$store","getters","getTokenPayload","refcanal","refcolaborador","comercial","idUsuario","idComercial","parseDate","$refs","confirm","open","confirmColor","axios","method","url","idMensaje","then","res","$emit","component"],"mappings":"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","file":"js/chunk-18ee8e3a.20f0bc4d.js","sourcesContent":["// Styles\nimport './VAlert.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNodeData } from 'vue'\nimport { VNode } from 'vue/types'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Toggleable,\n  Transitionable\n).extend({\n  name: 'v-alert',\n\n  props: {\n    border: {\n      type: String,\n      validator (val: string) {\n        return [\n          'top',\n          'right',\n          'bottom',\n          'left',\n        ].includes(val)\n      },\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    coloredBorder: Boolean,\n    dense: Boolean,\n    dismissible: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$cancel',\n    },\n    icon: {\n      default: '',\n      type: [Boolean, String],\n      validator (val: boolean | string) {\n        return typeof val === 'string' || val === false\n      },\n    },\n    outlined: Boolean,\n    prominent: Boolean,\n    text: Boolean,\n    type: {\n      type: String,\n      validator (val: string) {\n        return [\n          'info',\n          'error',\n          'success',\n          'warning',\n        ].includes(val)\n      },\n    },\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    __cachedBorder (): VNode | null {\n      if (!this.border) return null\n\n      let data: VNodeData = {\n        staticClass: 'v-alert__border',\n        class: {\n          [`v-alert__border--${this.border}`]: true,\n        },\n      }\n\n      if (this.coloredBorder) {\n        data = this.setBackgroundColor(this.computedColor, data)\n        data.class['v-alert__border--has-color'] = true\n      }\n\n      return this.$createElement('div', data)\n    },\n    __cachedDismissible (): VNode | null {\n      if (!this.dismissible) return null\n\n      const color = this.iconColor\n\n      return this.$createElement(VBtn, {\n        staticClass: 'v-alert__dismissible',\n        props: {\n          color,\n          icon: true,\n          small: true,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: () => (this.isActive = false),\n        },\n      }, [\n        this.$createElement(VIcon, {\n          props: { color },\n        }, this.closeIcon),\n      ])\n    },\n    __cachedIcon (): VNode | null {\n      if (!this.computedIcon) return null\n\n      return this.$createElement(VIcon, {\n        staticClass: 'v-alert__icon',\n        props: { color: this.iconColor },\n      }, this.computedIcon)\n    },\n    classes (): object {\n      const classes: Record<string, boolean> = {\n        ...VSheet.options.computed.classes.call(this),\n        'v-alert--border': Boolean(this.border),\n        'v-alert--dense': this.dense,\n        'v-alert--outlined': this.outlined,\n        'v-alert--prominent': this.prominent,\n        'v-alert--text': this.text,\n      }\n\n      if (this.border) {\n        classes[`v-alert--border-${this.border}`] = true\n      }\n\n      return classes\n    },\n    computedColor (): string {\n      return this.color || this.type\n    },\n    computedIcon (): string | boolean {\n      if (this.icon === false) return false\n      if (typeof this.icon === 'string' && this.icon) return this.icon\n      if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false\n\n      return `$${this.type}`\n    },\n    hasColoredIcon (): boolean {\n      return (\n        this.hasText ||\n        (Boolean(this.border) && this.coloredBorder)\n      )\n    },\n    hasText (): boolean {\n      return this.text || this.outlined\n    },\n    iconColor (): string | undefined {\n      return this.hasColoredIcon ? this.computedColor : undefined\n    },\n    isDark (): boolean {\n      if (\n        this.type &&\n        !this.coloredBorder &&\n        !this.outlined\n      ) return true\n\n      return Themeable.options.computed.isDark.call(this)\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('outline')) {\n      breaking('outline', 'outlined', this)\n    }\n  },\n\n  methods: {\n    genWrapper (): VNode {\n      const children = [\n        this.$slots.prepend || this.__cachedIcon,\n        this.genContent(),\n        this.__cachedBorder,\n        this.$slots.append,\n        this.$scopedSlots.close\n          ? this.$scopedSlots.close({ toggle: this.toggle })\n          : this.__cachedDismissible,\n      ]\n\n      const data: VNodeData = {\n        staticClass: 'v-alert__wrapper',\n      }\n\n      return this.$createElement('div', data, children)\n    },\n    genContent (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-alert__content',\n      }, this.$slots.default)\n    },\n    genAlert (): VNode {\n      let data: VNodeData = {\n        staticClass: 'v-alert',\n        attrs: {\n          role: 'alert',\n        },\n        on: this.listeners$,\n        class: this.classes,\n        style: this.styles,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }\n\n      if (!this.coloredBorder) {\n        const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor\n        data = setColor(this.computedColor, data)\n      }\n\n      return this.$createElement('div', data, [this.genWrapper()])\n    },\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (h): VNode {\n    const render = this.genAlert()\n\n    if (!this.transition) return render\n\n    return h('transition', {\n      props: {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode,\n      },\n    }, [render])\n  },\n})\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=style&index=0&id=90e94522&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-alert',{class:{ message: true, own: _vm.own, 'pa-0': true, 'msg--caret': true },attrs:{\"elevation\":1,\"colored-border\":\"\",\"border\":\"bottom\",\"color\":_vm.message.userColor}},[_c('v-card-subtitle',{staticClass:\"py-2\"},[_c('span',{staticClass:\"font-weight-bold mr-2\",style:(`color: ${_vm.message.userColor}`)},[_vm._v(_vm._s(_vm.message.nombre))]),_vm._v(\" \"+_vm._s(new Date(_vm.message.fechaEnvio).toLocaleString())+\" \")]),_c('v-divider'),(_vm.message.mensaje)?_c('div',{staticClass:\"px-4 py-2 msg--text\",domProps:{\"innerHTML\":_vm._s(_vm.message.mensaje)}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-alert\r\n    :elevation=\"1\"\r\n    colored-border\r\n    border=\"bottom\"\r\n    :color=\"message.userColor\"\r\n    :class=\"{ message: true, own: own, 'pa-0': true, 'msg--caret': true }\"\r\n  >\r\n    <v-card-subtitle class=\"py-2\">\r\n      <span\r\n        :style=\"`color: ${message.userColor}`\"\r\n        class=\"font-weight-bold mr-2\"\r\n        >{{ message.nombre }}</span\r\n      >\r\n      {{ new Date(message.fechaEnvio).toLocaleString() }}\r\n      <!-- <status-chip class=\"ml-1\" x-small :value=\"message.tipo\" v-if=\"message.tipo\" /> -->\r\n    </v-card-subtitle>\r\n\r\n    <v-divider />\r\n\r\n    <div v-if=\"message.mensaje\" class=\"px-4 py-2 msg--text\" v-html=\"message.mensaje\" />\r\n  </v-alert>\r\n</template>\r\n\r\n<script>\r\nimport { parseDate } from \"@/utils/index.js\";\r\n\r\nexport default {\r\n  props: {\r\n    message: {\r\n      type: Object,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      deleting: false,\r\n    };\r\n  },\r\n  components: {\r\n  },\r\n  computed: {\r\n    own() {\r\n      return (\r\n        this.$store.getters.getTokenPayload.refcanal == this.message.refcolaborador\r\n      );\r\n    },\r\n    comercial() {\r\n      return this.message.idUsuario == this.message.idComercial;\r\n    },\r\n  },\r\n  methods: {\r\n    parseDate,\r\n    // descargarArchivo({ idArchivo, filename }) {\r\n    //   axios({\r\n    //     method: \"GET\",\r\n    //     url: `${process.env.VUE_APP_API_URL}/chat/download_file/${this.message.refcontrato}/${idArchivo}`,\r\n    //     responseType: \"blob\",\r\n    //   }).then((res) => {\r\n    //     let extension = filename\r\n    //       .split(\".\")\r\n    //       [filename.split(\".\").length - 1].toLowerCase();\r\n\r\n    //     let file = new File([res.data], filename.substring(filename.indexOf(\"_\") + 1), {\r\n    //       type: extensions[extension],\r\n    //     });\r\n\r\n    //     let download = true;\r\n    //     if ([\"pdf\", \"png\", \"jpg\", \"jpeg\", \"gif\"].includes(extension))\r\n    //       download = false;\r\n\r\n    //     downloadFile(file, !download);\r\n    //     this.downloadingFile = false;\r\n    //     // window.open(fileURL);\r\n    //   });\r\n    // },\r\n    async eliminar() {\r\n      if (! await this.$refs.confirm.open(\"Eliminar mensaje\", \"¿Seguro que quieres eliminar este mensaje?\", { color: 'error', confirmColor: 'error',})) return;\r\n      this.deleting = true;\r\n      axios({\r\n        method: \"delete\",\r\n        url: `${process.env.VUE_APP_API_URL}/chat/${this.message.idMensaje}`,\r\n      }).then((res) => {\r\n        this.$emit(\"reload\");\r\n        this.deleting = false;\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.message {\r\n  align-self: start;\r\n  min-width: 300px;\r\n  max-width: calc(100% - 20px);\r\n  .menu-btn {\r\n    float: right;\r\n  }\r\n  margin-bottom: 3px;\r\n  .v-alert__border {\r\n    border-width: 1.25px;\r\n  }\r\n  .msg--img {\r\n    display: inline-flex;\r\n    width: 100%;\r\n    max-width: 300px;\r\n  }\r\n}\r\n.own {\r\n  align-self: end;\r\n  .menu-btn {\r\n    float: left;\r\n  }\r\n  .msg--text {\r\n    // text-align: right;\r\n  }\r\n}\r\n// .v-alert__content {\r\n//   display: flex;\r\n//   flex-direction: column;\r\n// }\r\n\r\n.d-grid {\r\n  display: grid;\r\n  // grid-gap: 10px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Message.vue?vue&type=template&id=90e94522\"\nimport script from \"./Message.vue?vue&type=script&lang=js\"\nexport * from \"./Message.vue?vue&type=script&lang=js\"\nimport style0 from \"./Message.vue?vue&type=style&index=0&id=90e94522&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}