{"version":3,"sources":["webpack:///../../../src/components/VFileInput/VFileInput.ts","webpack:///../../../src/components/VTextField/index.ts","webpack:///./src/components/lead/LeadComments.vue?b4fc","webpack:///./src/components/lead/LeadComments.vue","webpack:///src/components/lead/LeadComments.vue","webpack:///./src/components/lead/LeadComments.vue?74ae","webpack:///./src/components/lead/LeadComments.vue?a158"],"names":["VTextField","extend","name","model","prop","event","props","chips","Boolean","clearable","type","default","counterSizeString","String","counterString","hideInput","multiple","placeholder","prependIcon","readonly","showSize","Number","validator","v","includes","smallChips","truncateLength","value","undefined","val","wrapInArray","every","_typeof","computed","classes","_objectSpread","options","call","this","computedCounterValue","fileCount","lazyValue","length","File","$vuetify","lang","t","bytes","internalArrayValue","reduce","_ref","_ref$size","size","humanReadableFileSize","base","internalValue","get","set","$emit","isDirty","isLabelActive","text","_this","persistentPlaceholder","isFocused","hasLabel","map","file","_file$name","_file$size","truncatedText","truncateText","concat","hasChips","watch","handler","consoleError","immediate","deepEqual","$refs","input","files","methods","clearableCallback","genChips","_this2","index","$createElement","VChip","small","on","splice","genControl","render","data","style","mergeStyles","display","genInput","attrs","domProps","change","onInput","genSelections","genPrependSlot","_this3","icon","genIcon","click","genSlot","genSelectionText","counter","_this4","children","$scopedSlots","selection","forEach","push","staticClass","class","genTextFieldSlot","_this5","node","e","target","nodeName","_toConsumableArray","initialValue","onKeyDown","str","charsKeepOneSide","Math","floor","slice","indexOf","scopedSlots","fn","callback","_vm","expression","proxy","newComment","$$v","_c","_id","srcImgMethod","c","sortedComments","getUserComment","image_src","showDialog","audio_src","staticRenderFns","moment","locale","lead","Object","leadId","leadPhase","leadTrackingPhase","leadOperationPhase","comments","Array","adminsComments","brokersComments","developersComments","components","VuetifyAudio","selectedImg","sendingMessage","role_comments","localStorage","getItem","filters","dateFormat","date","isFullDate","arguments","format","dateParsed","friendlyDifferenceTime","timeToParse","allowFutureTime","now","Date","time","isNaN","friendlyDifference","diffMonths","diff","diffDays","diffHours","diffMinutes","abs","reverse","mapActions","fetchAddComment","fetchActualLead","fetchNotificationComment","fetchUpdatelLead","mapMutations","setLoading","setDialog","img","commentObject","userComment","contact_broker_id","find","i","contact_admin_id","contact_developer_id","createDummyImgFormat","nameBroker","returnDummyImg","substring","handleAddComment","sendAddLeadComment","commentText","_asyncToGenerator","_regeneratorRuntime","mark","_callee","self","userRole","userContactId","imageUrl","commentData","wrap","_context","prev","next","sendAddFileLead","sent","comment_img_src","contactId","then","setActualLead","sendNotificationComment","catch","err","finally","clearNewComment","stop","allStorage","values","keys","notificationText","_callee2","userToken","payload","zone","userName","user","how","notificationData","_context2","JSON","parse","atob","split","zones","contact_lead_name","UserInfo","setItem","User","contact","source","role","contact_id","message","headings","headingsLayout","largeIcon","sendUpdateLead","Promise","resolve","contactLeadId","contact_lead_id","phase","tracking_phase","operation_phase","discard_observations","$snotify","error","closeOnClick","timeout","_callee3","_context3","setTimeout","innerLoading","stringify","$store","commit","getSafeNestedField","defaultVal","heading","imgComment","media","featured_image","src","imgAuto","_callee4","url","formData","json","_context4","isLoading","FormData","append","fetch","method","body","abrupt","secure_url","t0","component"],"mappings":"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","file":"js/chunk-56a10e71.fc4d801a.js","sourcesContent":["// Styles\nimport './VFileInput.sass'\n\n// Extensions\nimport VTextField from '../VTextField'\n\n// Components\nimport { VChip } from '../VChip'\n\n// Types\nimport { PropValidator } from 'vue/types/options'\n\n// Utilities\nimport { deepEqual, humanReadableFileSize, wrapInArray } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\nimport { mergeStyles } from '../../util/mergeData'\n\nexport default VTextField.extend({\n  name: 'v-file-input',\n\n  model: {\n    prop: 'value',\n    event: 'change',\n  },\n\n  props: {\n    chips: Boolean,\n    clearable: {\n      type: Boolean,\n      default: true,\n    },\n    counterSizeString: {\n      type: String,\n      default: '$vuetify.fileInput.counterSize',\n    },\n    counterString: {\n      type: String,\n      default: '$vuetify.fileInput.counter',\n    },\n    hideInput: Boolean,\n    multiple: Boolean,\n    placeholder: String,\n    prependIcon: {\n      type: String,\n      default: '$file',\n    },\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n    showSize: {\n      type: [Boolean, Number],\n      default: false,\n      validator: (v: boolean | number) => {\n        return (\n          typeof v === 'boolean' ||\n          [1000, 1024].includes(v)\n        )\n      },\n    } as PropValidator<boolean | 1000 | 1024>,\n    smallChips: Boolean,\n    truncateLength: {\n      type: [Number, String],\n      default: 22,\n    },\n    type: {\n      type: String,\n      default: 'file',\n    },\n    value: {\n      default: undefined,\n      validator: val => {\n        return wrapInArray(val).every(v => v != null && typeof v === 'object')\n      },\n    } as PropValidator<File | File[]>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VTextField.options.computed.classes.call(this),\n        'v-file-input': true,\n      }\n    },\n    computedCounterValue (): string {\n      const fileCount = (this.multiple && this.lazyValue)\n        ? this.lazyValue.length\n        : (this.lazyValue instanceof File) ? 1 : 0\n\n      if (!this.showSize) return this.$vuetify.lang.t(this.counterString, fileCount)\n\n      const bytes = this.internalArrayValue.reduce((bytes: number, { size = 0 }: File) => {\n        return bytes + size\n      }, 0)\n\n      return this.$vuetify.lang.t(\n        this.counterSizeString,\n        fileCount,\n        humanReadableFileSize(bytes, this.base === 1024)\n      )\n    },\n    internalArrayValue (): File[] {\n      return wrapInArray(this.internalValue)\n    },\n    internalValue: {\n      get (): File[] {\n        return this.lazyValue\n      },\n      set (val: File | File[]) {\n        this.lazyValue = val\n        this.$emit('change', this.lazyValue)\n      },\n    },\n    isDirty (): boolean {\n      return this.internalArrayValue.length > 0\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    text (): string[] {\n      if (!this.isDirty && (this.persistentPlaceholder || this.isFocused || !this.hasLabel)) return [this.placeholder]\n\n      return this.internalArrayValue.map((file: File) => {\n        const {\n          name = '',\n          size = 0,\n        } = file\n\n        const truncatedText = this.truncateText(name)\n\n        return !this.showSize\n          ? truncatedText\n          : `${truncatedText} (${humanReadableFileSize(size, this.base === 1024)})`\n      })\n    },\n    base (): 1000 | 1024 | undefined {\n      return typeof this.showSize !== 'boolean' ? this.showSize : undefined\n    },\n    hasChips (): boolean {\n      return this.chips || this.smallChips\n    },\n  },\n\n  watch: {\n    readonly: {\n      handler (v) {\n        if (v === true) consoleError('readonly is not supported on <v-file-input>', this)\n      },\n      immediate: true,\n    },\n    value (v) {\n      const value = this.multiple ? v : v ? [v] : []\n      if (!deepEqual(value, this.$refs.input.files)) {\n        // When the input value is changed programatically, clear the\n        // internal input's value so that the `onInput` handler\n        // can be triggered again if the user re-selects the exact\n        // same file(s). Ideally, `input.files` should be\n        // manipulated directly but that property is readonly.\n        this.$refs.input.value = ''\n      }\n    },\n  },\n\n  methods: {\n    clearableCallback () {\n      this.internalValue = this.multiple ? [] : null\n      this.$refs.input.value = ''\n    },\n    genChips () {\n      if (!this.isDirty) return []\n\n      return this.text.map((text, index) => this.$createElement(VChip, {\n        props: { small: this.smallChips },\n        on: {\n          'click:close': () => {\n            const internalValue = this.internalValue\n            internalValue.splice(index, 1)\n            this.internalValue = internalValue // Trigger the watcher\n          },\n        },\n      }, [text]))\n    },\n    genControl () {\n      const render = VTextField.options.methods.genControl.call(this)\n\n      if (this.hideInput) {\n        render.data!.style = mergeStyles(\n          render.data!.style,\n          { display: 'none' }\n        )\n      }\n\n      return render\n    },\n    genInput () {\n      const input = VTextField.options.methods.genInput.call(this)\n\n      input.data!.attrs!.multiple = this.multiple\n\n      // We should not be setting value\n      // programmatically on the input\n      // when it is using type=\"file\"\n      delete input.data!.domProps!.value\n\n      // This solves an issue in Safari where\n      // nothing happens when adding a file\n      // due to the input event not firing\n      // https://github.com/vuetifyjs/vuetify/issues/7941\n      delete input.data!.on!.input\n      input.data!.on!.change = this.onInput\n\n      return [this.genSelections(), input]\n    },\n    genPrependSlot () {\n      if (!this.prependIcon) return null\n\n      const icon = this.genIcon('prepend', () => {\n        this.$refs.input.click()\n      })\n\n      return this.genSlot('prepend', 'outer', [icon])\n    },\n    genSelectionText (): string[] {\n      const length = this.text.length\n\n      if (length < 2) return this.text\n      if (this.showSize && !this.counter) return [this.computedCounterValue]\n      return [this.$vuetify.lang.t(this.counterString, length)]\n    },\n    genSelections () {\n      const children = []\n\n      if (this.isDirty && this.$scopedSlots.selection) {\n        this.internalArrayValue.forEach((file: File, index: number) => {\n          if (!this.$scopedSlots.selection) return\n\n          children.push(\n            this.$scopedSlots.selection({\n              text: this.text[index],\n              file,\n              index,\n            })\n          )\n        })\n      } else {\n        children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText())\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'v-file-input__text',\n        class: {\n          'v-file-input__text--placeholder': this.placeholder && !this.isDirty,\n          'v-file-input__text--chips': this.hasChips && !this.$scopedSlots.selection,\n        },\n      }, children)\n    },\n    genTextFieldSlot () {\n      const node = VTextField.options.methods.genTextFieldSlot.call(this)\n\n      node.data!.on = {\n        ...(node.data!.on || {}),\n        click: (e: MouseEvent) => {\n          // Clicking the label already delegates to input element, so we shouldn't click it twice\n          if (e.target && (e.target as HTMLElement).nodeName === 'LABEL') return\n\n          this.$refs.input.click()\n        },\n      }\n\n      return node\n    },\n    onInput (e: Event) {\n      const files = [...(e.target as HTMLInputElement).files || []]\n\n      this.internalValue = this.multiple ? files : files[0]\n\n      // Set initialValue here otherwise isFocused\n      // watcher in VTextField will emit a change\n      // event whenever the component is blurred\n      this.initialValue = this.internalValue\n    },\n    onKeyDown (e: KeyboardEvent) {\n      this.$emit('keydown', e)\n    },\n    truncateText (str: string) {\n      if (str.length < Number(this.truncateLength)) return str\n      const charsKeepOneSide = Math.floor((Number(this.truncateLength) - 1) / 2)\n      return `${str.slice(0, charsKeepOneSide)}…${str.slice(str.length - charsKeepOneSide)}`\n    },\n  },\n})\n","import VTextField from './VTextField'\n\nexport { VTextField }\nexport default VTextField\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LeadComments.vue?vue&type=style&index=0&id=678a4432&prod&scope=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"md\":_vm.sendingMessage ? '11' : '12'}},[_c('v-text-field',{attrs:{\"disabled\":_vm.sendingMessage || _vm.role_comments === 'marketing',\"dense\":\"\",\"outlined\":\"\",\"label\":\"Nuevo comentario\",\"append-outer-icon\":_vm.sendingMessage ? '' : 'mdi-send'},on:{\"click:append-outer\":_vm.handleAddComment,\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.handleAddComment.apply(null, arguments)}},scopedSlots:_vm._u([{key:\"prepend\",fn:function(){return [_c('v-file-input',{attrs:{\"accept\":\"image/png, image/jpeg, image/bmp\",\"placeholder\":\"Pick an avatar\",\"prepend-icon\":\"mdi-paperclip\",\"label\":\"Avatar\",\"hide-input\":true},model:{value:(_vm.file),callback:function ($$v) {_vm.file=$$v},expression:\"file\"}})]},proxy:true}]),model:{value:(_vm.newComment),callback:function ($$v) {_vm.newComment=$$v},expression:\"newComment\"}})],1),(_vm.sendingMessage)?_c('v-col',{attrs:{\"md\":\"1\"}},[_c('v-progress-circular',{staticClass:\"ml-2\",attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-3\"}})],1):_vm._e(),(_vm.file)?_c('v-col',[_c('v-chip',{attrs:{\"close\":\"\",\"small\":\"\",\"label\":\"\",\"color\":\"primary\"},on:{\"click:close\":function($event){_vm.file = null}}},[_vm._v(\" \"+_vm._s(_vm.file.name)+\" \")])],1):_vm._e()],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('v-list',[_c('v-list-item-group',[_vm._l((_vm.sortedComments),function(c,index){return [(\n                (c.type && c.type == 1 && _vm.role_comments === 'admin') ||\n                  _vm.role_comments === 'marketingv2'\n              )?_c('v-list-item',{key:c._id,staticClass:\"px-2\",class:c.type == 1 ? '' : ''},[[_c('div',{staticClass:\"my-item-comment\"},[_c('div',{staticClass:\"comment-figure\"},[(index === 0)?_c('div',{staticClass:\"arrow up\"}):_vm._e(),_c('div',{class:index === 0\n                          ? 'figure-divider-final'\n                          : 'figure-divider'}),_c('div',{staticClass:\"figure-dot\"}),_c('div',{staticClass:\"figure-divider\"}),(index + 1 === _vm.sortedComments.length)?_c('div',{staticClass:\"inicio-comments\"}):_vm._e()]),_c('div',{staticClass:\"item-comment-content\"},[_c('div',{staticClass:\"comment-content-title\"},[_c('p',{staticClass:\"content-title-primary\"},[_vm._v(\"C28 Bot\")]),_c('p',{staticClass:\"content-title-clock\"},[_vm._v(\" @\"+_vm._s(_vm._f(\"dateFormat\")(c.created_at,true))+\" \")])]),_c('div',{staticClass:\"comment-content-text\"},[_c('p',[_vm._v(_vm._s(c.text))])])])])]],2):_vm._e(),(c.type === 0 || !c.type)?_c('v-list-item',{key:c._id,staticClass:\"px-2\",class:c.type == 1 ? '' : ''},[[_c('div',{staticClass:\"comment-figure-img\"},[(index === 0)?_c('div',{staticClass:\"arrow up\"}):_vm._e(),_c('div',{class:index === 0 ? 'figure-divider-final' : 'figure-divider'}),_c('v-img',{staticClass:\"figure-img\",attrs:{\"min-height\":\"40px\",\"max-height\":\"40px\",\"src\":_vm.srcImgMethod(c)}}),_c('div',{staticClass:\"figure-divider\"}),(index + 1 === _vm.sortedComments.length)?_c('div',{staticClass:\"inicio-comments\"}):_vm._e()],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(_vm.getSafeNestedField(() => _vm.getUserComment(c).name, \"\"))+\" \")]),(c.image_src)?_c('v-list-item-subtitle',{staticClass:\"comment-text\"},[_c('v-img',{staticClass:\"ma-2\",attrs:{\"src\":c.image_src,\"height\":\"200px\",\"contain\":\"\"},on:{\"click\":function($event){return _vm.setDialog(!_vm.showDialog, c.image_src)}}}),_vm._v(\" \"+_vm._s(c.text)+\" \"),_c('v-dialog',{attrs:{\"width\":\"70%\"},model:{value:(_vm.showDialog),callback:function ($$v) {_vm.showDialog=$$v},expression:\"showDialog\"}},[_c('v-card',[_c('v-img',{staticClass:\"ma-2\",attrs:{\"height\":\"80vh\",\"src\":_vm.selectedImg,\"aspect-ratio\":\"1.6\",\"contain\":\"\"}})],1)],1)],1):(c.audio_src)?_c('v-list-item-subtitle',{staticClass:\"comment-text\"},[_c('vuetify-audio',{attrs:{\"file\":c.audio_src,\"color\":\"blue-grey darken-4\",\"flat\":\"\"}})],1):_c('v-list-item-subtitle',{staticClass:\"comment-text\"},[_vm._v(\" \"+_vm._s(c.text)+\" \")])],1),_c('v-list-item-action',{staticClass:\"my-0\"},[_c('v-spacer'),_c('v-list-item-action-text',[_c('small',[_vm._v(\" \"+_vm._s(_vm._f(\"dateFormat\")(c.created_at,true))+\" \")])])],1)]],2):_vm._e()]})],2)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-row no-gutters>\n      <v-col :md=\"sendingMessage ? '11' : '12'\">\n        <v-text-field\n          :disabled=\"sendingMessage || role_comments === 'marketing'\"\n          dense\n          outlined\n          label=\"Nuevo comentario\"\n          :append-outer-icon=\"sendingMessage ? '' : 'mdi-send'\"\n          v-model=\"newComment\"\n          @click:append-outer=\"handleAddComment\"\n          @keyup.enter=\"handleAddComment\"\n        >\n          <template v-slot:prepend>\n            <v-file-input\n              v-model=\"file\"\n              accept=\"image/png, image/jpeg, image/bmp\"\n              placeholder=\"Pick an avatar\"\n              prepend-icon=\"mdi-paperclip\"\n              label=\"Avatar\"\n              :hide-input=\"true\"\n            ></v-file-input>\n          </template>\n        </v-text-field>\n      </v-col>\n      <v-col md=\"1\" v-if=\"sendingMessage\">\n        <v-progress-circular\n          class=\"ml-2\"\n          indeterminate\n          color=\"grey lighten-3\"\n        ></v-progress-circular>\n      </v-col>\n      <v-col v-if=\"file\">\n        <v-chip close small label color=\"primary\" @click:close=\"file = null\">\n          {{ file.name }}\n        </v-chip>\n      </v-col>\n    </v-row>\n    <v-row no-gutters>\n      <v-col>\n        <!--lead-comment /-->\n        <v-list>\n          <v-list-item-group>\n            <template v-for=\"(c, index) in sortedComments\">\n              <v-list-item\n                :key=\"c._id\"\n                :class=\"c.type == 1 ? '' : ''\"\n                class=\"px-2\"\n                v-if=\"\n                  (c.type && c.type == 1 && role_comments === 'admin') ||\n                    role_comments === 'marketingv2'\n                \"\n              >\n                <template>\n                  <div class=\"my-item-comment\">\n                    <div class=\"comment-figure\">\n                      <div v-if=\"index === 0\" class=\"arrow up\"></div>\n                      <div\n                        :class=\"\n                          index === 0\n                            ? 'figure-divider-final'\n                            : 'figure-divider'\n                        \"\n                      ></div>\n                      <div class=\"figure-dot\"></div>\n                      <div class=\"figure-divider\"></div>\n                      <div\n                        v-if=\"index + 1 === sortedComments.length\"\n                        class=\"inicio-comments\"\n                      ></div>\n                    </div>\n                    <div class=\"item-comment-content\">\n                      <div class=\"comment-content-title\">\n                        <p class=\"content-title-primary\">C28 Bot</p>\n                        <p class=\"content-title-clock\">\n                          @{{ c.created_at | dateFormat(true) }}\n                        </p>\n                      </div>\n                      <div class=\"comment-content-text\">\n                        <p>{{ c.text }}</p>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n              </v-list-item>\n              <v-list-item\n                :key=\"c._id\"\n                :class=\"c.type == 1 ? '' : ''\"\n                class=\"px-2\"\n                v-if=\"c.type === 0 || !c.type\"\n              >\n                <template>\n                  <div class=\"comment-figure-img\">\n                    <div v-if=\"index === 0\" class=\"arrow up\"></div>\n                    <div\n                      :class=\"\n                        index === 0 ? 'figure-divider-final' : 'figure-divider'\n                      \"\n                    ></div>\n                    <v-img\n                      class=\"figure-img\"\n                      min-height=\"40px\"\n                      max-height=\"40px\"\n                      :src=\"srcImgMethod(c)\"\n                    ></v-img>\n                    <div class=\"figure-divider\"></div>\n                    <div\n                      v-if=\"index + 1 === sortedComments.length\"\n                      class=\"inicio-comments\"\n                    ></div>\n                  </div>\n\n                  <v-list-item-content>\n                    <v-list-item-title>\n                      {{ getSafeNestedField(() => getUserComment(c).name, \"\") }}\n                    </v-list-item-title>\n\n                    <v-list-item-subtitle\n                      v-if=\"c.image_src\"\n                      class=\"comment-text\"\n                    >\n                      <v-img\n                        class=\"ma-2\"\n                        :src=\"c.image_src\"\n                        height=\"200px\"\n                        contain\n                        @click=\"setDialog(!showDialog, c.image_src)\"\n                      ></v-img>\n\n                      {{ c.text }}\n\n                      <v-dialog v-model=\"showDialog\" width=\"70%\">\n                        <v-card>\n                          <v-img\n                            height=\"80vh\"\n                            class=\"ma-2\"\n                            :src=\"selectedImg\"\n                            aspect-ratio=\"1.6\"\n                            contain\n                          ></v-img>\n                        </v-card>\n                      </v-dialog>\n                    </v-list-item-subtitle>\n                    <v-list-item-subtitle\n                      v-else-if=\"c.audio_src\"\n                      class=\"comment-text\"\n                    >\n                      <vuetify-audio\n                        :file=\"c.audio_src\"\n                        color=\"blue-grey darken-4\"\n                        flat\n                      ></vuetify-audio>\n                    </v-list-item-subtitle>\n                    <v-list-item-subtitle v-else class=\"comment-text\">\n                      {{ c.text }}\n                    </v-list-item-subtitle>\n                  </v-list-item-content>\n\n                  <v-list-item-action class=\"my-0\">\n                    <v-spacer />\n                    <v-list-item-action-text>\n                      <small>\n                        {{ c.created_at | dateFormat(true) }}\n                      </small>\n                    </v-list-item-action-text>\n                    <!--v-icon\n                      color=\"yellow\"\n                    >\n                      mdi-star\n                    </v-icon-->\n                  </v-list-item-action>\n                </template>\n              </v-list-item>\n            </template>\n          </v-list-item-group>\n        </v-list>\n      </v-col>\n    </v-row>\n  </div>\n</template>\n<script>\nimport { mapActions, mapMutations } from \"vuex\";\nimport { UserInfo } from \"@/api/user-api.js\";\nimport moment from \"moment\";\nmoment.locale(\"es\");\n\nexport default {\n  props: {\n    lead: {\n      type: Object,\n      default: null\n    },\n    leadId: {\n      type: String,\n      default: \"\"\n    },\n    leadPhase: {\n      type: String,\n      default: \"\"\n    },\n    leadTrackingPhase: {\n      type: String,\n      default: \"\"\n    },\n    leadOperationPhase: {\n      type: String,\n      default: \"\"\n    },\n    comments: {\n      type: Array,\n      default() {\n        return [];\n      }\n    },\n    adminsComments: {\n      type: Array,\n      default() {\n        return [];\n      }\n    },\n    brokersComments: {\n      type: Array,\n      default() {\n        return [];\n      }\n    },\n    developersComments: {\n      type: Array,\n      default() {\n        return [];\n      }\n    }\n  },\n  components: {\n    VuetifyAudio: () => import(\"vuetify-audio\")\n  },\n  data() {\n    return {\n      showDialog: false,\n      selectedImg: \"\",\n      sendingMessage: false,\n      newComment: \"\",\n      //Para saber el rol del usuario y saber si puede ver todos los comntarios\n      role_comments: localStorage.getItem(\"user_role\") || \"\",\n      file: null\n    };\n  },\n  filters: {\n    dateFormat(date, isFullDate = false) {\n      if (!date) return \"\";\n      let format = \"DD-MMM-YYYY\";\n      if (isFullDate) format = \"DD MMM h:mm a\";\n      let dateParsed = moment(String(date)).format(format);\n      return dateParsed;\n    },\n    friendlyDifferenceTime(timeToParse, allowFutureTime) {\n      const format = \"DD/MM/YYYY HH:mm:ss\";\n      let now = moment(new Date(), format);\n      let time = moment(new Date(timeToParse), format);\n      // retornar en caso de  trasnformar a fecha el tiempo que se mandó como parámetro\n      // y se obtuvo un nan\n      if (isNaN(time)) return \"\";\n\n      let friendlyDifference = \"\";\n\n      let diffMonths = now.diff(time, \"months\");\n      let diffDays = now.diff(time, \"days\");\n      let diffHours = now.diff(time, \"hours\");\n      let diffMinutes = now.diff(time, \"minutes\");\n\n      if (allowFutureTime) diffMonths = Math.abs(diffMonths);\n      if (allowFutureTime) diffDays = Math.abs(diffDays);\n      if (allowFutureTime) diffHours = Math.abs(diffHours);\n      if (allowFutureTime) diffMinutes = Math.abs(diffMinutes);\n\n      // si para este momento hay un error calculando la diferencia\n      if (isNaN(diffMinutes)) return \"\";\n\n      // en meses\n      if (diffMonths > 0) {\n        friendlyDifference = diffMonths + \" meses\";\n        if (diffMonths === 1) friendlyDifference = \"1 mes\";\n      } else {\n        // en días\n        if (diffDays > 0) {\n          friendlyDifference = diffDays + \" días\";\n          if (diffDays === 1) friendlyDifference = \"1 día\";\n        } else {\n          // en horas\n          if (diffHours > 0) {\n            friendlyDifference = diffHours + \" horas\";\n            if (diffHours === 1) friendlyDifference = \"1 hora\";\n          } else {\n            // en minutos\n            if (diffMinutes > 0) {\n              friendlyDifference = diffMinutes + \" min\";\n            } else {\n              friendlyDifference = \"ahora\";\n            }\n          }\n        }\n      }\n      return friendlyDifference;\n    }\n  },\n  computed: {\n    sortedComments() {\n      return this.comments.slice().reverse();\n    }\n  },\n  methods: {\n    ...mapActions({\n      fetchAddComment: \"leads/fetchAddComment\",\n      fetchActualLead: \"leads/fetchActualLead\",\n      fetchNotificationComment: \"leads/fetchNotificationComment\",\n      fetchUpdatelLead: \"leads/fetchUpdatelLead\"\n    }),\n    ...mapMutations({\n      setLoading: \"leads/setLoading\"\n    }),\n    setDialog(value, img) {\n      this.showDialog = value;\n      this.selectedImg = value ? img : \"\";\n    },\n    getUserComment(commentObject) {\n      let userComment = {};\n      if (commentObject.contact_broker_id) {\n        userComment = this.brokersComments.find(i => {\n          return commentObject.contact_broker_id === i._id;\n        });\n      }\n      if (commentObject.contact_admin_id) {\n        userComment = this.adminsComments.find(i => {\n          return commentObject.contact_admin_id === i._id;\n        });\n      }\n      if (commentObject.contact_developer_id) {\n        userComment = this.developersComments.find(i => {\n          return commentObject.contact_developer_id === i._id;\n        });\n      }\n      return userComment;\n    },\n    createDummyImgFormat(nameBroker = \"C28\") {\n      let returnDummyImg =\n        \"https://dummyimage.com/600x400/2c344b/fff&text=\" +\n        nameBroker.substring(0, 2);\n      return returnDummyImg;\n    },\n    handleAddComment() {\n      this.sendAddLeadComment(this.leadId, this.newComment);\n    },\n    // leadId, comment\n    async sendAddLeadComment(leadId, commentText) {\n      let self = this;\n      this.sendingMessage = true;\n      // self.setLoading(true);\n      let userRole = localStorage.getItem(\"user_role\");\n      let userContactId = localStorage.getItem(\"contact_id\"); // contact id of user\n      let imageUrl = ''\n      if(this.file){\n        imageUrl = await this.sendAddFileLead();\n      }\n      // // let self = this\n      let commentData = {\n        leadId: leadId,\n        commentText: commentText,\n        comment_img_src: this.file ? imageUrl : undefined,\n        userRole: userRole,\n        contactId: userContactId\n      };\n\n      this.fetchAddComment(commentData)\n        .then(() => {\n          // obtener solo comentarios actualizados\n          // o actualizar lead item VUEX\n          // pero el modal se cierra y abre\n          self.setActualLead(leadId);\n\n          this.sendNotificationComment(self.leadId, commentText);\n\n          // self.newComment = \"\"\n          // if (response.Lead && response.Lead.comments)\n          //   self.leadComments = response.Lead.comments\n          // // enviar notificación al broker asignado\n          // if (self.leadBroker) {\n          //   let userName = localStorage.getItem('user_name')\n          //   let message = userName + ' ha comentado en tu prospecto ' + self.leadContactName\n          //   this.sendNotifyBrokerAssigned(self.leadId, self.leadBroker, message)\n          // }\n        })\n        .catch(err => {\n          throw err;\n        })\n        .finally(() => self.clearNewComment());\n    },\n    allStorage() {\n      var values = [],\n        keys = Object.keys(localStorage),\n        i = keys.length;\n\n      while (i--) {\n        values.push(localStorage.getItem(keys[i]));\n      }\n\n      return values;\n    },\n    async sendNotificationComment(leadId, notificationText) {\n      const userToken = localStorage.getItem(\"token\");\n      const payload = JSON.parse(atob(userToken.split(\".\")[1]));\n      let zone = this.lead.zones ? this.lead.zones : \"\";\n      let name = this.lead.contact_lead_name;\n      let userName = \"\";\n      if (\n        localStorage.getItem(\"user_name\") === undefined ||\n        localStorage.getItem(\"user_name\") === null\n      ) {\n        let user = await UserInfo();\n        localStorage.setItem(\"user_name\", user.User.name);\n        userName = user.User.name;\n      } else {\n        userName = localStorage.getItem(\"user_name\");\n      }\n      let how =\n        this.lead.contact && this.lead.contact.source\n          ? this.lead.contact.source.name\n          : \"Indefinido\";\n      let notificationData = {\n        role: payload.role,\n        leadId: leadId,\n        contactId: payload.contact_id,\n        message: `${userName}: ${notificationText}`,\n        headings: this.headingsLayout(name, zone, how),\n        largeIcon: localStorage.getItem(\"user_image\"),\n        zones: this.lead.zones ? [this.lead.zones] : []\n      };\n      this.fetchNotificationComment(notificationData);\n      // .then((response) => {\n      // })\n    },\n    clearNewComment() {\n      this.newComment = \"\";\n      this.sendingMessage = false;\n      this.file = null;\n    },\n    // volver a obtener los datos del lead actual\n    // se obtendrían los comentarios actualizados\n    setActualLead(leadId) {\n      // let self = this;\n      // self.setLoading(true);\n      let userContactId = localStorage.getItem(\"contact_id\");\n      if (\n        this.leadTrackingPhase === \"assigned\" &&\n        this.lead.contact_broker_id === userContactId\n      ) {\n        this.sendUpdateLead();\n        this.fetchActualLead(leadId);\n      } else {\n        this.fetchActualLead(leadId);\n      }\n    },\n    sendUpdateLead() {\n      let self = this;\n      new Promise(resolve => {\n        self\n          .fetchUpdatelLead({\n            leadId: this.leadId,\n            contactLeadId: this.lead.contact_lead_id,\n            lead: {\n              phase: \"active\",\n              tracking_phase: \"tracking\",\n              operation_phase: \"\",\n              discard_observations: \"\"\n            }\n          })\n          .catch(() => {\n            resolve(); // ¡Todo salió bien!\n            self.$snotify.error(\n              \"Error!!!\",\n              `Ocurrio un problema actualizar el lead.`,\n              {\n                closeOnClick: true,\n                timeout: 4000\n              }\n            );\n          })\n          .finally(async () => {\n            self.setLoading(false);\n            setTimeout(() => {\n              self.innerLoading = false;\n              resolve(); // ¡Todo salió bien!\n            }, 1000);\n            await this.fetchActualLead(this.lead._id);\n            // Se hace este parseo para que cuando mute el lead, no cambie el secundario\n            let data = JSON.parse(JSON.stringify(this.lead));\n            this.$store.commit(\"leads/setSecondaryLead\", data);\n          });\n      });\n    },\n    // pasar a una librería\n    getSafeNestedField(fn, defaultVal) {\n      try {\n        return fn();\n      } catch (e) {\n        return defaultVal;\n      }\n    },\n    headingsLayout(name, zone, how) {\n      let heading = \"\";\n      if (name) {\n        heading += `${name} `;\n      }\n      if (zone) {\n        heading += `| ${zone} `;\n      }\n      if (how) {\n        heading += `| ${how}`;\n      }\n      return heading;\n    },\n    srcImgMethod(c) {\n      const imgComment = this.getUserComment(c);\n      if (\n        imgComment &&\n        imgComment.media &&\n        imgComment.media.featured_image &&\n        imgComment.media.featured_image.src &&\n        imgComment.media.featured_image.src !== \"\"\n      ) {\n        return imgComment.media.featured_image.src;\n      } else if (imgComment && imgComment.name && imgComment.name !== \"\") {\n        const imgAuto = this.createDummyImgFormat(imgComment.name);\n        return imgAuto;\n      } else {\n        return this.createDummyImgFormat();\n      }\n    },\n    async sendAddFileLead() {\n      this.isLoading = true;\n      const url =\n        \"https://api.cloudinary.com/v1_1/capital28-investments/upload\";\n      try {\n        // Preparando imagen\n        let formData = new FormData();\n        formData.append(\"file\", this.file);\n        formData.append(\"upload_preset\", \"comments_image_capital_28\");\n        // subir imagen a cloudinary\n        const data = await fetch(url, { method: \"POST\", body: formData });\n        const json = await data.json();\n        // Actuaizar url en la DB\n        return json.secure_url\n      } catch (e) {\n        this.file = null;\n        this.$snotify.error(`Ocurrio un erro al subir la imagen.`, `Error!`, {\n          closeOnClick: true,\n          timeout: 4000\n        });\n      }\n    }\n  }\n};\n</script>\n<style scope>\n\n.v-list-item  {\n  align-items: normal !important;\n}\n\n.v-input__prepend-outer {\n  margin-top: 2px !important;\n  margin-right: 4px !important;\n}\n\n.comment-text {\n  padding: 10px;\n  border-radius: 5px 5px;\n  background-color: #6b717e17;\n  white-space: normal;\n  font-weight: 300;\n  font-size: 12px;\n  text-align: justify;\n}\n.v-input__append-outer i {\n  color: #262d3c !important;\n}\n\n.my-item-comment {\n  width: 100%;\n  height: 100%;\n  min-height: 82px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0px 12px 0px 13px;\n}\n\n.my-item-comment .comment-figure {\n  max-width: max-content;\n  min-height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.my-item-comment .comment-figure .figure-dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 100%;\n  background: #60a6a4;\n}\n.my-item-comment .comment-figure .figure-divider {\n  width: 2px;\n  height: 36px;\n  background: rgba(0, 0, 0, 0.1);\n}\n\n.comment-figure-img {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin-right: 16px;\n}\n\n.comment-figure-img .figure-img {\n  width: 40px;\n  border-radius: 100%;\n}\n.comment-figure-img .figure-divider {\n  width: 2px;\n  min-height: 20px;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.1);\n}\n.figure-divider-final {\n  width: 2px;\n  height: 40px;\n  min-height: 44px;\n  background: rgba(0, 0, 0, 0.1);\n}\n.arrow {\n  border: solid rgba(0, 0, 0, 0.2);\n  border-width: 0 2px 2px 0;\n  display: inline-block;\n  padding: 6px;\n  margin: -13px;\n}\n.up {\n  transform: rotate(-135deg);\n  -webkit-transform: rotate(-135deg);\n}\n.inicio-comments {\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  max-width: 30px;\n  min-width: 30px;\n  background: rgb(207, 207, 207);\n  height: 1px;\n}\n\n.my-item-comment .item-comment-content {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  padding-left: 24px;\n}\n\n.my-item-comment .item-comment-content .comment-content-title p {\n  margin: 0;\n}\n\n.my-item-comment .item-comment-content .comment-content-title {\n  display: flex;\n  flex-direction: row;\n  column-gap: 4px;\n  font-size: 12px;\n}\n@media (max-width: 668px) {\n  .my-item-comment .item-comment-content .comment-content-title {\n    flex-direction: column;\n    gap: 2px;\n  }\n}\n\n.my-item-comment\n  .item-comment-content\n  .comment-content-title\n  .content-title-primary {\n  font-weight: 400;\n}\n\n.my-item-comment\n  .item-comment-content\n  .comment-content-title\n  .content-title-clock {\n  font-weight: 300;\n}\n\n.my-item-comment .item-comment-content .comment-content-text {\n  white-space: normal;\n  font-weight: 300;\n  font-size: 12px;\n  text-align: justify;\n}\n</style>\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-loader/lib/index.js??vue-loader-options!./LeadComments.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-loader/lib/index.js??vue-loader-options!./LeadComments.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LeadComments.vue?vue&type=template&id=678a4432&\"\nimport script from \"./LeadComments.vue?vue&type=script&lang=js&\"\nexport * from \"./LeadComments.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LeadComments.vue?vue&type=style&index=0&id=678a4432&prod&scope=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../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":""}