{"version":3,"sources":["webpack:///./src/views/funnels/funnel/valueDiff.vue","webpack:///src/views/funnels/funnel/valueDiff.vue","webpack:///./src/views/funnels/funnel/valueDiff.vue?2faf","webpack:///./src/views/funnels/funnel/valueDiff.vue?ba4e","webpack:///./src/views/funnels/funnel/Analytics.vue?5b7b","webpack:///./src/views/funnels/funnel/Analytics.vue?7b7c","webpack:///./src/views/funnels/funnel/Analytics.vue","webpack:///src/views/funnels/funnel/Analytics.vue","webpack:///./src/views/funnels/funnel/Analytics.vue?044f","webpack:///./src/views/funnels/funnel/Analytics.vue?c45c"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","content","trigger","expression","attrs","_v","_s","prefix","v","suffix","noOldValue","_e","staticClass","class","big","oldValue","perDiff","staticRenderFns","props","default","type","isMoney","digits","perDigits","computed","oldV","methods","formatPrice","notNaN","component","endDate","startDate","loading","minDate","maxDate","on","$event","loadAnalytics","rangeChanged","staticStyle","purchaseValues","oldPurchaseValues","currencyCode","purchaseValue","oldPurchaseValue","chartStart","chartEnd","purchasesData","oldPurchasesData","purchases","oldPurchases","aovData","oldAovData","aov","oldAov","scopedSlots","_u","key","fn","proxy","visitorsData","oldVisitorsData","visitors","oldVisitors","optinsData","oldOptinsData","optins","oldOptins","convRates","oldConvRates","convRate","oldConvRate","optinRates","oldOptinRates","optinRate","oldOptinRate","_m","_l","steps","step","index","deleted","is_deleted","step_id","step_name","$route","params","id","visits","old_visits","revenue","old_revenue","orders","old_orders","percentage","previous_optins","old_optins","require","components","RangePicker","Chart","ValueDiff","Loading","mixins","data","unit","currentRange","loadingSteps","funnel","oldStartDate","oldEndDate","storeRange","analytics","loadRange","console","group","title","mounted","created"],"mappings":"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ACAH,aAAAxE,SAAA,CAAAA,UACAyE,gBAAAzE,SAAA,CAAAA,UAEA8E,SAEA9C,WACA2E,gBACAC,YAGApF,aACA,mCACAkB,eACA,wCACA,0BAEAG,aACA,yDAEAgE,eACA,uBACA,uDACA,0CAEA,SACA,CACA,sDACA,yCAEA,WAGA/D,WACA,uDAEAgE,aACA,uBACA,2DACA,SACA,CACA,0DACA,WAGA7E,UACA,6CAGAP,SACAoE,gBACA,4BAEAxD,oBACA,iBACA,eACA,oBAEA,kBAEA,sBAEAyE,aACAC,kEAEAC,YACA,iBAAAP,YAAA3E,UAAAD,GAAA,mBAEA,oBACA,eACA,kBAEA,sBACA,IACA,YACA,4DACA,MACA2E,UACA,KACAA,SACA,OACAA,UAGA,YAEA,mBAEA,0BACA,SACA,iBAGA,oBACA,IACA,gBACA,4BACA,kGAGA,6BACA,uGACA,oCACA,oHAGA,wBACA,qGACA,+BACA,kHAGA,eACA,4FACA,sBACA,yGAGA,uBACA,8BAEA,YACA,2GACA,0HAEA,oGACA,kHAIA,qBACA,kGACA,4BACA,+GAGA,2DACA,0EACA,oEACA,mFAGA,yDACA,wEACA,kEACA,iFACA,SACAS,iBArDA,QAuDA,kBAGA,2BACA,IACA,qBACA,cACA,4BACA,+GACA,aAEA,SACAA,iBARA,QAUA,uBAGA,uBACA,IACA,4BACA,gBACA,YACA,4DACA,MACAT,UACA,KACAA,SACA,OACAA,UAGA,YAEA,oEACA,sEAGA,oCACA,8GACA,uCACA,uHAGA,wBACA,qGACA,2BACA,8GAGA,yBACA,4BACA,YACA,+GACA,0HAEA,sGACA,gHAIA,qBACA,kGACA,wBACA,2GAGA,2DACA,0EACA,oEACA,mFAGA,yDACA,wEACA,kEACA,iFAEA,mBAEA,SACAS,yBACA,cACAC,aACAC,yCACAhG,eAlEC,QAqED,mBAKAiG,YAGAC,UACA,iBAEA,uBCpdiX,I,kCCS7WzF,EAAY,eACd,EACArC,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAY,E","file":"js/chunk-2f94eedc.147c728b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:(_vm.content?{}:{trigger:'manual'}),expression:\"content?{}:{trigger:'manual'}\"}],attrs:{\"content\":_vm.content}},[_c('strong',[_vm._v(_vm._s(_vm.prefix)+\" \"+_vm._s(_vm.v)+\" \"+_vm._s(_vm.suffix))]),(!_vm.noOldValue)?_c('div',{staticClass:\"delta\",class:{\n\t\t\t\t'huge-delta': _vm.big,\n\t\t\t\t'delta-zero':_vm.value==_vm.oldValue,\n\t\t\t\t'delta-up':_vm.value>_vm.oldValue,\n\t      'delta-down':_vm.value<_vm.oldValue}},[_vm._v(_vm._s(_vm.perDiff(_vm.value, _vm.oldValue))+\" %\")]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div v-tippy=\"content?{}:{trigger:'manual'}\" :content=\"content\">\n\t<strong>{{prefix}} {{ v }} {{suffix}}</strong>\n\t<div v-if=\"!noOldValue\" class=\"delta \"\n\t     :class=\"{\n\t\t\t\t'huge-delta': big,\n\t\t\t\t'delta-zero':value==oldValue,\n\t\t\t\t'delta-up':value>oldValue,\n\t      'delta-down':value<oldValue}\">{{perDiff(value, oldValue)}} %</div>\n\n</div>\n</template>\n\n<script>\nimport numbers from \"@/helpers/numbers\";\n\nexport default {\nname: \"ValueDiff\",\n\tprops: {\n\t\tbig:{\n\t\t\tdefault: false,\n\t\t\ttype: Boolean,\n\t\t},\n\t\tisMoney:{\n\t\t\tdefault: false,\n\t\t\ttype: Boolean,\n\t\t},\n\t\tvalue:{\n\t\t\tdefault: 0,\n\t\t\t// type: Number,\n\t\t},\n\t\toldValue:{\n\t\t\tdefault: 0,\n\t\t\t// type: Number,\n\t\t},\n\t\tsuffix:{\n\t\t\tdefault: \"\",\n\t\t\ttype: String,\n\t\t},\n\t\tprefix:{\n\t\t\tdefault: \"\",\n\t\t\ttype: String\n\t\t},\n\t\tdigits: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\t\tperDigits: {\n\t\t\ttype: Number,\n\t\t\tdefault: 2,\n\t\t},\n\t\tnoOldValue: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\tcomputed:{\n\t\tv(){\n\t\t\ttry {\n\t\t\t\tlet _v = this.value.toFixed(this.digits);\n\t\t\t\treturn this.isMoney ? this.formatPrice(_v) : _v;\n\t\t\t} catch (e) {\n\t\t\t\treturn this.value || 0;\n\t\t\t}\n\t\t},\n\t\toldV(){\n\t\t\tlet _v = this.oldValue.toFixed(this.digits);\n\t\t\treturn this.isMoney ? this.formatPrice(_v) : _v;\n\t\t},\n\t\tcontent() {\n\t\t\tif (this.noOldValue) return null;// `${this.prefix} <b>${this.v}</b> ${this.suffix}`\n\n\t\t\treturn '<b>'+this.perDiff(this.value, this.oldValue) + '%</b> change, was <b>'+\n\t\t\t\t\tthis.prefix+this.oldV+this.suffix+'</b> previous period.';\n\t\t}\n\t},\n\tmethods:{\n\t\tformatPrice(value) {\n\t\t\tlet val = (value/1).toFixed(2)//.replace('.', ',')\n\t\t\treturn numbers.numberWithCommas(val)\n\t\t},\n\t\tperDiff(value, oldValue){\n\t\t\tlet difference = (value-oldValue);\n\n\t\t\tif (!oldValue && value) return (100).toFixed(this.perDigits); // use current value as the change value.\n\n\t\t\tlet per = difference/oldValue*100;\n\n\t\t\treturn this.notNaN(per).toFixed(this.perDigits);\n\t\t},\n\t\tnotNaN(n) {\n\t\t\tif(isNaN(n)) return 0;\n\t\t\treturn n;\n\t\t},\n\t}\n}\n</script>\n\n<style scoped>\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!./valueDiff.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!./valueDiff.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./valueDiff.vue?vue&type=template&id=87c0e7a2&scoped=true&\"\nimport script from \"./valueDiff.vue?vue&type=script&lang=js&\"\nexport * from \"./valueDiff.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  \"87c0e7a2\",\n  null\n  \n)\n\nexport default component.exports","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!./Analytics.vue?vue&type=style&index=1&id=4feb6f56&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!./Analytics.vue?vue&type=style&index=0&id=4feb6f56&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"layout-column noscroll\"},[_c('div',{staticClass:\"top_info_box justify-between\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Analytics\")]),_c('div',{staticClass:\"flex\"}),_c('div',{staticClass:\"layout-row range-wrapper\"},[_c('range-picker',{attrs:{\"end-date\":_vm.endDate,\"start-date\":_vm.startDate,\"loading\":_vm.loading,\"min-date\":_vm.minDate,\"max-date\":_vm.maxDate},on:{\"reload\":function($event){return _vm.loadAnalytics()},\"rangeChanged\":_vm.rangeChanged}})],1)]),_c('div',{staticClass:\"main-content funnel-analytics-content scroll\",staticStyle:{\"padding\":\"40px 20px 60px\"}},[_c('div',{staticClass:\"layout-row flex\",staticStyle:{\"margin-top\":\"40px\"}},[_c('chart',{staticClass:\"margin-10\",attrs:{\"title\":\"Revenue\",\"data\":_vm.purchaseValues,\"old-data\":_vm.oldPurchaseValues,\"prefix\":_vm.currencyCode,\"total\":_vm.purchaseValue,\"old-total\":_vm.oldPurchaseValue,\"is-money\":\"\",\"startDate\":_vm.chartStart,\"endDate\":_vm.chartEnd,\"loading\":_vm.loading}})],1),_c('div',{staticClass:\"layout-row flex\",staticStyle:{\"margin-top\":\"5px\"}},[_c('chart',{staticClass:\"margin-10\",attrs:{\"title\":\"Orders\",\"data\":_vm.purchasesData,\"old-data\":_vm.oldPurchasesData,\"round-value\":true,\"total\":_vm.purchases,\"old-total\":_vm.oldPurchases,\"startDate\":_vm.chartStart,\"endDate\":_vm.chartEnd,\"loading\":_vm.loading}}),_c('chart',{staticClass:\"margin-10\",attrs:{\"title\":\"AOV\",\"data\":_vm.aovData,\"old-data\":_vm.oldAovData,\"prefix\":_vm.currencyCode,\"total\":_vm.aov,\"old-total\":_vm.oldAov,\"is-money\":\"\",\"startDate\":_vm.chartStart,\"endDate\":_vm.chartEnd,\"loading\":_vm.loading},scopedSlots:_vm._u([{key:\"info\",fn:function(){return [_c('b',[_vm._v(\"Average Order Value\")]),_vm._v(\" - is calculated by dividing the total revenue of all customers by the number of unique buyers within the select time period. \")]},proxy:true}])})],1),_c('div',{staticClass:\"layout-row flex\",staticStyle:{\"margin-top\":\"5px\"}},[_c('chart',{staticClass:\"margin-10\",attrs:{\"title\":\"Page views\",\"data\":_vm.visitorsData,\"old-data\":_vm.oldVisitorsData,\"total\":_vm.visitors,\"old-total\":_vm.oldVisitors,\"startDate\":_vm.chartStart,\"endDate\":_vm.chartEnd,\"loading\":_vm.loading}}),_c('chart',{staticClass:\"margin-10\",attrs:{\"title\":\"Optins\",\"data\":_vm.optinsData,\"old-data\":_vm.oldOptinsData,\"round-value\":true,\"total\":_vm.optins,\"old-total\":_vm.oldOptins,\"startDate\":_vm.chartStart,\"endDate\":_vm.chartEnd,\"loading\":_vm.loading}})],1),_c('div',{staticClass:\"layout-row flex\",staticStyle:{\"margin-top\":\"5px\"}},[_c('chart',{staticClass:\"margin-10\",attrs:{\"title\":\"Conversion rate\",\"data\":_vm.convRates,\"old-data\":_vm.oldConvRates,\"suffix\":\"%\",\"total\":_vm.convRate,\"old-total\":_vm.oldConvRate,\"startDate\":_vm.chartStart,\"endDate\":_vm.chartEnd,\"loading\":_vm.loading}}),_c('chart',{staticClass:\"margin-10\",attrs:{\"title\":\"Optin rate\",\"data\":_vm.optinRates,\"old-data\":_vm.oldOptinRates,\"suffix\":\"%\",\"total\":_vm.optinRate,\"old-total\":_vm.oldOptinRate,\"startDate\":_vm.chartStart,\"endDate\":_vm.chartEnd,\"loading\":_vm.loading}})],1),_c('div',{staticClass:\"performance-breakdown noscroll\",staticStyle:{\"height\":\"auto\",\"margin-top\":\"77px\"}},[_c('h2',[_vm._v(\"Performance breakdown\")]),_c('div',{staticClass:\"analytics-table-container scroll\",staticStyle:{\"position\":\"relative\"}},[_c('Loading',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}]}),_c('table',{staticClass:\"analytics-table table-analitics\"},[_vm._m(0),_c('tbody',_vm._l((_vm.steps),function(step,index){return _c('tr',{key:index,class:{deleted: step.is_deleted},attrs:{\"data-id\":step.step_id}},[_c('td',[_c('div',{staticClass:\"step-name\"},[(step.is_deleted)?_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(step.step_name))]):_c('router-link',{attrs:{\"to\":'/funnel/'+_vm.$route.params.id+'/steps/'+step.step_id}},[_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(step.step_name))])])],1)]),_c('td',[_c('value-diff',{attrs:{\"value\":step.visits,\"old-value\":step.old_visits,\"suffix\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":step.revenue,\"old-value\":step.old_revenue,\"prefix\":_vm.currencyCode,\"is-money\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":step.orders,\"old-value\":step.old_orders,\"suffix\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.percentage(step.orders, step.visits),\"old-value\":_vm.percentage(step.old_orders, step.old_visits),\"suffix\":\"%\",\"digits\":2}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":step.optins,\"old-value\":step.previous_optins,\"suffix\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.percentage(step.optins, step.visits),\"old-value\":_vm.percentage(step.old_optins, step.old_visits),\"suffix\":\"%\",\"digits\":2}})],1)])}),0)])],1)]),_c('div',{staticClass:\"layout-column flex-center\"},[_c('p',{staticClass:\"alert_box blue\"},[_c('inline-svg',{staticClass:\"icon\",attrs:{\"src\":require('@/assets/img/info_icon.svg')}}),_vm._v(\" Your feedback helps us improve, let us know about any missing metrics or inaccuracies. \")],1)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('thead',[_c('tr',[_c('th',[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Step \")])]),_c('th',[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Page views \")])]),_c('th',[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Revenue \")])]),_c('th',[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Orders \")])]),_c('th',[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Conv. rate \")])]),_c('th',[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Optins \")])]),_c('th',[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Optin rate \")])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"layout-column noscroll\">\n        <div class=\"top_info_box justify-between\">\n            <div class=\"title\">Analytics</div>\n\n\t        <div class=\"flex\"></div>\n\t        <div class=\"layout-row range-wrapper\">\n\t\t        <range-picker :end-date=\"endDate\" :start-date=\"startDate\"\n\t\t                      @reload=\"loadAnalytics()\" :loading=\"loading\"\n\t\t                      :min-date=\"minDate\" :max-date=\"maxDate\" @rangeChanged=\"rangeChanged\"/>\n\t        </div>\n        </div>\n\n            <div class=\"main-content funnel-analytics-content scroll\" style=\"padding: 40px 20px 60px;\">\n\t            <div class=\"layout-row flex\" style=\"margin-top: 40px;\">\n\n\t\t            <chart class=\"margin-10\" title=\"Revenue\" :data=\"purchaseValues\" :old-data=\"oldPurchaseValues\" :prefix=\"currencyCode\"\n\t\t                   :total=\"purchaseValue\" :old-total=\"oldPurchaseValue\" is-money\n\t\t                   :startDate=\"chartStart\" :endDate=\"chartEnd\" :loading=\"loading\"/>\n\t            </div>\n\n\t            <div class=\"layout-row flex\" style=\"margin-top: 5px;\">\n\t\t            <chart class=\"margin-10\" title=\"Orders\" :data=\"purchasesData\" :old-data=\"oldPurchasesData\" :round-value=\"true\"\n\t\t                   :total=\"purchases\" :old-total=\"oldPurchases\"\n\t\t                   :startDate=\"chartStart\" :endDate=\"chartEnd\" :loading=\"loading\"/>\n\n\t\t            <chart class=\"margin-10\" title=\"AOV\" :data=\"aovData\" :old-data=\"oldAovData\" :prefix=\"currencyCode\"\n\t\t                   :total=\"aov\" :old-total=\"oldAov\" is-money\n\t\t                   :startDate=\"chartStart\" :endDate=\"chartEnd\" :loading=\"loading\">\n\t\t\t            <template v-slot:info>\n\t\t\t\t            <b>Average Order Value</b> - is calculated by dividing the total revenue of all customers by the\n\t\t\t\t            number of unique buyers within the select time period.\n\t\t\t            </template>\n\t\t            </chart>\n\t            </div>\n\n\t            <div class=\"layout-row flex\" style=\"margin-top: 5px;\">\n\t\t            <chart class=\"margin-10\" title=\"Page views\" :data=\"visitorsData\" :old-data=\"oldVisitorsData\"\n\t\t                   :total=\"visitors\" :old-total=\"oldVisitors\"\n\t\t                   :startDate=\"chartStart\" :endDate=\"chartEnd\" :loading=\"loading\"/>\n\n\t\t            <chart class=\"margin-10\" title=\"Optins\" :data=\"optinsData\" :old-data=\"oldOptinsData\" :round-value=\"true\"\n\t\t                   :total=\"optins\" :old-total=\"oldOptins\"\n\t\t                   :startDate=\"chartStart\" :endDate=\"chartEnd\" :loading=\"loading\"/>\n\t            </div>\n\t            <div class=\"layout-row flex\" style=\"margin-top: 5px;\">\n\t\t            <chart class=\"margin-10\" title=\"Conversion rate\" :data=\"convRates\" :old-data=\"oldConvRates\" suffix=\"%\"\n\t\t                   :total=\"convRate\" :old-total=\"oldConvRate\"\n\t\t                   :startDate=\"chartStart\" :endDate=\"chartEnd\" :loading=\"loading\"/>\n\n\t\t            <chart class=\"margin-10\" title=\"Optin rate\" :data=\"optinRates\" :old-data=\"oldOptinRates\" suffix=\"%\"\n\t\t                   :total=\"optinRate\" :old-total=\"oldOptinRate\"\n\t\t                   :startDate=\"chartStart\" :endDate=\"chartEnd\" :loading=\"loading\"/>\n\t            </div>\n\n\n\t            <div class=\"performance-breakdown noscroll\" style=\"height: auto;margin-top: 77px;\">\n                    <h2>Performance breakdown</h2>\n                    <div class=\"analytics-table-container scroll\" style=\"position: relative;\">\n                        <Loading v-show=\"loading\"/>\n                        <table class=\"analytics-table table-analitics\">\n                            <thead>\n                                <tr>\n                                    <th>\n                                        <div class=\"th-wrap\">\n                                            Step\n                                        </div>\n                                    </th>\n\t                                <th>\n\t\t                                <div class=\"th-wrap\">\n\t\t\t                                Page views\n\t\t                                </div>\n\t                                </th>\n\t                                <th>\n                                        <div class=\"th-wrap\">\n                                            Revenue\n                                        </div>\n                                    </th>\n\t                                <th>\n\t\t                                <div class=\"th-wrap\">\n\t\t\t                                Orders\n\t\t                                </div>\n\t                                </th>\n\t                                <th>\n\t\t                                <div class=\"th-wrap\">\n\t\t\t                                Conv. rate\n\t\t                                </div>\n\t                                </th>\n                                    <th>\n                                        <div class=\"th-wrap\">\n                                            Optins\n                                        </div>\n                                    </th>\n                                    <th>\n                                        <div class=\"th-wrap\">\n                                            Optin rate\n                                        </div>\n                                    </th>\n                                </tr>\n                            </thead>\n                            <tbody>\n                                <tr v-for=\"(step, index) in steps\" :key=\"index\" :class=\"{deleted: step.is_deleted}\" :data-id=\"step.step_id\">\n                                    <td>\n                                        <div class=\"step-name\">\n\n                                            <strong v-if=\"step.is_deleted\" class=\"name\">{{ step.step_name }}</strong>\n\n                                            <router-link v-else :to=\"'/funnel/'+$route.params.id+'/steps/'+step.step_id\">\n                                                <strong class=\"name\">{{ step.step_name }}</strong>\n                                            </router-link>\n                                        </div>\n                                    </td>\n\t                                <td >\n\t\t                                <value-diff :value=\"step.visits\" :old-value=\"step.old_visits\" suffix=\"\" />\n\t                                </td>\n\n\t                                <td >\n\t\t\t                                <value-diff :value=\"step.revenue\" :old-value=\"step.old_revenue\"\n\t\t\t                                            :prefix=\"currencyCode\" is-money />\n\t\t                                </td>\n\t\t                                <td >\n\t\t\t                                <value-diff :value=\"step.orders\" :old-value=\"step.old_orders\" suffix=\"\" />\n\t\t                                </td>\n\t\t                                <td >\n\t\t\t                                <value-diff :value=\"percentage(step.orders, step.visits)\"\n\t\t\t                                            :old-value=\"percentage(step.old_orders, step.old_visits)\"\n\t\t\t                                            suffix=\"%\" :digits=\"2\" />\n\t\t                                </td>\n                                    <td >\n\t                                    <value-diff :value=\"step.optins\" :old-value=\"step.previous_optins\" suffix=\"\" />\n                                    </td>\n                                    <td >\n\t                                    <value-diff :value=\"percentage(step.optins, step.visits)\"\n\t                                                :old-value=\"percentage(step.old_optins, step.old_visits)\"\n\t                                                suffix=\"%\" :digits=\"2\" />\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </div>\n                </div>\n\n\t            <div class=\"layout-column flex-center\">\n\t\t            <p class=\"alert_box blue\">\n\t\t\t            <inline-svg class=\"icon\" :src=\"require('@/assets/img/info_icon.svg')\" />\n\t\t\t            Your feedback helps us improve, let us know about any missing metrics or inaccuracies.\n\t\t            </p>\n\t            </div>\n\n            </div>\n    </div>\n</template>\n\n<script>\n\nimport API from \"@/api\"\nimport {mapGetters} from \"vuex\"\nimport Loading from \"@/components/Loading.vue\"\nimport ValueDiff from \"@/views/funnels/funnel/valueDiff\";\nimport {getSymbol} from \"@/helpers/currencies\";\nimport Chart from \"@/components/base/chart\";\nimport moment from 'moment';\nimport RangePicker from \"@/components/base/range-picker\";\nimport analytics, {percentage} from \"@/helpers/analytics\";\n\nexport default {\n    name: \"Analytics\",\n    components: {\n\t    RangePicker,\n\t    Chart,\n\t    ValueDiff,\n      Loading\n    },\n    mixins: [API],\n    props: ['id'],\n    data() {\n\t    return {\n\t        unit: \"day\",\n        \tmaxDate: new Date(),\n\t        startDate: new Date(),\n\t        endDate: new Date(),\n\t\t      currentRange: 'Last 30 days',\n\n\t        // Purchase values\n\t        purchaseValue: 0,\n\t        oldPurchaseValue: 0,\n\t        purchaseValues: [{value:0},{value:0}],\n\t        oldPurchaseValues: [{value:0},{value:0}],\n\n\t        // Purchases\n\t        purchases: 0,\n\t        oldPurchases: 0,\n\t        purchasesData: [{value:0},{value:0}],\n\t        oldPurchasesData: [{value:0},{value:0}],\n\n\t        // Conv. rate\n\t        convRate: 0,\n\t        oldConvRate: 0,\n\t        convRates: [{value:0},{value:0}],\n\t        oldConvRates: [{value:0},{value:0}],\n\n\t\t    // AOV\n\t\t    aov: 0,\n\t\t    oldAov: 0,\n\t\t    aovData: [{value:0},{value:0}],\n\t\t    oldAovData: [{value:0},{value:0}],\n\n\t\t    // Visitors\n\t        visitors: 0,\n\t        oldVisitors: 0,\n\t        visitorsData: [{value:0},{value:0}],\n\t        oldVisitorsData: [{value:0},{value:0}],\n\n\t        // Optins\n\t        optins: 0,\n\t        oldOptins: 0,\n\t        optinsData: [{value:0},{value:0}],\n\t        oldOptinsData: [{value:0},{value:0}],\n\n\t        // Optin rate\n\t        optinRate: 0,\n\t        oldOptinRate: 0,\n\t        optinRates: [{value:0},{value:0}],\n\t        oldOptinRates: [{value:0},{value:0}],\n\n\t\t\t\t\tsteps: [],\n\n\t        loading: true,\n\t\t\t    loadingSteps: false,\n          funnel: {},\n        }\n    },\n    computed: {\n        ...mapGetters([\"getFunnelStore\",]),\n\t    currencyCode() {\n\t\t    let currency = this.getFunnelStore.currency_code;\n\t\t    return getSymbol(currency);\n\t    },\n\t    chartStart() {\n\t\t    return analytics.formatChartDate(this.unit,this.startDate);\n\t    },\n\t    oldStartDate() {\n\t\t    if (this.unit===\"hour\") {\n\t\t\t    let days = moment(this.endDate).diff(this.startDate, \"hours\")+1;\n\t\t\t    let start = moment(this.startDate).subtract(days, \"hours\");\n\n\t\t\t    return start;\n\t\t    } else {\n\t\t\t    let days = moment(this.endDate).diff(this.startDate, \"days\")+1;\n\t\t\t    let start = moment(this.startDate).subtract(days, \"days\");\n\n\t\t\t    return start;\n\t\t    }\n\t    },\n\t    chartEnd() {\n\t\t    return analytics.formatChartDate(this.unit, this.endDate);\n\t    },\n\t    oldEndDate() {\n\t\t    if (this.unit===\"hour\") {\n\t\t\t    let end = moment(this.startDate).subtract(1, \"hours\").endOf('day');\n\t\t\t    return end;\n\t\t    } else {\n\t\t\t    let end = moment(this.startDate).subtract(1, \"days\").endOf('day');\n\t\t\t    return end;\n\t\t    }\n\t    },\n\t    minDate() {\n\t\t    return moment(this.getFunnelStore.created_at);\n\t    }\n    },\n    methods: {\n    \tpercentage(sub,total) {\n    \t\treturn percentage(sub,total)\n\t    },\n\t    rangeChanged(currentRange, startDate, endDate) {\n\t\t    this.startDate = startDate;\n\t\t    this.endDate = endDate;\n\t\t    this.currentRange = currentRange;\n\n\t\t    this.storeRange();\n\n\t    \tthis.loadAnalytics();\n\t    },\n\t    storeRange() {\n\t\t    analytics.storeRange(this.currentRange, this.startDate, this.endDate);\n\t    },\n\t    loadRange() {\n\t\t    let {currentRange, startDate, endDate} = analytics.loadRange();\n\n\t\t    this.currentRange = currentRange;\n\t\t    this.endDate = endDate;\n\t\t    this.startDate = startDate;\n\t    },\n\t    async loadAnalytics() {\n\t\t    try {\n\t\t\t    let unit = \"day\";\n\t\t\t    let days = Math.abs(moment(this.endDate).diff(this.startDate, \"days\"))+1;\n\t\t\t    if (days > 6*30) {\n\t\t\t\t    unit = \"month\";\n\t\t\t    } else if (days > 31) {\n\t\t\t\t    unit = \"week\";\n\t\t\t    } else if (days <= 2) {\n\t\t\t\t    unit = \"hour\"\n\t\t\t    }\n\n\t\t\t    this.unit = unit;\n\n\t\t\t    this.loadCharts(unit); // async\n\n\t\t\t    this.loadPerfBreakdown(unit); // async\n\t\t    } catch (e) {\n\t\t\t    this.$error(e)\n\t\t    }\n\t    },\n\t    async loadCharts(unit) {\n\t\t    try {\n\t\t\t    this.loading = true;\n\t\t\t    let id = this.$route.params.id;\n\t\t\t    let data = await this.api.analytics.get(id, this.startDate, this.endDate, unit, this.oldStartDate, this.oldEndDate);\n\n\t\t\t    // Purchase values\n\t\t\t    this.purchaseValue = data.revenue;\n\t\t\t    this.purchaseValues = analytics.getDataFromTrends(this.unit, data.trends, \"revenue\", this.startDate, this.endDate)\n\t\t\t    this.oldPurchaseValue = data.old_revenue;\n\t\t\t    this.oldPurchaseValues = analytics.getDataFromTrends(this.unit, data.old_trends, \"revenue\", this.oldStartDate, this.oldEndDate)\n\n\t\t\t    // Purchases\n\t\t\t    this.purchases = data.orders;\n\t\t\t    this.purchasesData = analytics.getDataFromTrends(this.unit, data.trends, \"orders\", this.startDate, this.endDate)\n\t\t\t    this.oldPurchases = data.old_orders;\n\t\t\t    this.oldPurchasesData = analytics.getDataFromTrends(this.unit, data.old_trends, \"orders\", this.oldStartDate, this.oldEndDate)\n\n\t\t\t    // AOV\n\t\t\t    this.aov = data.aov;\n\t\t\t    this.aovData = analytics.getDataFromTrends(this.unit, data.trends, \"aov\", this.startDate, this.endDate)\n\t\t\t    this.oldAov = data.old_aov;\n\t\t\t    this.oldAovData = analytics.getDataFromTrends(this.unit, data.old_trends, \"aov\", this.oldStartDate, this.oldEndDate)\n\n\t\t\t    // Visitors\n\t\t\t    this.visitors = data.visits;\n\t\t\t    this.oldVisitors = data.old_visits;\n\n\t\t\t    if (unit === \"hour\") {  // handle hourly data differently\n\t\t\t\t    this.visitorsData = analytics.getDataFromTrends(this.unit, data.hourly_visits, \"visits\", this.startDate, this.endDate)\n\t\t\t\t    this.oldVisitorsData = analytics.getDataFromTrends(this.unit, data.old_hourly_visits, \"visits\", this.oldStartDate, this.oldEndDate)\n\t\t\t    } else {\n\t\t\t\t    this.visitorsData = analytics.getDataFromTrends(this.unit, data.trends, \"visits\", this.startDate, this.endDate)\n\t\t\t\t    this.oldVisitorsData = analytics.getDataFromTrends(this.unit, data.old_trends, \"visits\", this.oldStartDate, this.oldEndDate)\n\t\t\t    }\n\n\t\t\t    // Optins\n\t\t\t    this.optins = data.optins;\n\t\t\t    this.optinsData = analytics.getDataFromTrends(this.unit, data.trends, \"optins\", this.startDate, this.endDate)\n\t\t\t    this.oldOptins = data.old_optins;\n\t\t\t    this.oldOptinsData = analytics.getDataFromTrends(this.unit, data.old_trends, \"optins\", this.oldStartDate, this.oldEndDate)\n\n\t\t\t    // Conversion rates\n\t\t\t    this.convRate = percentage(this.purchases, this.visitors);\n\t\t\t    this.convRates = analytics.generateRates(this.visitorsData, this.purchasesData);\n\t\t\t    this.oldConvRate = percentage(this.oldPurchases, this.oldVisitors);\n\t\t\t    this.oldConvRates = analytics.generateRates(this.oldVisitorsData, this.oldPurchasesData);\n\n\t\t\t    // Optin rates\n\t\t\t    this.optinRate = percentage(this.optins, this.visitors);\n\t\t\t    this.optinRates = analytics.generateRates(this.visitorsData, this.optinsData);\n\t\t\t    this.oldOptinRate = percentage(this.oldOptins, this.oldVisitors);\n\t\t\t    this.oldOptinRates = analytics.generateRates(this.oldVisitorsData, this.oldOptinsData);\n\t\t    }catch (e) {\n\t\t\t    console.error(e);\n\t\t    } finally {\n\t\t\t    this.loading = false;\n\t\t    }\n\t    },\n\t    async loadPerfBreakdown(unit) {\n\t\t    try {\n\t\t\t    this.loadingSteps = true;\n\t\t\t    this.steps = [];\n\t\t\t    let id = this.$route.params.id;\n\t\t\t    let data = await this.api.analytics.getPerfBreakdown(id, this.startDate, this.endDate, unit, this.oldStartDate, this.oldEndDate);\n\t\t\t    this.steps = data;\n\n\t\t    } catch (e) {\n\t\t\t    console.error(e);\n\t\t    } finally {\n\t\t\t    this.loadingSteps = false;\n\t\t    }\n\t    },\n\t    async loadAnalytics_() {\n    \t\ttry {\n    \t\t\tlet id = this.$route.params.id;\n\t\t\t    this.loading = true;\n\t\t\t    let unit = \"day\";\n\t\t\t    let days = Math.abs(moment(this.endDate).diff(this.startDate, \"days\"))+1;\n\t\t\t    if (days > 6*30) {\n\t\t\t    \tunit = \"month\";\n\t\t\t    } else if (days > 31) {\n\t\t\t\t    unit = \"week\";\n\t\t\t    } else if (days <= 2) {\n\t\t\t\t    unit = \"hour\"\n\t\t\t    }\n\n\t\t\t    this.unit = unit;\n\n\t\t\t    let data = await this.api.analytics.get(id, this.startDate, this.endDate, unit);\n\t\t\t    let oldData = await this.api.analytics.get(id, this.oldStartDate, this.oldEndDate, unit);\n\n\t\t\t    // Purchase values\n\t\t\t    this.purchaseValue = data.purchase_value;\n\t\t\t    this.purchaseValues = analytics.getDataFromTrends(this.unit, data.trends, \"purchase_value\", this.startDate, this.endDate)\n\t\t\t    this.oldPurchaseValue = oldData.purchase_value;\n\t\t\t    this.oldPurchaseValues = analytics.getDataFromTrends(this.unit, oldData.trends, \"purchase_value\", this.oldStartDate, this.oldEndDate)\n\n\t\t\t    // Purchases\n\t\t\t    this.purchases = data.orders;\n\t\t\t    this.purchasesData = analytics.getDataFromTrends(this.unit, data.trends, \"orders\", this.startDate, this.endDate)\n\t\t\t    this.oldPurchases = oldData.orders;\n\t\t\t    this.oldPurchasesData = analytics.getDataFromTrends(this.unit, oldData.trends, \"orders\", this.oldStartDate, this.oldEndDate)\n\n\t\t\t    // Visitors\n\t\t\t    this.visitors = data.visitors;\n\t\t\t    this.oldVisitors = oldData.visitors;\n\t\t\t    if (unit === \"hour\") {  // handle hourly data differently\n\t\t\t\t    this.visitorsData = analytics.getDataFromTrends(this.unit, data.hourly_visitors, \"visitors\", this.startDate, this.endDate)\n\t\t\t\t    this.oldVisitorsData = analytics.getDataFromTrends(this.unit, oldData.hourly_visitors, \"visitors\", this.oldStartDate, this.oldEndDate)\n\t\t\t    } else {\n\t\t\t\t    this.visitorsData = analytics.getDataFromTrends(this.unit, data.trends, \"visitors\", this.startDate, this.endDate)\n\t\t\t\t    this.oldVisitorsData = analytics.getDataFromTrends(this.unit, oldData.trends, \"visitors\", this.oldStartDate, this.oldEndDate)\n\t\t\t    }\n\n\t\t\t    // Optins\n\t\t\t    this.optins = data.optins;\n\t\t\t    this.optinsData = analytics.getDataFromTrends(this.unit, data.trends, \"optins\", this.startDate, this.endDate)\n\t\t\t    this.oldOptins = oldData.optins;\n\t\t\t    this.oldOptinsData = analytics.getDataFromTrends(this.unit, oldData.trends, \"optins\", this.oldStartDate, this.oldEndDate)\n\n\t\t\t    // Conversion rates\n\t\t\t    this.convRate = percentage(this.purchases, this.visitors);\n\t\t\t    this.convRates = analytics.generateRates(this.visitorsData, this.purchasesData);\n\t\t\t    this.oldConvRate = percentage(this.oldPurchases, this.oldVisitors);\n\t\t\t    this.oldConvRates = analytics.generateRates(this.oldVisitorsData, this.oldPurchasesData);\n\n\t\t\t    // Optin rates\n\t\t\t    this.optinRate = percentage(this.optins, this.visitors);\n\t\t\t    this.optinRates = analytics.generateRates(this.visitorsData, this.optinsData);\n\t\t\t    this.oldOptinRate = percentage(this.oldOptins, this.oldVisitors);\n\t\t\t    this.oldOptinRates = analytics.generateRates(this.oldVisitorsData, this.oldOptinsData);\n\n\t\t\t    this.steps = data.steps;\n\n\t\t    } catch (e) {\n\t\t\t    console.error(\"ERROR\", e);\n\t\t\t    this.$notify({\n\t\t\t\t    group: 'main',\n\t\t\t\t    title: \"Something went wrong! try again.\",\n\t\t\t\t    type: 'error',\n\t\t\t    });\n\t\t    } finally {\n\t\t\t    this.loading = false;\n\t\t    }\n\t    },\n    },\n\n\tmounted() {\n\n\t},\n\tcreated() {\n\t\tthis.loadRange();\n\n    this.loadAnalytics();\n\n    // var {id} = this.$route.params\n    // this.init(false, id);\n\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.range-wrapper {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\n\t.compare-to {\n\t\tmargin: 0 10px;\n\t}\n}\n</style>\n\n<style lang=\"scss\" >\n    .performance-breakdown {\n      .analytics-table-container {\n        overflow-x: scroll;\n        overflow-x: overlay;\n\n      }\n        h2 {\n            font-weight: 500;\n            font-size: 18px;\n            line-height: 150%;\n            letter-spacing: 0.02em;\n            color: #252A32;\n            margin-bottom: 30px;\n        }\n        .step-name {\n            a:hover {\n                strong {\n                    color: #4268e0;\n                }\n            }\n        }\n\n        .deleted {\n            .step-name {\n                .name {\n                    color: #c6c6c6;\n                }\n            }\n        }\n    }\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!./Analytics.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!./Analytics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Analytics.vue?vue&type=template&id=4feb6f56&scoped=true&\"\nimport script from \"./Analytics.vue?vue&type=script&lang=js&\"\nexport * from \"./Analytics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Analytics.vue?vue&type=style&index=0&id=4feb6f56&prod&lang=scss&scoped=true&\"\nimport style1 from \"./Analytics.vue?vue&type=style&index=1&id=4feb6f56&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  \"4feb6f56\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}