(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[87],{ /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Reports/PurchaserInteractionsBreakdown/PurchaserInteractionsBreakdown.vue?vue&type=script&lang=js": /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Reports/PurchaserInteractionsBreakdown/PurchaserInteractionsBreakdown.vue?vue&type=script&lang=js ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_reduce_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.reduce.js */ \"./node_modules/core-js/modules/es.array.reduce.js\");\n/* harmony import */ var core_js_modules_es_array_reduce_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_reduce_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment */ \"./node_modules/moment/moment.js\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _Transaction_Transaction_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../Transaction/Transaction.vue */ \"./src/components/Transaction/Transaction.vue\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _lib_setPageTitle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../lib/setPageTitle */ \"./src/lib/setPageTitle.js\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'PurchaserInteractionsBreakdown',\n components: {\n Transaction: _Transaction_Transaction_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n },\n data() {\n return {\n escrowStatusFilter: 1,\n escrowStatusItems: [{\n key: null,\n value: 'All'\n }, {\n key: 1,\n value: 'Open Escrow'\n }, {\n key: 3,\n value: 'Closed Escrow'\n }],\n dateRange: [moment__WEBPACK_IMPORTED_MODULE_1___default()().subtract(1, 'months').format('YYYY-MM-DD'), moment__WEBPACK_IMPORTED_MODULE_1___default()().format('YYYY-MM-DD')],\n modal: false,\n headers: [{\n text: 'Lot',\n value: 'lot',\n sortable: true\n }, {\n text: 'Buyer Name',\n value: 'buyerName',\n sortable: true\n }, {\n text: 'Contract Date',\n value: 'contractDate',\n sortable: true,\n width: '120px'\n }, {\n text: 'Walk-ins',\n value: 'walkins',\n sortable: true\n }, {\n text: 'Appts Kept',\n value: 'apptsKept',\n sortable: true\n }, {\n text: 'Phone Reached',\n value: 'phoneReached',\n sortable: true\n }, {\n text: 'SMS',\n value: 'sms',\n sortable: true\n }, {\n text: 'Emails',\n value: 'emails',\n sortable: true\n }, {\n text: 'Other Comm',\n value: 'otherComm',\n sortable: true\n }, {\n text: 'Web Logins',\n value: 'webLogins',\n sortable: true\n }, {\n text: 'Web Interactions',\n value: 'webInteractions',\n sortable: true\n }, {\n text: 'Interactions per Login',\n value: 'interactionsPerLogin',\n sortable: true\n }, {\n text: 'Total eBlasts',\n value: 'totalEblasts',\n sortable: true\n }, {\n text: 'Opens',\n value: 'opens',\n sortable: true\n }, {\n text: 'Clicks',\n value: 'clicks',\n sortable: true\n }, {\n text: 'Total Engagements',\n value: 'totalEngagements',\n sortable: true\n }, {\n text: 'Total Outbound',\n value: 'totalOutbound',\n sortable: true\n }],\n listData: [],\n transactionDialog: false,\n currentTransaction: null,\n reportReady: false,\n totalEscrows: 0\n };\n },\n mounted() {\n Object(_lib_setPageTitle__WEBPACK_IMPORTED_MODULE_4__[\"setPageTitle\"])('Purchaser Interactions Breakdown', this.$parent.$el.className, true);\n },\n beforeMount() {\n this.getReport();\n },\n computed: {\n formattedDateRange() {\n const from = this.dateRange ? moment__WEBPACK_IMPORTED_MODULE_1___default()(this.dateRange[0]).format('MMM D, YYYY') : '';\n const to = this.dateRange && this.dateRange[1] ? moment__WEBPACK_IMPORTED_MODULE_1___default()(this.dateRange[1]).format('MMM D, YYYY') : '';\n return `${from} ${this.dateRange ? ' - ' : ''} ${to}`;\n },\n setTableHeight() {\n return this.listData.length > 10 ? '700px' : '100%';\n },\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapState\"])('AuthUser', ['activeProjects', 'activeNamespaceObj'])\n },\n methods: {\n selectedProjectsStartandEndDate() {\n const selected = this.activeNamespaceObj.Projects.filter(p => this.activeProjects.includes(p.id) && p.startDate && p.endDate);\n if (selected.length === 1) {\n return {\n startDate: selected[0].startDate,\n endDate: selected[0].endDate\n };\n }\n const startDatesArray = selected.map(p => p.startDate);\n const endDatesArray = selected.map(p => p.endDate);\n const oldestStartDate = startDatesArray.reduce((a, b) => a < b ? a : b);\n const latestEndDate = endDatesArray.reduce((a, b) => a > b ? a : b);\n return {\n startDate: oldestStartDate,\n endDate: latestEndDate\n };\n },\n displayAllEscrows() {\n const {\n startDate,\n endDate\n } = this.selectedProjectsStartandEndDate();\n this.dateRange = [moment__WEBPACK_IMPORTED_MODULE_1___default()(startDate).format('YYYY-MM-DD'), moment__WEBPACK_IMPORTED_MODULE_1___default()(endDate).format('YYYY-MM-DD')];\n this.getReport();\n },\n totalsClass(value) {\n const classString = 'borderTop';\n return value === 'totalEngagements' ? `${classString} borderLeft` : classString;\n },\n async getReport(fromInput = false) {\n this.reportReady = false;\n if (fromInput) {\n this.$refs.dialog.save(this.dateRange);\n }\n const count = await this.$store.dispatch('Reports/pullPurchaserInteractionsBreakdownCount', {\n dateRange: this.dateRange\n });\n this.totalEscrows = count;\n const reportData = await this.$store.dispatch('Reports/pullPurchaserInteractionsBreakdown', {\n dateRange: this.dateRange,\n escrowFilter: this.escrowStatusFilter\n });\n this.listData = reportData;\n this.reportReady = true;\n },\n getContractDate(item) {\n return moment__WEBPACK_IMPORTED_MODULE_1___default()(item.contractDate).format('MMM D, YYYY');\n },\n calcTotalEngagements(item) {\n return item.walkins + item.apptsKept + item.phoneReached + item.sms + item.emails + item.otherComm + item.webLogins + item.clicks;\n },\n calcInteractionsPerLogin(item) {\n if (!item.webInteractions && !item.webLogins) return 0;\n return item.webInteractions / item.webLogins;\n },\n calcTotals(column) {\n let total = 0;\n if (column === 'totalEngagements') {\n total = this.listData.reduce((acc, item) => acc + this.calcTotalEngagements(item), 0);\n } else if (column === 'interactionsPerLogin') {\n total = this.listData.reduce((acc, item) => acc + this.calcInteractionsPerLogin(item), 0);\n } else {\n total = this.listData.reduce((acc, item) => acc + item[column], 0);\n }\n if (total % 1 === 0) {\n return total;\n } else {\n return total.toFixed(1);\n }\n },\n calcAverages(column) {\n const total = this.calcTotals(column);\n if (total === 0) return 0;\n return (total / this.listData.length).toFixed(1);\n },\n displayTransaction(id) {\n this.currentTransaction = id;\n this.transactionDialog = true;\n },\n closeTransactionDialog() {\n this.transactionDialog = false;\n },\n goToContact(contactId) {\n this.$store.dispatch('Contact/openContactWithRelatedCPIS', contactId);\n }\n }\n});\n\n//# sourceURL=webpack:///./src/components/Reports/PurchaserInteractionsBreakdown/PurchaserInteractionsBreakdown.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"57799412-vue-loader-template\"}!./node_modules/vuetify-loader/lib/loader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Reports/PurchaserInteractionsBreakdown/PurchaserInteractionsBreakdown.vue?vue&type=template&id=a7f8fb82&scoped=true": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"57799412-vue-loader-template"}!./node_modules/vuetify-loader/lib/loader.js??ref--4!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Reports/PurchaserInteractionsBreakdown/PurchaserInteractionsBreakdown.vue?vue&type=template&id=a7f8fb82&scoped=true ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\n/* harmony import */ var vuetify_lib_components_VBtn__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuetify/lib/components/VBtn */ \"./node_modules/vuetify/lib/components/VBtn/index.js\");\n/* harmony import */ var vuetify_lib_components_VCard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuetify/lib/components/VCard */ \"./node_modules/vuetify/lib/components/VCard/index.js\");\n/* harmony import */ var vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuetify/lib/components/VGrid */ \"./node_modules/vuetify/lib/components/VGrid/index.js\");\n/* harmony import */ var vuetify_lib_components_VDataTable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuetify/lib/components/VDataTable */ \"./node_modules/vuetify/lib/components/VDataTable/index.js\");\n/* harmony import */ var vuetify_lib_components_VDatePicker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vuetify/lib/components/VDatePicker */ \"./node_modules/vuetify/lib/components/VDatePicker/index.js\");\n/* harmony import */ var vuetify_lib_components_VDialog__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vuetify/lib/components/VDialog */ \"./node_modules/vuetify/lib/components/VDialog/index.js\");\n/* harmony import */ var vuetify_lib_components_VIcon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vuetify/lib/components/VIcon */ \"./node_modules/vuetify/lib/components/VIcon/index.js\");\n/* harmony import */ var vuetify_lib_components_VSelect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vuetify/lib/components/VSelect */ \"./node_modules/vuetify/lib/components/VSelect/index.js\");\n/* harmony import */ var vuetify_lib_components_VTextField__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vuetify/lib/components/VTextField */ \"./node_modules/vuetify/lib/components/VTextField/index.js\");\n/* harmony import */ var vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vuetify/lib/components/VToolbar */ \"./node_modules/vuetify/lib/components/VToolbar/index.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"12\"\n }\n }, [_c(vuetify_lib_components_VCard__WEBPACK_IMPORTED_MODULE_1__[\"VCard\"], [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_9__[\"VToolbar\"], {\n staticClass: \"$mdc-typography-styles-subtitle2 filterHeading rounded-0 pa-2\",\n staticStyle: {\n \"font-weight\": \"bold\",\n \"text-transform\": \"uppercase\"\n },\n attrs: {\n height: \"80\",\n dense: \"\",\n elevation: \"1\",\n color: \"indigo lighten-5\"\n }\n }, [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], {\n staticClass: \"justify-center align-center\"\n }, [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], [_c(\"span\", {\n staticClass: \"filterSection\"\n }, [_vm._v(\"Showing \" + _vm._s(_vm.listData.length) + \" Results out of \" + _vm._s(_vm.totalEscrows))])]), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n staticClass: \"mr-5\"\n }, [_c(vuetify_lib_components_VSelect__WEBPACK_IMPORTED_MODULE_7__[\"VSelect\"], {\n attrs: {\n label: \"Filter\",\n items: _vm.escrowStatusItems,\n outlined: \"\",\n dense: \"\",\n \"item-text\": \"value\",\n \"item-value\": \"key\"\n },\n on: {\n change: _vm.getReport\n },\n model: {\n value: _vm.escrowStatusFilter,\n callback: function ($$v) {\n _vm.escrowStatusFilter = $$v;\n },\n expression: \"escrowStatusFilter\"\n }\n })], 1), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], [_c(vuetify_lib_components_VDialog__WEBPACK_IMPORTED_MODULE_5__[\"VDialog\"], {\n ref: \"dialog\",\n attrs: {\n \"return-value\": _vm.dateRange,\n persistent: \"\",\n width: \"290px\"\n },\n on: {\n \"update:returnValue\": function ($event) {\n _vm.dateRange = $event;\n },\n \"update:return-value\": function ($event) {\n _vm.dateRange = $event;\n }\n },\n scopedSlots: _vm._u([{\n key: \"activator\",\n fn: function ({\n on,\n attrs\n }) {\n return [_c(vuetify_lib_components_VTextField__WEBPACK_IMPORTED_MODULE_8__[\"VTextField\"], _vm._g(_vm._b({\n attrs: {\n label: \"Date Range\",\n \"prepend-icon\": \"mdi-calendar\",\n readonly: \"\",\n color: \"secondary\",\n outlined: \"\",\n dense: \"\"\n },\n scopedSlots: _vm._u([{\n key: \"append-outer\",\n fn: function () {\n return [_c(vuetify_lib_components_VBtn__WEBPACK_IMPORTED_MODULE_0__[\"VBtn\"], {\n attrs: {\n small: \"\",\n color: \"secondary\"\n },\n on: {\n click: _vm.displayAllEscrows\n }\n }, [_vm._v(\" SHOW ALL ESCROWS \")])];\n },\n proxy: true\n }], null, true),\n model: {\n value: _vm.formattedDateRange,\n callback: function ($$v) {\n _vm.formattedDateRange = $$v;\n },\n expression: \"formattedDateRange\"\n }\n }, \"v-text-field\", attrs, false), on))];\n }\n }]),\n model: {\n value: _vm.modal,\n callback: function ($$v) {\n _vm.modal = $$v;\n },\n expression: \"modal\"\n }\n }, [_c(vuetify_lib_components_VDatePicker__WEBPACK_IMPORTED_MODULE_4__[\"VDatePicker\"], {\n attrs: {\n color: \"secondary\",\n range: \"\",\n scrollable: \"\"\n },\n model: {\n value: _vm.dateRange,\n callback: function ($$v) {\n _vm.dateRange = $$v;\n },\n expression: \"dateRange\"\n }\n }, [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VSpacer\"]), _c(vuetify_lib_components_VBtn__WEBPACK_IMPORTED_MODULE_0__[\"VBtn\"], {\n attrs: {\n text: \"\",\n color: \"secondary\"\n },\n on: {\n click: function ($event) {\n _vm.modal = false;\n }\n }\n }, [_vm._v(\" Cancel \")]), _c(vuetify_lib_components_VBtn__WEBPACK_IMPORTED_MODULE_0__[\"VBtn\"], {\n attrs: {\n text: \"\",\n color: \"secondary\"\n },\n on: {\n click: function ($event) {\n return _vm.getReport(true);\n }\n }\n }, [_vm._v(\" OK \")])], 1)], 1)], 1)], 1)], 1), _vm.reportReady ? _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], [_c(vuetify_lib_components_VDataTable__WEBPACK_IMPORTED_MODULE_3__[\"VDataTable\"], {\n staticClass: \"elevation-1\",\n attrs: {\n headers: _vm.headers,\n items: _vm.listData,\n \"disable-pagination\": \"\",\n \"hide-default-footer\": \"\",\n height: _vm.setTableHeight,\n \"fixed-header\": \"\"\n },\n scopedSlots: _vm._u([{\n key: \"body\",\n fn: function ({\n items\n }) {\n return [_c(\"tbody\", [_vm._l(items, function (item) {\n return _c(\"tr\", {\n key: item.transactionId\n }, [_c(\"td\", [_vm._v(_vm._s(item.lot))]), _c(\"td\", [_c(\"span\", {\n staticClass: \"popoutBtn customBtn\",\n attrs: {\n text: \"\",\n color: \"secondary\",\n \"x-small\": \"\"\n },\n on: {\n click: function ($event) {\n return _vm.goToContact(item.PrimaryBuyerContactId);\n }\n }\n }, [_vm._v(\" \" + _vm._s(item.buyerName) + \" \")])]), _c(\"td\", [_c(\"span\", {\n staticClass: \"popoutBtn customBtn\",\n attrs: {\n text: \"\",\n color: \"secondary\",\n \"x-small\": \"\"\n },\n on: {\n click: function ($event) {\n return _vm.displayTransaction(item.transactionId);\n }\n }\n }, [_vm._v(\" \" + _vm._s(_vm.getContractDate(item)) + \" \")])]), _c(\"td\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(item.walkins))]), _c(\"td\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(item.apptsKept))]), _c(\"td\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(item.phoneReached))]), _c(\"td\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(item.sms))]), _c(\"td\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(item.emails))]), _c(\"td\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(item.otherComm))]), _c(\"td\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(item.webLogins))]), _c(\"td\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(item.webInteractions))]), _c(\"td\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(_vm.calcInteractionsPerLogin(item).toFixed(1)))]), _c(\"td\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(item.totalEblasts))]), _c(\"td\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(item.opens))]), _c(\"td\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(item.clicks))]), _c(\"td\", {\n staticClass: \"borderLeft font-weight-bold\"\n }, [_vm._v(_vm._s(_vm.calcTotalEngagements(item)))]), _c(\"td\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(item.totalOutbound))])]);\n }), _c(\"tr\", {\n staticClass: \"borderTop totalRow\"\n }, _vm._l(_vm.headers, function (item) {\n return _c(\"td\", {\n key: item.value,\n class: _vm.totalsClass(item.value)\n }, [item.value === \"contractDate\" ? _c(\"p\", {\n staticClass: \"font-weight-bold text-center pa-0 ma-0 subtitle-1\"\n }, [_vm._v(\"Total\")]) : item.value !== \"buyerName\" && item.value !== \"lot\" ? _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(\" \" + _vm._s(_vm.calcTotals(item.value)) + \" \")]) : _vm._e()]);\n }), 0), _c(\"tr\", {\n staticClass: \"averageRow\"\n }, _vm._l(_vm.headers, function (item) {\n return _c(\"td\", {\n key: item.value,\n class: _vm.totalsClass(item.value)\n }, [item.value === \"contractDate\" ? _c(\"p\", {\n staticClass: \"font-weight-bold text-center pa-0 ma-0 subtitle-1\"\n }, [_vm._v(\"Average\")]) : item.value !== \"buyerName\" && item.value !== \"lot\" ? _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(\" \" + _vm._s(_vm.calcAverages(item.value)) + \" \")]) : _vm._e()]);\n }), 0)], 2)];\n }\n }], null, false, 1634214977)\n })], 1), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"12\"\n }\n }, [_c(vuetify_lib_components_VDialog__WEBPACK_IMPORTED_MODULE_5__[\"VDialog\"], {\n attrs: {\n persistent: \"\",\n \"max-width\": \"80%\"\n },\n model: {\n value: _vm.transactionDialog,\n callback: function ($$v) {\n _vm.transactionDialog = $$v;\n },\n expression: \"transactionDialog\"\n }\n }, [_c(vuetify_lib_components_VCard__WEBPACK_IMPORTED_MODULE_1__[\"VCard\"], [_c(vuetify_lib_components_VCard__WEBPACK_IMPORTED_MODULE_1__[\"VCardActions\"], [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VSpacer\"]), _c(vuetify_lib_components_VBtn__WEBPACK_IMPORTED_MODULE_0__[\"VBtn\"], {\n attrs: {\n color: \"red\",\n text: \"\"\n },\n on: {\n click: _vm.closeTransactionDialog\n }\n }, [_vm._v(\" Close \"), _c(vuetify_lib_components_VIcon__WEBPACK_IMPORTED_MODULE_6__[\"VIcon\"], [_vm._v(\"mdi-close\")])], 1)], 1), _vm.transactionDialog ? _c(\"Transaction\", {\n attrs: {\n transactionIdProp: _vm.currentTransaction\n }\n }) : _vm._e()], 1)], 1)], 1)], 1) : _vm._e()], 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack:///./src/components/Reports/PurchaserInteractionsBreakdown/PurchaserInteractionsBreakdown.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2257799412-vue-loader-template%22%7D!./node_modules/vuetify-loader/lib/loader.js??ref--4!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Reports/PurchaserInteractionsBreakdown/PurchaserInteractionsBreakdown.vue?vue&type=style&index=0&id=a7f8fb82&lang=scss&scoped=true": /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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-loader/lib??vue-loader-options!./src/components/Reports/PurchaserInteractionsBreakdown/PurchaserInteractionsBreakdown.vue?vue&type=style&index=0&id=a7f8fb82&lang=scss&scoped=true ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".mdc-typography-style-headline[data-v-a7f8fb82] {\\n font-family: Roboto;\\n font-size: 16 .mdc-typography-style-headline --error;\\n font-size-color: red;\\n}\\n.borderTop[data-v-a7f8fb82] {\\n border-top: 1px solid #423f3f !important;\\n}\\n.borderLeft[data-v-a7f8fb82] {\\n border-left: 1px solid #423f3f !important;\\n}\\n.totalRow[data-v-a7f8fb82], .averageRow[data-v-a7f8fb82] {\\n position: sticky;\\n z-index: 1;\\n background-color: #ffffff;\\n height: 30px;\\n}\\n.totalRow[data-v-a7f8fb82] {\\n bottom: 30px;\\n}\\n.averageRow[data-v-a7f8fb82] {\\n bottom: 0;\\n}\\n.filterSection[data-v-a7f8fb82] {\\n font-size: 1.5rem;\\n font-weight: bold;\\n text-transform: uppercase;\\n}\\n.customBtn[data-v-a7f8fb82] {\\n color: #3853a3;\\n font-weight: bold;\\n}\\n.customBtn[data-v-a7f8fb82]:hover {\\n background-color: white !important;\\n box-shadow: 0px 3px 3px 0px rgba(35, 35, 35, 0.5);\\n cursor: pointer;\\n border-radius: 5px;\\n padding: 3px;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/Reports/PurchaserInteractionsBreakdown/PurchaserInteractionsBreakdown.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/vue-style-loader/index.js?!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Reports/PurchaserInteractionsBreakdown/PurchaserInteractionsBreakdown.vue?vue&type=style&index=0&id=a7f8fb82&lang=scss&scoped=true": /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/vue-style-loader??ref--9-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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-loader/lib??vue-loader-options!./src/components/Reports/PurchaserInteractionsBreakdown/PurchaserInteractionsBreakdown.vue?vue&type=style&index=0&id=a7f8fb82&lang=scss&scoped=true ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// style-loader: Adds some css to the DOM by adding a