https://tinyurl.com/js/chunks/3159.763981dccfed7cc5.js

1"use strict";(self.webpackChunktinyurl=self.webpackChunktinyurl||[]).push([[3,3159],{77757(t,e,a){a.d(e,{A:()=>m});var i=a(95353),n=a(33428),s=a(10616),r=a(84193),o=a.n(r),c=a(2543);function l(t){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},l(t)}function h(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),a.push.apply(a,i)}return a}function u(t){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?h(Object(a),!0).forEach(function(e){d(t,e,a[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):h(Object(a)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))})}return t}function d(t,e,a){return(e=function(t){var e=function(t,e){if("object"!=l(t)||!t)return t;var a=t[Symbol.toPrimitive];if(void 0!==a){var i=a.call(t,e||"default");if("object"!=l(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==l(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}const m={mixins:[n.A],components:{vChart:s.VueECharts},data:function(){return{isChartLoading:!1,isChartReady:!1,ECharts:null,VueECharts:null,debouncedGetData:null,defaultOptions:{forBackend:!0}}},computed:u(u({},(0,i.L8)(["statsUrls","statsTags","statsDatetime","urlsFilter"])),{},{statsType:function(){return this.statsUrls.length>1||this.statsTags.length>0?"urls":1===this.statsUrls.length?"url":"dashboard"}}),methods:{buildAnalyticsUrl:function(t,e){return o()(t).addSearch(this.buildAnalyticsPayload(e))},getAnalytics:function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{DISABLE_ERROR_INTERCEPTORS:!0};return axios.get(this.buildAnalyticsUrl(t,e),a)},buildAnalyticsPayload:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};c.defaults(t,this.defaultOptions);var e={};(void 0!==this.urlsFilter&&("available"==this.urlsFilter.state.action?e.archived=!1:e.archived=!0),this.statsUrls.length>0)&&(e[t.forBackend?"alias[]":"alias"]=this.statsUrls);this.statsTags.length>0&&(e[t.forBackend?"tag[]":"tag"]=this.statsTags);return this.statsDatetime.start&&(e.from=this.statsDatetime.start.toISOString(!0)),this.statsDatetime.end&&(e.to=this.statsDatetime.end.toISOString(!0)),e},triggerChartsLoading:function(){var t=this,e=function(e){t.$refs.hasOwnProperty(e)&&c.endsWith(e,"-chart")?t.isChartLoading?t.$refs[e].showLoading():t.$refs[e].hideLoading():setTimeout(function(){return t.triggerChartsLoading(e)},10)};for(var a in this.$refs)e(a)},getData:function(){var t=this;void 0!==this.loadData&&(this.isChartLoading=!0,this.loadData().finally(function(){t.isChartLoading=!1}))},handleResize:function(){c.forOwn(this.$refs,function(t,e){c.endsWith(e,"-chart")&&t.resize()})}},watch:{statsDatetime:function(){this.debouncedGetData()},statsTags:function(){this.debouncedGetData()},statsUrls:function(){this.debouncedGetData()},isChartLoading:function(){this.triggerChartsLoading()}},created:function(){this.debouncedGetData=c.debounce(this.getData,200),Bus.$on("refreshStats",this.debouncedGetData),this.ECharts=s.ECharts,this.VueECharts=s.VueECharts,this.isChartReady=!0},mounted:function(){window.addEventListener("resize",this.handleResize)},beforeDestroy:function(){window.removeEventListener("resize",this.handleResize),Bus.$off("refreshStats",this.debouncedGetData)}}},10616(t,e,a){a.r(e),a.d(e,{ECharts:()=>n.a,VueECharts:()=>r.a});a(24823),a(67770),a(63886),a(59608),a(61029),a(39554),a(25120),a(17164),a(53571),a(4194);var i=a(89231),n=a.n(i),s=a(61834),r=a.n(s)},43159(t,e,a){a.r(e),a.d(e,{default:()=>c});var i=a(77757),n=a(91212),s=a(95093),r=a(2543);const o={name:"StatsTimeline",mixins:[i.A],props:{hash:{type:String,required:!1,default:""}},data:function(){return{clicks:[],interval:"hour"}},computed:{datetimeFormat:function(){return"minute"===this.interval?{short:"h:mm a",long:"MMM Do h:mm a"}:"hour"===this.interval?{short:"h a",long:"MMM Do h a"}:"day"===this.interval?{short:"MMM Do",long:"MMM Do YYYY"}:"week"===this.interval?{short:"YYY Wo",long:"MMM YYYY, Wo"}:"month"===this.interval?{short:"YYY Mo",long:"MMM YYYY"}:{short:"Y-MM-DD HH:mm",long:"Y-MM-DD HH:mm"}},dateTimeFormatAxis:function(t,e){var a=this.datetimeFormat;return function(t,e){var i=s(t).format(a.short);return void 0!==e&&0!==e||(i=s(t).format(a.long)),i}},timelineX:function(){var t=this;return{legend:{top:"0"},dataZoom:[{type:"slider",minSpan:20}],grid:{left:"6%",top:"8%",right:"2%",bottom:"0",containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"shadow"},backgroundColor:"rgba(240,240,240,0.8)",formatter:function(e){var a=s(r.first(e).value[0]).format(t.datetimeFormat.long),i="<div class='p-2 text-dark'>";return i+="<h4 class='mb-1'>".concat(a,"</h4>"),i+="<p class='mb-1 font-weight-semibold'>".concat(t.$t("chart.total_clicks"),": ").concat(e[0].data[1],"</p>"),i+="<p class='mb-1'>".concat(e[2].marker," ").concat(e[2].seriesName,": ").concat(e[0].value[2],"</p>"),i+="<p class='mb-1'>".concat(t.$t("chart.human_clicks"),": ").concat(e[0].data[3],"</p>"),i+="<p class='mb-1'>".concat(e[1].marker," ").concat(e[1].seriesName,": ").concat(e[0].value[5],"</p>"),i+="<p  class='mb-1'>".concat(e[0].marker," ").concat(e[0].seriesName,": ").concat(e[0].value[4],"</p>"),i+="</div>"}},toolbox:{show:!0,feature:{restore:{show:!0,title:this.$t("chart.restore")},saveAsImage:{show:!0,title:this.$t("chart.save_as_image")}}},dataset:{source:this.clicks,dimensions:["date","total","bots","humans","unique","nonUnique"]},xAxis:[{type:"time",axisLabel:{formatter:this.dateTimeFormatAxis,rotate:45},splitLine:{show:!1}

1,axisLine:{show:!1},axisTick:{length:10},minorTick:{show:!0,length:4}}],yAxis:[{type:"value",axisLine:{show:!1},axisTick:{show:!1}}],series:[{id:"unique_clicks",type:"bar",stack:"one",areaStyle:{opacity:.3},itemStyle:{color:"#002a61"},name:this.$t("chart.unique_clicks"),encode:{x:"date",y:"unique"}},{id:"nonunique_clicks",type:"bar",stack:"one",areaStyle:{opacity:.3},name:this.$t("chart.nonunique_clicks"),itemStyle:{color:"#9bc225"},encode:{x:"date",y:"nonUnique"}},{id:"bot_clicks",type:"bar",stack:"one",areaStyle:{opacity:.3},name:this.$t("chart.bot_clicks"),itemStyle:{color:"#def1d5"},encode:{x:"date",y:"bots"}}]}}},mounted:function(){this.getData()},methods:{loadData:function(){var t=this,e=this.getUserTeamApiUrl("analytics/{hash}/timeline",{hash:this.hash||""});return this.getAnalytics(e,{useBots:!0}).then(function(e){var a=e.data;t.interval=a.interval,t.clicks=a.dataset.map(function(t){var e=t.human-t.unique,a=e>0?e:0,i=t.total-t.human,n=i>0?i:0;return[s(t.datetime).format(),t.total,n,t.human,t.unique,a]})}).catch(function(){t.clicks=[],(0,n.FF)("Failed to load timeline chart data.")})}}};const c=(0,a(14486).A)(o,function(){var t=this,e=t._self._c;return e("div",{staticClass:"card card-body",attrs:{"data-test-id":"stats_timeline_card"}},[e("h4",{staticClass:"chart-title mb-2"},[t._v("\n    "+t._s(t.$t("chart.title.timeline"))+"\n  ")]),t._v(" "),t.isChartReady?e("v-chart",{ref:"timeline-chart",staticStyle:{width:"100%","min-height":"200px","max-height":"300px"},attrs:{options:t.timelineX}}):e("Spinner")],1)},[],!1,null,null,null).exports}}]);