{"version":3,"sources":["webpack:///./src/views/customers/export-customers.vue?e145","webpack:///./src/views/customers/Customers.vue?e6fa","webpack:///./src/views/customers/customer-item.vue?d7b9","webpack:///./src/views/customers/Customers.vue","webpack:///./src/components/widgets/CustomersStats.vue","webpack:///src/components/widgets/CustomersStats.vue","webpack:///./src/components/widgets/CustomersStats.vue?4a73","webpack:///./src/components/widgets/CustomersStats.vue?9b30","webpack:///./src/views/customers/customer-item.vue","webpack:///src/views/customers/customer-item.vue","webpack:///./src/views/customers/customer-item.vue?3b18","webpack:///./src/views/customers/customer-item.vue?81dc","webpack:///./src/views/customers/export-customers.vue","webpack:///src/views/customers/export-customers.vue","webpack:///./src/views/customers/export-customers.vue?eb5b","webpack:///./src/views/customers/export-customers.vue?db22","webpack:///src/views/customers/Customers.vue","webpack:///./src/views/customers/Customers.vue?a53b","webpack:///./src/views/customers/Customers.vue?be4d"],"names":["render","_vm","this","_c","_self","staticClass","_v","paginationMeta","count","_s","currentPage","total_pages","per_page","_e","attrs","on","$event","exportCustomersOpen","directives","name","rawName","value","searchInput","expression","domProps","target","composing","searchValueChanged","loading","require","_l","customers","item","index","key","id","clickCallback","customerId","closeCustomer","staticRenderFns","class","addClass","statistic","imgPath","title","deltaClass","delta","props","data","computed","methods","getDelta","init","console","mounted","component","customerOpen","date","customer","first_name","last_name","optin_email","is_auto_optin","purchases","currency","ltv","label","icon","orderMenuLoading","menuClick","deleteCustomerPopup","$emit","moment","components","CustomerDeletePopup","PopupBackdrop","IntermediatePanel","CustomerDetailsNew","QuickActionsBtn","mixins","round","closePopup","scopedSlots","_u","fn","steps","step","deactivated","status","stepState","pickerOpen","staticStyle","ordersBy","_q","ref","updateDateRangePickerPosition","model","dateRange","callback","$$v","style","width","progressNumber","downloadEvent","proxy","progressIncrement","VButton","Popup","DateRangePicker","exporting","exportData","funnel_id","startDate","endDate","popup","nextStep","clearInterval","backStep","exportEvent","time","data_size","file_name","done","failed","time_done","expiry_date","expired","downloads","params","exportType","rangeStart","rangeEnd","type","saveAs","window","beforeDestroy","created","ExportCustomers","VSpinner","CustomerItem","OrderItem","MainSearch","CustomersStats","Loading","page","perPage","query","path","meta"],"mappings":"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","file":"js/chunk-94c77b28.c9499663.js","sourcesContent":["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-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-loader/lib/index.js??vue-loader-options!./export-customers.vue?vue&type=style&index=0&id=7d18661a&prod&lang=scss&\"","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-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-loader/lib/index.js??vue-loader-options!./Customers.vue?vue&type=style&index=0&id=1960defa&prod&lang=scss&scoped=true&\"","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-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-loader/lib/index.js??vue-loader-options!./customer-item.vue?vue&type=style&index=0&id=04f281f2&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main noscroll\"},[_c('div',{staticClass:\"main-center funnel_steps_page all_customers_page layout-column noscroll\"},[_c('div',{staticClass:\"noscroll layout-column\"},[_c('div',{staticClass:\"funnel_apps_header\"},[_c('h1',[_vm._v(\"Customers \"),(_vm.paginationMeta.count)?_c('span',{staticClass:\"panel_head_amount\"},[(_vm.paginationMeta.count < 25)?_c('span',[_vm._v(\" \"+_vm._s(_vm.paginationMeta.count)+\" \")]):(_vm.currentPage !== _vm.paginationMeta.total_pages)?_c('span',[_vm._v(\" \"+_vm._s(_vm.currentPage === 1 ? 1 : (_vm.currentPage*_vm.paginationMeta.per_page)-_vm.paginationMeta.per_page)+\" - \"+_vm._s((_vm.currentPage)*_vm.paginationMeta.per_page)+\" from \"+_vm._s(_vm.paginationMeta.count)+\" \")]):_c('span',[_vm._v(\" \"+_vm._s(_vm.paginationMeta.count-_vm.paginationMeta.per_page)+\" - \"+_vm._s(_vm.paginationMeta.count)+\" from \"+_vm._s(_vm.paginationMeta.count)+\" \")])]):_vm._e()]),_c('div',{staticClass:\"flex\"}),_c('div',{staticClass:\"layout-row\"},[_c('v-button',{attrs:{\"border\":\"\",\"disabled\":!_vm.paginationMeta.count,\"label\":\"Export customers\"},on:{\"click\":function($event){_vm.exportCustomersOpen = true}}})],1)]),_c('div',{staticClass:\"funnel_apps scroll\"},[_c('div',{staticClass:\"customers-page-content\"},[_c('div',{staticClass:\"search-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchInput),expression:\"searchInput\"}],staticClass:\"search-input\",attrs:{\"type\":\"text\",\"placeholder\":\"Type to search...\"},domProps:{\"value\":(_vm.searchInput)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.searchInput=$event.target.value},_vm.searchValueChanged]}}),(_vm.loading)?_c('v-spinner'):_vm._e()],1),_c('div',{staticClass:\"entries-table\"},[(_vm.paginationMeta.count)?_c('div',{staticClass:\"head\"},[_c('span',{staticClass:\"cell time sort-by\"},[_vm._v(\"Last seen \"),_c('inline-svg',{staticClass:\"arrow\",attrs:{\"src\":require('@/assets/img/arrow-top.svg')}})],1),_c('span',{staticClass:\"cell customer-name\"},[_vm._v(\"Customer\")]),_c('span',{staticClass:\"cell customer\"}),_c('span',{staticClass:\"cell orders\"},[_vm._v(\"Orders\")]),_c('span',{staticClass:\"cell ltv\"},[_vm._v(\"Spent\")]),_c('span',{staticClass:\"cell actions\"})]):_vm._e(),(_vm.paginationMeta.count)?_c('div',{staticClass:\"panel-body\"},_vm._l((_vm.customers),function(item,index){return _c('customer-item',{key:item.id,attrs:{\"customer\":item}})}),1):_vm._e(),(!_vm.paginationMeta.count)?_c('div',{staticClass:\"panel-body panel-body_2 empty-panel\"},[_c('p',[_vm._v(\"No customers found\")])]):_vm._e()]),(_vm.paginationMeta.count)?_c('paginate',{attrs:{\"pageCount\":_vm.paginationMeta.total_pages,\"pageRange\":10,\"forcePage\":_vm.currentPage,\"clickHandler\":_vm.clickCallback,\"prevText\":'Prev',\"nextText\":'Next',\"containerClass\":'pagination pagination-root',\"activeClass\":'active'}}):_vm._e()],1)])])]),(_vm.customerId)?_c('portal',{attrs:{\"to\":\"popup\"}},[(_vm.customerId)?_c('popup-backdrop',{on:{\"close\":_vm.closeCustomer}},[(_vm.customerId)?_c('customer-details-new',{attrs:{\"customer-id\":_vm.customerId,\"level\":0},on:{\"close\":_vm.closeCustomer,\"done\":_vm.closeCustomer}}):_vm._e()],1):_vm._e()],1):_vm._e(),(_vm.exportCustomersOpen)?_c('portal',{attrs:{\"to\":\"popup\"}},[_c('export-customers',{on:{\"close\":function($event){_vm.exportCustomersOpen=false}}})],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"widgets customers_stats_widgets\",class:_vm.addClass},_vm._l((_vm.statistic),function(item){return _c('div',{key:item.id,staticClass:\"stat-widget\"},[_c('img',{staticClass:\"widget-icon\",attrs:{\"src\":item.imgPath}}),_c('span',{staticClass:\"stat-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"stat-info\"},[_c('div',{staticClass:\"small-text\"},[_vm._v(_vm._s(item.value))]),_c('div',{staticClass:\"delta\",class:item.deltaClass},[_vm._v(_vm._s(item.delta))])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"widgets customers_stats_widgets\" :class=\"addClass\">\n        <div v-for=\"item in statistic\" class=\"stat-widget\" :key=\"item.id\">\n            <img :src=\"item.imgPath\" class=\"widget-icon\">\n            <span class=\"stat-title\">{{item.title}}</span>\n            <div class=\"stat-info\">\n                <div class=\"small-text\">{{item.value}}</div>\n                <div class=\"delta\" :class=\"item.deltaClass\">{{item.delta}}</div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: \"CustomersStats\",\n    props: ['addClass', 'stats'],\n    data() {\n        return {\n            statistic: [\n                {\n                    id: 3,\n                    imgPath: require('@/assets/img/visitors.svg'),\n                    title: \"Customers\",\n                    value: \"3,381\",\n                    delta: \"0.54%\",\n                    deltaClass: \"delta-up\"\n                },\n                {\n                    id: 2,\n                    imgPath: require('@/assets/img/purchases.svg'),\n                    title: \"Purchases\",\n                    value: \"802\",\n                    delta: \"0.54%\",\n                    deltaClass: \"delta-up\"\n                },\n                {\n                    id: 1,\n                    imgPath: require('@/assets/img/purchased_atempts_icon.svg'),\n                    title: \"Purchase Attempts\",\n                    value: \"550\",\n                    delta: \"0.54%\",\n                    deltaClass: \"delta-down\"\n                },\n                {\n                    id: 4,\n                    imgPath: require('@/assets/img/conversion.svg'),\n                    title: \"AOV Growth\",\n                    value: \"187\",\n                    delta: \"0.54%\",\n                    deltaClass: \"delta-up\"\n                },\n            ]\n        }\n    },\n    computed: {\n    },\n    methods: {\n        getDelta(last, beforeLast) {\n            var delta,\n                deltaClass;\n            \n            if(last > beforeLast) {\n                deltaClass = 'delta-up';\n                delta = last / (last - beforeLast)\n            } else if (last < beforeLast) {\n                deltaClass = 'delta-down';\n                delta = beforeLast / (beforeLast - last)\n            } else {\n                delta = 0;\n                deltaClass = 'delta-zero';\n            }\n            return { delta: delta.toFixed(2), deltaClass }\n        },\n        init() {\n            console.log(this.stats.customers);\n            this.statistic.forEach(item => {\n                switch (item.title) {\n                    case 'Customers':\n                        item.value = this.stats.customers;\n                        var deltaObj = this.getDelta(this.stats['last-week-customers'], this.stats['week-before-customers'])\n                        item.deltaClass = deltaObj.deltaClass\n                        item.delta = deltaObj.delta;\n                        break;\n                    case 'Purchases':\n                        item.value = this.stats.buyers\n                        var deltaObj = this.getDelta(this.stats['last-week-buyers'], this.stats['week-before-buyers'])\n                        item.deltaClass = deltaObj.deltaClass\n                        item.delta = deltaObj.delta;\n                        break;\n                    case 'Purchase Attempts':\n                        item.value = this.stats['purchase-attempts']\n                        var deltaObj = this.getDelta(this.stats['last-week-attempts'], this.stats['week-before-attempts'])\n                        item.deltaClass = deltaObj.deltaClass\n                        item.delta = deltaObj.delta;\n                        break;\n                    case 'AOV Growth':\n                        item.value = Math.round(this.stats.avg);\n                        var deltaObj = this.getDelta(Math.round(this.stats['last-week-avg']), Math.round(this.stats['week-before-avg']))\n                        item.deltaClass = deltaObj.deltaClass\n                        item.delta = deltaObj.delta;\n                        break;            \n                }\n            });\n        },\n    },\n    mounted() {\n        this.init()\n    }\n}\n</script>","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!./CustomersStats.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!./CustomersStats.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomersStats.vue?vue&type=template&id=badd422e&\"\nimport script from \"./CustomersStats.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomersStats.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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"entry customer-item\",class:{},on:{\"click\":function($event){_vm.customerOpen=true}}},[_c('div',{staticClass:\"cell time\"},[_c('span',{staticClass:\"cell-value\"},[_vm._v(_vm._s(_vm.date))])]),_c('div',{staticClass:\"cell customer-name\"},[(_vm.customer.first_name || _vm.customer.last_name)?_c('div',{staticClass:\"cell-title\"},[_vm._v(\" \"+_vm._s(_vm.customer.first_name)+\" \"+_vm._s(_vm.customer.last_name)+\" \")]):_vm._e()]),_c('div',{staticClass:\"cell customer\"},[(_vm.customer.optin_email)?_c('div',{staticClass:\"cell-value layout-row flex-center\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.customer.optin_email)+\" \")]),(_vm.customer.is_auto_optin)?_c('span',{staticClass:\"tag\"},[_vm._v(\"Auto-optin\")]):_vm._e()]):_c('div',{staticClass:\"cell-value\"},[_vm._v(\" Unknown customer \")])]),_c('div',{staticClass:\"cell orders\"},[_vm._v(\" \"+_vm._s(_vm.customer.purchases||'0')+\" order\"+_vm._s(_vm.customer.purchases===1?'':'s')+\" \")]),_c('div',{staticClass:\"cell ltv\"},[_vm._v(\" \"+_vm._s(_vm.currency('USD'))+\" \"+_vm._s(_vm.customer.ltv||'0')+\" \")]),_c('div',{staticClass:\"cell actions\"},[_c('quick-actions-btn',{attrs:{\"items\":[\n\t            \t\t{label:'Edit'},'',\n\t            \t\t{label:'Delete customer',icon:require('@/assets/img/cross.svg')}],\"loading\":_vm.orderMenuLoading},on:{\"menuClick\":_vm.menuClick}})],1),_c('portal',{attrs:{\"to\":\"popup\"}},[(_vm.customerOpen)?_c('popup-backdrop',{on:{\"close\":function($event){_vm.customerOpen=false}}},[(_vm.customerOpen)?_c('customer-details-new',{attrs:{\"customer-id\":_vm.customer.id,\"level\":0},on:{\"close\":function($event){_vm.customerOpen=false},\"done\":function($event){_vm.customerOpen=false}}}):_vm._e()],1):_vm._e(),(_vm.deleteCustomerPopup)?_c('customer-delete-popup',{attrs:{\"customer\":_vm.customer},on:{\"done\":function($event){return _vm.$emit('deleted', _vm.customer)},\"close\":function($event){_vm.deleteCustomerPopup=false}}}):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"entry customer-item\" :class=\"{}\"\n\t     @click=\"customerOpen=true\">\n\t\t<div class=\"cell time\">\n\t\t\t<span class=\"cell-value\">{{ date }}</span>\n\t\t</div>\n\n\t\t<div class=\"cell customer-name\">\n\t\t\t<div v-if=\"customer.first_name || customer.last_name\" class=\"cell-title\">\n\t\t\t\t{{ customer.first_name }} {{ customer.last_name }}\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"cell customer\">\n\t\t\t<div v-if=\"customer.optin_email\" class=\"cell-value layout-row flex-center\">\n\t\t\t\t<span>\n\t\t\t\t{{ customer.optin_email }}\n\t\t\t\t</span>\n\t\t\t\t<span class=\"tag\" v-if=\"customer.is_auto_optin\">Auto-optin</span>\n\t\t\t</div>\n\t\t\t<div v-else class=\"cell-value\">\n\t\t\t\tUnknown customer\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"cell orders\">\n\t\t\t{{customer.purchases||'0'}} order{{customer.purchases===1?'':'s'}}\n\t\t</div>\n\t\t<div class=\"cell ltv\">\n\t\t\t{{currency('USD')}} {{customer.ltv||'0'}}\n\t\t</div>\n\t\t<div class=\"cell actions\">\n\t\t\t<quick-actions-btn :items=\"[\n\t\t            \t\t{label:'Edit'},'',\n\t\t            \t\t{label:'Delete customer',icon:require('@/assets/img/cross.svg')}]\"\n\t\t\t                   @menuClick=\"menuClick\" :loading=\"orderMenuLoading\" />\n\t\t</div>\n\n\t\t<portal to=\"popup\">\n\t\t\t<popup-backdrop v-if=\"customerOpen\" @close=\"customerOpen=false\">\n\t\t\t\t<customer-details-new v-if=\"customerOpen\" @close=\"customerOpen=false\"\n\t\t\t\t                      @done=\"customerOpen=false\"\n\t\t\t\t                      :customer-id=\"customer.id\" :level=\"0\" />\n\t\t\t</popup-backdrop>\n\n\t\t\t<customer-delete-popup v-if=\"deleteCustomerPopup\" :customer=\"customer\"\n\t\t\t                       @done=\"$emit('deleted', customer)\"\n\t\t\t                       @close=\"deleteCustomerPopup=false\" />\n\n\t\t</portal>\n\n\t</div>\n</template>\n\n<script>\nimport QuickActionsBtn from \"@/components/base/quick-actions-btn\";\nimport {getSymbol} from \"@/helpers/currencies\";\nimport API from '@/api';\nimport CustomerDetailsNew from \"@/views/customers/customer-details-new\";\nimport numbers from '@/helpers/numbers'\nimport IntermediatePanel from \"@/views/orders/intermediate-panel\";\nimport PopupBackdrop from \"@/components/base/popup-backdrop\";\nimport CustomerDeletePopup from \"@/components/popups/delete/CustomerDeletePopup\";\nconst moment = require('moment-timezone');\n\nexport default {\n\tname: \"customer-item\", components: {\n\t\tCustomerDeletePopup,\n\t\tPopupBackdrop,\n\t\tIntermediatePanel,\n\t\tCustomerDetailsNew,\n\t\tQuickActionsBtn},\n\tprops: ['customer'],\n\tmixins:[API],\n\tdata(){\n\t\treturn {\n\t\t\tdeleteCustomerPopup: false,\n\t\t\torderMenuLoading: false,\n\t\t\tcustomerOpen: false,\n\t\t}\n\t},\n\tcomputed:{\n\t\tdate() {\n\t\t\tlet d = this.customer.time;\n\n\t\t\tlet dd = moment(d);\n\t\t\tif (dd.isSame(moment(), 'day'))\n\t\t\t\treturn 'Today, '+dd.format(\"HH:mm\")\n\t\t\tif (dd.isSame(moment(), 'year'))\n\t\t\t\treturn dd.format(\"DD MMM, HH:mm\")\n\t\t\treturn dd.format(\"DD MMM YYYY, HH:mm\")\n\t\t},\n\t},\n\tmethods:{\n\t\tround(n){\n\t\t\treturn numbers.round_to_two(n)\n\t\t},\n\t\tmenuClick(e){\n\t\t\tif (e.action==='Edit') {\n\t\t\t\tthis.customerOpen = true;\n\t\t\t} else if (e.action==='Delete customer') {\n\t\t\t\tthis.deleteCustomerPopup = true;\n\t\t\t}\n\t\t},\n\t\tcurrency(c) {\n\t\t\treturn getSymbol(c);\n\t\t},\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.customer-item {\n\tborder-radius: 8px;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tline-height: 1.5;\n\tpadding: 0 20px;\n\topacity: 0;\n\tanimation: appear 1 0.3s forwards;\n\tbackground: transparent;\n\n\t.tag {\n\t\tdisplay: flex;\n\t\tbackground: whitesmoke;\n\t\tborder-radius: 4px;\n\t\tpadding: 4px 8px;\n\t\tline-height: normal;\n\t\tcolor: $dark-grey;\n\t\tmargin-left: 6px;\n\t\tfont-size: 10px;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\toverflow: hidden;\n\t}\n\t&:hover {\n\t\tbackground: $light-silver;\n\t}\n\t&.canceled {\n\t\t.cell-title, .cell-value, .amount, .name {\n\t\t\ttext-decoration: line-through;\n\t\t}\n\t}\n\t&.archived {\n\t\t.cell-title, .cell-value, .status, .amount, .name {\n\t\t\tcolor: $dark-grey;\n\t\t}\n\t}\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!./customer-item.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!./customer-item.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./customer-item.vue?vue&type=template&id=04f281f2&scoped=true&\"\nimport script from \"./customer-item.vue?vue&type=script&lang=js&\"\nexport * from \"./customer-item.vue?vue&type=script&lang=js&\"\nimport style0 from \"./customer-item.vue?vue&type=style&index=0&id=04f281f2&prod&lang=scss&scoped=true&\"\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  \"04f281f2\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('popup',{staticClass:\"export_customers_popup\",attrs:{\"title\":\"Export customers\"},on:{\"close\":_vm.closePopup},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"automation-progress-panel popup_progress_panel\"},_vm._l((_vm.steps),function(step){return _c('div',{key:step.id,staticClass:\"item-prog\",class:{deactivated: step.status === 'deactivated'}},[_c('div',{staticClass:\"icon-status\",class:{'active': step.status === 'active' }},[(step.status === 'active' || step.status === 'deactivated')?_c('inline-svg',{attrs:{\"src\":require('@/assets/img/circle-arrow-right.svg')}}):_vm._e(),(step.status === 'completed')?_c('inline-svg',{attrs:{\"src\":require('@/assets/img/circle-checked.svg')}}):_vm._e(),(step.status === 'error')?_c('inline-svg',{attrs:{\"src\":require('@/assets/img/circle-error.svg')}}):_vm._e()],1),_c('div',{staticClass:\"item-prog-text\"},[_c('span',[_vm._v(_vm._s(step.status === 'error' ? 'Error' : step.name))])])])}),0),(_vm.stepState === 1)?_c('div',{staticClass:\"content\",class:{'min_h' : _vm.pickerOpen},staticStyle:{\"overflow\":\"initial\"}},[_c('label',{staticClass:\"switch_checkbox_item radio_box_item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.ordersBy),expression:\"ordersBy\"}],attrs:{\"type\":\"radio\",\"name\":\"orders_by\",\"value\":\"by_date\"},domProps:{\"checked\":_vm._q(_vm.ordersBy,\"by_date\")},on:{\"change\":function($event){_vm.ordersBy=\"by_date\"}}}),_c('div',{staticClass:\"switch_checkbox\"},[_c('span')]),_vm._v(\" Customers by date \")]),(_vm.ordersBy === 'by_date')?_c('div',{staticClass:\"datapicker_wrpr\"},[_c('date-range-picker',{ref:\"date_range_picker\",attrs:{\"append-to-body\":true,\"autoApply\":true,\"always-show-calendars\":true,\"single-date-picker\":\"range\",\"calculate-position\":_vm.updateDateRangePickerPosition},on:{\"toggle\":function($event){_vm.pickerOpen = !_vm.pickerOpen}},model:{value:(_vm.dateRange),callback:function ($$v) {_vm.dateRange=$$v},expression:\"dateRange\"}})],1):_vm._e(),_c('label',{staticClass:\"switch_checkbox_item radio_box_item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.ordersBy),expression:\"ordersBy\"}],attrs:{\"type\":\"radio\",\"name\":\"orders_by\",\"value\":\"all\"},domProps:{\"checked\":_vm._q(_vm.ordersBy,\"all\")},on:{\"change\":function($event){_vm.ordersBy=\"all\"}}}),_c('div',{staticClass:\"switch_checkbox\"},[_c('span')]),_vm._v(\" All customers \")])]):_vm._e(),(_vm.stepState === 2)?_c('div',{staticClass:\"content\"},[_c('label',{staticClass:\"form_steps_label step_1\"},[_c('span',{staticClass:\"icon\"}),_vm._v(\" Exporting your customers... \")]),_c('div',{staticClass:\"saving-process\"},[_c('div',{staticClass:\"prog-line\"},[_c('div',{staticClass:\"prog-line-inner\",style:({width: _vm.progressNumber +'%'})})]),_c('span',{staticClass:\"btm-info\"},[_vm._v(\"Please wait while the process finishes...\")])])]):_vm._e(),(_vm.stepState === 3)?_c('div',{staticClass:\"content\",staticStyle:{\"align-items\":\"center\"}},[_c('div',{staticClass:\"form-group\"},[_c('p',{staticStyle:{\"font-size\":\"16px\",\"font-weight\":\"bold\",\"margin\":\"0 0 10px\"}},[_vm._v(\"Your customers CSV is ready to download\")])]),_c('a',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.downloadEvent()}}},[_vm._v(\"Download customers .CSV\")])]):_vm._e()]},proxy:true},{key:\"actions\",fn:function(){return [(_vm.stepState === 1)?_c('v-button',{attrs:{\"label\":\"Export\"},on:{\"click\":function($event){return _vm.progressIncrement()}}}):_vm._e(),_c('v-button',{attrs:{\"label\":\"Cancel\",\"border\":\"\"},on:{\"click\":_vm.closePopup}})]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<popup class=\"export_customers_popup\" title=\"Export customers\"  @close=\"closePopup\">\n\t\t<template v-slot:content>\n\t\t\t<div class=\"automation-progress-panel popup_progress_panel\">\n\t\t\t\t<div class=\"item-prog\" :class=\"{deactivated: step.status === 'deactivated'}\" v-for=\"step in steps\" :key=\"step.id\">\n\t\t\t\t\t<div class=\"icon-status\" :class=\"{'active': step.status === 'active' }\">\n\t\t\t\t\t\t<inline-svg v-if=\"step.status === 'active' || step.status === 'deactivated'\" :src=\"require('@/assets/img/circle-arrow-right.svg')\"/>\n\t\t\t\t\t\t<inline-svg v-if=\"step.status === 'completed'\" :src=\"require('@/assets/img/circle-checked.svg')\"/>\n\n\t\t\t\t\t\t<inline-svg v-if=\"step.status === 'error'\" :src=\"require('@/assets/img/circle-error.svg')\"/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"item-prog-text\">\n\t\t\t\t\t\t<span>{{step.status === 'error' ? 'Error' : step.name}}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class=\"content\" style=\"overflow: initial;\" :class=\"{'min_h' : pickerOpen}\" v-if=\"stepState === 1\">\n\t\t\t\t<label class=\"switch_checkbox_item radio_box_item\">\n\t\t\t\t\t<input type=\"radio\" name=\"orders_by\" value=\"by_date\" v-model=\"ordersBy\">\n\t\t\t\t\t<div class=\"switch_checkbox\">\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t</div>\n\t\t\t\t\tCustomers by date\n\t\t\t\t</label>\n\t\t\t\t<div class=\"datapicker_wrpr\" v-if=\"ordersBy === 'by_date'\">\n\t\t\t\t\t<date-range-picker ref=\"date_range_picker\" :append-to-body=\"true\" :autoApply=\"true\"\n\t\t\t\t\t                   :always-show-calendars=\"true\" single-date-picker=\"range\"\n\t\t\t\t\t                   v-model=\"dateRange\" :calculate-position=\"updateDateRangePickerPosition\"\n\t\t\t\t\t\t\t@toggle=\"pickerOpen = !pickerOpen\">\n\t\t\t\t\t</date-range-picker>\n\t\t\t\t</div>\n\t\t\t\t<label class=\"switch_checkbox_item radio_box_item\">\n\t\t\t\t\t<input type=\"radio\" name=\"orders_by\" value=\"all\" v-model=\"ordersBy\">\n\t\t\t\t\t<div class=\"switch_checkbox\">\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t</div>\n\t\t\t\t\tAll customers\n\t\t\t\t</label>\n\t\t\t</div>\n\t\t\t<div class=\"content\" v-if=\"stepState === 2\">\n\t\t\t\t<label class=\"form_steps_label step_1\">\n\t\t\t\t\t<span class=\"icon\"></span> Exporting your customers...\n\t\t\t\t</label>\n\t\t\t\t<div class=\"saving-process\">\n\t\t\t\t\t<div class=\"prog-line\">\n\t\t\t\t\t\t<div class=\"prog-line-inner\" v-bind:style=\"{width: progressNumber +'%'}\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<span class=\"btm-info\">Please wait while the process finishes...</span>\n\t\t\t\t\t<!-- <p>P.S. You can close this dialog and let the process to complete at the background</p> -->\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"content\" v-if=\"stepState === 3\" style=\"align-items: center;\">\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t<p style=\"font-size: 16px; font-weight: bold; margin: 0 0 10px;\">Your customers CSV is ready to download</p>\n\t\t\t\t</div>\n\t\t\t\t<a @click=\"downloadEvent()\" class=\"btn\">Download customers .CSV</a>\n\t\t\t</div>\n\t\t</template>\n\n\t\t<template v-slot:actions>\n\t\t\t<v-button label=\"Export\" @click=\"progressIncrement()\" v-if=\"stepState === 1\"></v-button>\n\t\t\t<v-button label=\"Cancel\" @click=\"closePopup\" border></v-button>\n\t\t</template>\n\t</popup>\n\n</template>\n\n<script>\nimport DateRangePicker from 'vue2-daterange-picker'\nimport 'vue2-daterange-picker/dist/vue2-daterange-picker.css'\nimport Popup from \"@/components/base/popup\";\nimport VButton from \"@/components/base/v-button\";\nimport { saveAs } from 'file-saver';\nimport API from '@/api';\nimport moment from \"moment\";\n\nexport default {\n    name: \"export-customers\",\n\t\tmixins: [API],\n    components: {\n\t    VButton,\n\t    Popup,\n      DateRangePicker,\n    },\n\t\tprops:['funnel'],\n    data() {\n        return {\n\t\t\t\t\texporting: false,\n        \texportData: {\n\t\t\t\t\t\tid: 0,\n\t\t        funnel_id: 0,\n\t        },\n          steps: [\n              {\n                  id: 1,\n                  name: \"Select customers to export\",\n                  step: \"Step1\",\n                  status: \"active\"\n              },\n              {\n                  id: 2,\n                  name: \"Exporting your customers...\",\n                  step: \"Step2\",\n                  status: \"deactivated\"\n              },\n              {\n                  id: 3,\n                  name: \"Exporting completed\",\n                  step: \"Step3\",\n                  status: \"deactivated\"\n              }\n          ],\n          stepState: 1,\n          dateRange: {\n              startDate: moment().startOf('day'),\n              endDate: moment().endOf(\"day\"),\n          },\n          ordersBy: 'all',\n          pickerOpen: false,\n          progressNumber: 0,\n      }\n    },\n    // watch: {\n    //     ordersBy(val){\n    //         this.$emit('ordersByTypeChange', this.ordersBy);\n    //     }\n    // },\n    methods: {\n    \tupdateDateRangePickerPosition() {\n\t\t    let r = this.$refs.date_range_picker.$el.getBoundingClientRect();\n\t\t    let popup = window.document.querySelector('.daterangepicker');\n\t\t    if (!popup) return;\n\t\t    popup.style.top = (r.top+r.height)+'px';\n    \t\treturn r;\n\t    },\n        nextStep(numberStep) {\n            this.stepState = numberStep;\n            if (numberStep !== 1) {\n                this.steps[numberStep-2].status = \"completed\";\n            } else  {\n                this.steps[numberStep-1].status = \"deactivated\";\n            }\n            this.steps[numberStep-1].status = 'active';\n\n            // if(numberStep === 3) {\n            //     this.steps[numberStep-1].status = \"completed\";\n            //     this.exportEvent();\n            // }\n        },\n        async progressIncrement() {\n\t\t        this.exportEvent();\n            this.nextStep(2)\n\n            let progressIncrementInterval = setInterval(() => {\n                if (this.progressNumber !== 100) {\n\t\t\t\t\t\t\t\t\tif (this.progressNumber > 95 && this.exporting) {\n\t\t\t\t\t\t\t\t\t\t// if still exporting...\n\t\t\t\t\t\t\t\t\t} else\n                    this.progressNumber += 1;\n                } else {\n                    clearInterval(progressIncrementInterval);\n\n                    this.nextStep(3);\n                }\n            }, 10);\n        },\n        downloadEvent(){\n\t        this.exportCSV(true)\n            this.closePopup();\n        },\n        backStep(numberStep) {\n            this.stepState = numberStep;\n            this.steps[numberStep-1].status = 'active';\n            this.steps[numberStep].status = 'deactivated';\n        },\n        exportEvent(){\n\t    \t\tthis.exportCSV(false)\n        },\n        closePopup(){\n            this.$emit('close');\n        },\n\n\t    async exportCSV(downloadType = false) {\n\t\t\t\ttry {\n\t\t\t\t\tthis.exporting = true\n\t\t\t\t\tlet funnelId = 0;\n\t\t\t\t\tif (this.funnel && parseInt(this.funnel.id) > 0) funnelId = parseInt(this.funnel.id);\n\n\t\t\t\t\tif (downloadType === false) {\n\t\t\t\t\t\tthis.exportData = {};\n\n\t\t\t\t\t\tlet startDate = moment(this.dateRange.startDate).startOf('day').unix();\n\t\t\t\t\t\tlet endDate = moment(this.dateRange.endDate).endOf('day').unix();\n\n\t\t\t\t\t\tif (this.ordersBy === \"all\") {\n\t\t\t\t\t\t\tstartDate = 0;\n\t\t\t\t\t\t\tendDate = 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tlet data = {\n\t\t\t\t\t\t\tfunnel_id: funnelId,\n\t\t\t\t\t\t\ttime: null,\n\t\t\t\t\t\t\tdata_size: null,\n\t\t\t\t\t\t\tfile_name: null,\n\t\t\t\t\t\t\tdone: false,\n\t\t\t\t\t\t\tfailed: false,\n\t\t\t\t\t\t\ttime_done: null,\n\t\t\t\t\t\t\texpiry_date: null,\n\t\t\t\t\t\t\texpired: false,\n\t\t\t\t\t\t\tdownloads: null,\n\t\t\t\t\t\t\tparams: JSON.stringify({\n\t\t\t\t\t\t\t\texportType: this.ordersBy, rangeStart: startDate || 0, rangeEnd: endDate || 0\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.exportData = await this.api.customers.export(data);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvar downloadRes = await this.api.customers.download(this.exportData.id, funnelId)\n\t\t\t\t\t\tvar blob = new Blob([downloadRes], {type: \"text/csv;charset=utf-8\"});\n\n\t\t\t\t\t\tsaveAs(blob, \"customers-export.csv\");\n\n\t\t\t\t\t\tthis.ordersByType = 'all';\n\t\t\t\t\t\t// this.startDate = \"2020-12-02\";\n\t\t\t\t\t\t// this.endDate = \"2020-12-02\";\n\t\t\t\t\t}\n\t\t\t\t} catch (e) {\n\t\t\t\t\tthis.$error(e)\n\t\t\t\t} finally {\n\t\t\t\t\tthis.exporting = false\n\t\t\t\t}\n\t    },\n    },\n\tmounted() {\n\t\twindow.addEventListener('resize', this.updateDateRangePickerPosition);\n\t},\n\tbeforeDestroy() {\n\t\twindow.removeEventListener('resize', this.updateDateRangePickerPosition);\n\t},\n\tcreated() {\n\t},\n}\n</script>\n\n<style lang=\"scss\">\n.vue-daterange-picker {\n    width: 100%;\n}\n.export_customers_popup {\n\t.popup {\n\t\tmax-width: calc(720px + 60px);\n\t}\n\t.automation-progress-panel .item-prog-text span {\n\t\tfont-size: 15px;\n\t\tfont-weight: 700;\n\t}\n\t.automation-progress-panel .item-prog.deactivated .item-prog-text span {\n\t\tfont-weight: 500;\n\t}\n\t.switch_checkbox_item {\n\t\tmargin-bottom: 10px;\n\t}\n}\n.form-control.reportrange-text {\n    background-color: #F6F9FE;\n    border-radius: 8px;\n    line-height: 20px;\n    font-size: 13px;\n}\n.export_customers_popup .vue-daterange-picker {\n    margin-bottom: 15px;\n}\n.export_customers_popup .automation-progress-panel.popup_progress_panel .item-prog {\n    margin: 5px;\n}\n.export_customers_popup .automation-progress-panel.popup_progress_panel {\n    flex-wrap: wrap;\n    padding: 2px;\n    margin-bottom: 20px;\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!./export-customers.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!./export-customers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./export-customers.vue?vue&type=template&id=7d18661a&\"\nimport script from \"./export-customers.vue?vue&type=script&lang=js&\"\nexport * from \"./export-customers.vue?vue&type=script&lang=js&\"\nimport style0 from \"./export-customers.vue?vue&type=style&index=0&id=7d18661a&prod&lang=scss&\"\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","<template>\n    <div class=\"main noscroll\">\n        <div class=\"main-center funnel_steps_page all_customers_page layout-column noscroll\">\n            <div class=\" noscroll layout-column\">\n                <div class=\"funnel_apps_header\">\n                    <h1>Customers\n                        <span class=\"panel_head_amount\" v-if=\"paginationMeta.count\">\n                            <span v-if=\"paginationMeta.count < 25\">\n                                {{paginationMeta.count}}\n                            </span>\n                            <span v-else-if=\"currentPage !== paginationMeta.total_pages\">\n                                {{currentPage === 1 ? 1 : (currentPage*paginationMeta.per_page)-paginationMeta.per_page}} -\n                                {{(currentPage)*paginationMeta.per_page}} from {{paginationMeta.count}}\n                            </span>\n                            <span v-else>\n                                {{ paginationMeta.count-paginationMeta.per_page }} - {{ paginationMeta.count }} from {{paginationMeta.count}}\n                            </span>\n                        </span>\n                    </h1>\n\t                <div class=\"flex\"></div>\n\t                <div class=\"layout-row\">\n\t\t                <v-button @click=\"exportCustomersOpen = true\" border :disabled=\"!paginationMeta.count\"\n\t\t                          label=\"Export customers\"/>\n\t                </div>\n                </div>\n\n              <div class=\"funnel_apps scroll\">\n                <div class=\"customers-page-content\">\n                  <div class=\"search-container\">\n                      <input type=\"text\" placeholder=\"Type to search...\" class=\"search-input\" v-model=\"searchInput\" @input=\"searchValueChanged\">\n\n\t\t                  <v-spinner v-if=\"loading\" />\n                  </div>\n\n\t                <div class=\"entries-table\">\n\t\t                <div class=\"head \" v-if=\"paginationMeta.count\">\n                      <span class=\"cell time sort-by\">Last seen\n\t\t\t\t\t\t\t\t\t\t\t\t<inline-svg class=\"arrow\" :src=\"require('@/assets/img/arrow-top.svg')\" />\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t                <span class=\"cell customer-name\">Customer</span>\n\t\t\t                <span class=\"cell customer\"></span>\n\t\t\t                <span class=\"cell orders\">Orders</span>\n\t\t\t                <span class=\"cell ltv\">Spent</span>\n\t\t\t                <span class=\"cell actions\"></span>\n\t\t                </div>\n\t\t                <div class=\"panel-body\" v-if=\"paginationMeta.count\">\n\t\t\t                <customer-item :customer=\"item\" v-for=\"(item,index) in customers\" :key=\"item.id\" />\n\t\t                </div>\n\t\t                <div v-if=\"!paginationMeta.count\" class=\"panel-body panel-body_2 empty-panel\">\n\t\t\t                <p>No customers found</p>\n\t\t                </div>\n\t                </div>\n                  <paginate\n                      v-if=\"paginationMeta.count\"\n                      :pageCount=\"paginationMeta.total_pages\"\n                      :pageRange=\"10\"\n                      :forcePage=\"currentPage\"\n                      :clickHandler=\"clickCallback\"\n                      :prevText=\"'Prev'\"\n                      :nextText=\"'Next'\"\n                      :containerClass=\"'pagination pagination-root'\"\n                      :activeClass=\"'active'\"\n                  >\n                  </paginate>\n                </div>\n              </div>\n            </div>\n        </div>\n\n        <!-- CustomerDetails -->\n<!--        <router-view />-->\n\n\t    <portal to=\"popup\" v-if=\"customerId\">\n\t\t    <popup-backdrop v-if=\"customerId\" @close=\"closeCustomer\">\n\t\t\t    <customer-details-new v-if=\"customerId\" @close=\"closeCustomer\"\n\t\t\t                          @done=\"closeCustomer\"\n\t\t\t                          :customer-id=\"customerId\" :level=\"0\" />\n\t\t    </popup-backdrop>\n\n\t    </portal>\n\t    <portal to=\"popup\" v-if=\"exportCustomersOpen\">\n\t\t    <export-customers @close=\"exportCustomersOpen=false\" />\n\t    </portal>\n    </div>\n</template>\n\n<script>\nimport MainSearch from \"@/components/MainSearch.vue\";\nimport CustomersStats from \"@/components/widgets/CustomersStats.vue\";\nimport CustomerDeletePopup from \"@/components/popups/delete/CustomerDeletePopup.vue\";\nimport {mapGetters} from \"vuex\"\nimport Loading from \"@/components/Loading.vue\"\nimport API from \"@/api\"\nimport {getSymbol} from \"@/helpers/currencies\";\nimport numbers from \"@/helpers/numbers\";\nimport OrderItem from \"@/views/orders/order-item\";\nimport CustomerItem from \"@/views/customers/customer-item\";\nimport VSpinner from \"@/components/base/v-spinner\";\nimport PopupBackdrop from \"@/components/base/popup-backdrop\";\nimport CustomerDetailsNew from \"@/views/customers/customer-details-new\";\nimport ExportCustomers from \"@/views/customers/export-customers\";\nimport VButton from \"@/components/base/v-button\";\n\nexport default {\n\tname: \"Customers\",\n\ttitle: \"Customers | Funnelish™\",\n\tcomponents: {\n\t\tVButton,\n\t\tExportCustomers,\n\t\tCustomerDetailsNew,\n\t\tPopupBackdrop,\n\t\tVSpinner,\n\t\tCustomerItem,\n\t\tOrderItem,\n\t\tMainSearch,\n\t\tCustomersStats,\n\t\tCustomerDeletePopup,\n\t\tLoading\n\t},\n\tmixins: [API],\n\tdata() {\n\t\treturn {\n\t\t\texportCustomersOpen:false,\n\t\t\tloading: true,\n\t\t\tsearchInput: '',\n\t\t\tpaginationMeta: {\n\t\t\t\tcount: 0,\n\t\t\t\tper_page: 0,\n\t\t\t\ttotal_pages: 0\n\t\t\t},\n\t\t\tcustomerId: '',\n\t\t\tcustomer: 0,\n\t\t\tpage: 0,\n\t\t\tperPage: 25,\n\t\t\tquery: \"\",\n\t\t}\n\t},\n\tcomputed: {\n\t\t...mapGetters([\"getCustomersStore\"]),\n\t\tcurrentPage() {\n\t\t\tvar page = this.$route.query.page\n\t\t\treturn page ? parseInt(page) : 1\n\t\t},\n\t\tcustomers(){\n\t\t\treturn this.getCustomersStore;\n\t\t},\n\t},\n\tmethods: {\n\t\tcloseCustomer(){\n\t\t\tthis.customerId='';\n\t\t\tthis.$router.replace('/customers')\n\t\t},\n\t\tsearchValueChanged() {\n\t\t\t// Reset current page before query to start from first page.\n\t\t\tthis.$router.push({path: this.$router.path, query: {page: 1, perPage: 10, query: this.searchInput}});\n\t\t\tthis.init();\n\t\t},\n\t\tclickCallback(pageNum) {\n\t\t\tthis.$router.push({path: 'customers', query: {page: pageNum}});\n\t\t\tthis.changePage(pageNum);\n\t\t},\n\t\tasync changePage(page) {\n\t\t\ttry {\n\t\t\t\tthis.loading = true;\n\t\t\t\t// this.customers = [];\n\n\t\t\t\tlet {customers, meta} = await this.api.customers.getAll(page);\n\t\t\t\tthis.paginationMeta = meta\n\n\t\t\t\tthis.$store.dispatch('SET_CUSTOMERS', customers);\n\t\t\t} catch (e) {\n\t\t\t\tthis.$error(e)\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t},\n\t\tasync init() {\n\t\t\ttry {\n\t\t\t\tthis.loading = true;\n\n\t\t\t\tlet id = this.$route.query.id;\n\t\t\t\tif (id) {\n\t\t\t\t\tthis.customerId = parseInt(id)\n\t\t\t\t}\n\n\t\t\t\tlet {customers, meta} = await this.api.customers.getAll(this.currentPage - 1, this.perPage, this.searchInput);\n\t\t\t\tthis.paginationMeta = meta\n\n\t\t\t\tthis.$store.dispatch('SET_CUSTOMERS', customers);\n\n\t\t\t} catch (e) {\n\t\t\t\tthis.$error(e);\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t},\n\t},\n\tmounted() {\n\t\tthis.init();\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.customers-page-content {\n\tpadding: 60px 40px 80px;\n\tmax-width: 2000px;\n\tmargin: 0 auto;\n\t.entries-table {\n\t\tmargin-top: 30px;\n\t}\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!./Customers.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!./Customers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Customers.vue?vue&type=template&id=1960defa&scoped=true&\"\nimport script from \"./Customers.vue?vue&type=script&lang=js&\"\nexport * from \"./Customers.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Customers.vue?vue&type=style&index=0&id=1960defa&prod&lang=scss&scoped=true&\"\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  \"1960defa\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}