{"version":3,"sources":["webpack:///./src/apps/call/CallViewItem_components/TaskCreator.vue?58df","webpack:///src/apps/call/CallViewItem_components/TaskCreator.vue","webpack:///./src/apps/call/CallViewItem_components/TaskCreator.vue?8c99","webpack:///./src/apps/call/CallViewItem_components/TaskCreator.vue"],"names":["render","_vm","this","_c","_self","callItem","activityCounterparts","length","staticClass","_v","_s","staticText","updateTask","attrs","name","model","value","callback","$$v","subject","expression","Array","isArray","users","assignTaskTo","selectedUser","_e","timeAllowed","datetimeLabel","dateLabel","dateError","datetimeFormat","datetimeFormatted","dateTime","on","selectedCounterpart","_l","field","key","id","label","uniqueId","getDatetimeFormat","raw_definition","crmItems","$set","created","creating","createTaskBtn","creatingTask","createdTask","isPreviewMode","createTask","alertText","staticRenderFns","mixins","ActivityCreatorMixin","props","type","Object","required","staticTextDefault","noDateError","taskDueDateLabel","assignedToLabel","counterpartLabel","linkToActivityLabel","warningMessage","taskCreateFailed","computed","timeAllowedServices","includes","crm_service","crm_items","filter","crm_object_link","service_key","watch","val","getActivityUsers","deep","newValue","itemNotes","notes","methods","data","date","text","utils","strip","task_assignee_id","keys","fieldName","fieldValue","entries","createActivity","correspondingFields","crm_field_id","component"],"mappings":"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","file":"js/TaskCreator.1a0f2a4c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(!!_vm.callItem && _vm.activityCounterparts && _vm.activityCounterparts.length > 0)?_c('div',{staticClass:\"mt-3\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"row col-3 mt-2\"},[_vm._v(\" \"+_vm._s(_vm.staticText.updateTask)+\" \")]),_c('div',{staticClass:\"w-100\"},[_c('b-form-input',{staticClass:\"d-flex ml-auto mb-3\",attrs:{\"placeholder\":_vm.callItem.name,\"type\":\"text\"},model:{value:(_vm.subject),callback:function ($$v) {_vm.subject=$$v},expression:\"subject\"}})],1)]),(Array.isArray(_vm.users) && _vm.users.length)?_c('div',{staticClass:\"d-flex mb-2\"},[_c('div',{staticClass:\"row col-3 mt-2\"},[_vm._v(\" \"+_vm._s(_vm.staticText.assignTaskTo)+\" \")]),_c('multiselect',{attrs:{\"options\":_vm.users,\"show-labels\":false,\"track-by\":\"id\",\"label\":\"name\"},model:{value:(_vm.selectedUser),callback:function ($$v) {_vm.selectedUser=$$v},expression:\"selectedUser\"}})],1):_vm._e(),_c('div',{staticClass:\"d-flex mb-2\"},[_c('div',{staticClass:\"w-50 mr-2\"},[_c('VueCtkDateTimePicker',{attrs:{\"id\":\"crm-date-picker-202101271355\",\"label\":this.timeAllowed ? _vm.staticText.datetimeLabel : _vm.staticText.dateLabel,\"error\":_vm.dateError,\"format\":_vm.datetimeFormat,\"formatted\":_vm.datetimeFormatted,\"onlyDate\":!this.timeAllowed},model:{value:(_vm.dateTime),callback:function ($$v) {_vm.dateTime=$$v},expression:\"dateTime\"}})],1),(_vm.activityCounterparts)?_c('BaseCounterpartSelector',{attrs:{\"pre-selected-counterparts\":_vm.activityCounterparts[0] || null,\"items\":_vm.activityCounterparts},on:{\"input\":value => _vm.selectedCounterpart=value}}):_vm._e()],1),_vm._l((_vm.correspondingFields),function(field){return _c('div',{key:field.id},[_c('div',{staticClass:\"d-flex row my-2 align-items-center\"},[_c('div',{staticClass:\"col-4\"},[_vm._v(\" \"+_vm._s(field.label)+\":\")]),_c('typed-input-field',{staticClass:\"col\",attrs:{\"itemId\":_vm.callItem.uniqueId,\"datetimeFormatString\":_vm.getDatetimeFormat(field),\"linked-field\":field,\"field-definition\":field.raw_definition},model:{value:(_vm.crmItems[field.raw_definition.id]),callback:function ($$v) {_vm.$set(_vm.crmItems, field.raw_definition.id, $$v)},expression:\"crmItems[field.raw_definition.id]\"}})],1)])}),_c('div',{staticClass:\"w-100 d-flex justify-content-end\"},[_c('ActivityCreateButton',{attrs:{\"is-created\":_vm.created,\"is-creating\":_vm.creating,\"button-label\":_vm.staticText.createTaskBtn,\"creating-label\":_vm.staticText.creatingTask,\"created-label\":_vm.staticText.createdTask,\"disabled\":_vm.isPreviewMode},on:{\"create\":_vm.createTask}})],1)],2):_c('div',[_c('base-alert',{staticClass:\"mt-3\",attrs:{\"id\":\"no-counterpart-alert-202101051246\",\"alert-message\":_vm.staticText.alertText,\"show-alert\":true,\"variant\":\"danger\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-if=\"!!callItem && activityCounterparts && activityCounterparts.length > 0\"\n         class=\"mt-3\"\n    >\n      <div class=\"d-flex\">\n        <div class=\"row col-3 mt-2\">\n          {{ staticText.updateTask }}\n        </div>\n\n        <div class=\"w-100\">\n          <b-form-input v-model=\"subject\"\n                        :placeholder=\"callItem.name\"\n                        class=\"d-flex ml-auto mb-3\"\n                        type=\"text\"\n          ></b-form-input>\n        </div>\n      </div>\n\n      <!-- assign task to available user -->\n      <div v-if=\"Array.isArray(users) && users.length\"\n           class=\"d-flex mb-2\"\n      >\n        <div class=\"row col-3 mt-2\">\n          {{ staticText.assignTaskTo }}\n        </div>\n\n        <multiselect v-model=\"selectedUser\"\n                     :options=\"users\"\n                     :show-labels=\"false\"\n                     track-by=\"id\"\n                     label=\"name\"\n        ></multiselect>\n      </div>\n\n      <div class=\"d-flex mb-2\">\n        <div class=\"w-50 mr-2\">\n          <VueCtkDateTimePicker id=\"crm-date-picker-202101271355\"\n                                v-model=\"dateTime\"\n                                :label=\"this.timeAllowed ? staticText.datetimeLabel : staticText.dateLabel\"\n                                :error=\"dateError\"\n                                :format=\"datetimeFormat\"\n                                :formatted=\"datetimeFormatted\"\n                                :onlyDate=\"!this.timeAllowed\"\n          />\n        </div>\n\n        <BaseCounterpartSelector\n          v-if=\"activityCounterparts\"\n          :pre-selected-counterparts=\"activityCounterparts[0] || null\"\n          :items=\"activityCounterparts\"\n          @input=\"value => selectedCounterpart=value\"\n        />\n      </div>\n\n      <!--  Additional Fields    -->\n      <div v-for=\"field in correspondingFields\"\n           :key=\"field.id\"\n      >\n        <div class=\"d-flex row my-2 align-items-center\">\n          <div class=\"col-4\"> {{ field.label }}:</div>\n\n          <typed-input-field v-model=\"crmItems[field.raw_definition.id]\"\n                             :itemId=\"callItem.uniqueId\"\n                             :datetimeFormatString=\"getDatetimeFormat(field)\"\n                             :linked-field=\"field\"\n                             :field-definition=\"field.raw_definition\"\n                             class=\"col\"\n          ></typed-input-field>\n\n        </div>\n      </div>\n\n      <!-- create button -->\n      <div class=\"w-100 d-flex justify-content-end\">\n        <ActivityCreateButton\n          :is-created=\"created\"\n          :is-creating=\"creating\"\n          :button-label=\"staticText.createTaskBtn\"\n          :creating-label=\"staticText.creatingTask\"\n          :created-label=\"staticText.createdTask\"\n          :disabled=\"isPreviewMode\"\n          @create=\"createTask\"\n        />\n      </div>\n    </div>\n\n    <div v-else>\n      <base-alert\n        id=\"no-counterpart-alert-202101051246\"\n        :alert-message=\"staticText.alertText\"\n        :show-alert=\"true\"\n        variant=\"danger\"\n        class=\"mt-3\"\n      ></base-alert>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { ActivityCreatorMixin } from \"@/apps/call/CallViewItem_components/ActivityCreatorMixin\"\n\nexport default {\n  name: \"TaskCreator\",\n  mixins: [ActivityCreatorMixin],\n  props: {\n    callItem: {\n      type: Object,\n      required: true\n    }\n  },\n  data () {\n    return {\n      staticTextDefault: {\n        createTaskBtn: \"Create CRM Task\",\n        datetimeLabel: \"Select date & time\",\n        dateLabel: \"Select date\",\n        noDateError: \"Date invalid\",\n        createdTask: \"Task created\",\n        creatingTask: \"Creating task ...\",\n        updateTask: \"Task Subject\",\n        assignTaskTo: \"Assign task to\",\n        alertText: \"To create a CRM task select a counterpart in the top-right corner.\",\n        taskDueDateLabel: \"Task Due Date\",\n        assignedToLabel: \"Assigned to\",\n        counterpartLabel: \"Counterpart\",\n        linkToActivityLabel: \"Link to Task\",\n        warningMessage: \"Error in creating CRM Task.\"\n      },\n      selectedCounterpart: null,\n      dateError: false,\n      dateTime: null,\n      crmItems: {},\n      taskCreateFailed: false\n    }\n  },\n  computed: {\n    timeAllowed () {\n      const timeAllowedServices = [\"hubspot\", \"pipedrive\", \"zendesk\", \"sugarcrm\"]\n      return this.selectedCounterpart && timeAllowedServices.includes(this.selectedCounterpart.crm_service)\n    },\n    datetimeFormat () {\n      if (this.timeAllowed) return \"YYYY-MM-DD HH:mm\"\n      return \"YYYY-MM-DD\"\n    },\n    datetimeFormatted () {\n      if (this.timeAllowed) return \"lll\"\n      return \"ll\"\n    },\n    correspondingFields () {\n      if (!this.callItem.crm_items) return []\n      return this.callItem.crm_items.filter(field => {\n        return this.selectedCounterpart &&\n          this.selectedCounterpart.crm_service &&\n          field.crm_object_link.service_key === this.selectedCounterpart.crm_service\n      })\n    }\n  },\n  watch: {\n    activityCounterparts: {\n      handler (val) {\n        if (!this.selectedCounterpart) {\n          this.selectedCounterpart = val[0]\n          if (this.selectedCounterpart) this.getActivityUsers(this.selectedCounterpart.crm_service)\n        }\n      },\n      deep: true\n    },\n    counterpart (val) {\n      if (val) this.getActivityUsers(val.crm_service)\n    },\n    dateTime () {\n      this.dateError = false\n    },\n    callItem: {\n      handler (newValue) {\n        this.itemNotes = newValue.notes\n      },\n      deep: true\n    }\n  },\n  mounted () {\n    this.itemNotes = this.callItem.notes\n    this.subject = this.callItem.name\n    if (!this.selectedCounterpart && !!this.activityCounterparts && this.activityCounterparts.length) {\n      this.selectedCounterpart = this.activityCounterparts[0]\n    }\n    if (this.selectedCounterpart) {\n      this.getActivityUsers(this.selectedCounterpart.crm_service)\n    }\n  },\n  methods: {\n    createTask () {\n      if (!this.dateTime) {\n        this.dateError = true\n        return\n      }\n      const data = {\n        subject: this.subject,\n        date: this.dateTime\n      }\n      data.text = this.itemNotes ? this.utils.strip(this.itemNotes) : \"\"\n      if (this.selectedUser) {\n        data.task_assignee_id = this.selectedUser.id\n      }\n      if (this.crmItems && Object.keys(this.crmItems).length > 0) {\n        data.crm_items = {}\n        for (const [fieldName, fieldValue] of Object.entries(this.crmItems)) {\n          if (fieldValue != null) {\n            data.crm_items[fieldName] = fieldValue.label ? fieldValue.label : fieldValue\n          }\n        }\n      }\n      this.createActivity(\"task\", data)\n    },\n    getNotesToUpdate () {\n      let notes = \"\"\n      notes += this.selectedUser ? `<p>${this.staticText.assignedToLabel}: ${this.selectedUser.name}</p>` : \"\"\n      notes += `<p>${this.staticText.taskDueDateLabel}: ${this.dateTime}</p>`\n      notes += `<p>${this.staticText.counterpartLabel}: ${this.selectedCounterpart.name}</p>`\n\n      for (const field of this.correspondingFields) {\n        if (this.crmItems[field.crm_field_id]) {\n          const fieldValue = this.crmItems[field.crm_field_id].label\n            ? this.crmItems[field.crm_field_id].label\n            : this.crmItems[field.crm_field_id]\n          notes += `<p>${field.name}: ${fieldValue}</p>`\n        }\n      }\n      return notes\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./TaskCreator.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./TaskCreator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TaskCreator.vue?vue&type=template&id=46da91e6&scoped=true&\"\nimport script from \"./TaskCreator.vue?vue&type=script&lang=js&\"\nexport * from \"./TaskCreator.vue?vue&type=script&lang=js&\"\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  \"46da91e6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}