1"use strict";(self["webpackChunkappwork_vue_starter"]=self["webpackChunkappwork_vue_starter"]||[]).push([[1382],{99080:function(t,e,s){s.r(e),s.d(e,{default:function(){return C}});var a=function(){return s(98934)},i=function(){return s(74384)},r=(s(18111),s(22489),function(){var t=this,e=t._self._c;return e("div",[e("div",{staticClass:"mt-2"},[this.$root.me.grants.combined.length?t._e():e("div",{staticClass:"row mb-3"},[e("div",{staticClass:"col-xl card card-body text-left"},[t.$root.hasRole("admin.*")?e("div",[e("p",{staticClass:"font-weight-bold"},[t._v("Welcome administrator!")]),t._v(" "),e("p",[t._v("Looks there are no websites setup, create one to get started.")]),t._v(" "),e("router-link",{staticClass:"btn btn-create",attrs:{to:{name:"websites-add"}}},[t._v("Add your first website")])],1):e("div",[t._v("\n Welcome, looks there are no websites setup. Contact your account administrator to setup the first one.\n ")])])]),t._v(" "),t.showSetupPrompt&&!t.canEdit?e("div",{staticClass:"row mb-3"},[t._m(0)]):t._e(),t._v(" "),!t.showSetupPrompt||!t.canEdit||t.metrics&&t.metrics.period.length||t.loading?t._e():e("div",{staticClass:"row mb-3"},[e("div",{staticClass:"col-xl card card-body text-left"},[t._m(1),t._v(" "),e("span",[t._v("Please "),e("router-link",{staticClass:"text-primary",attrs:{to:{name:"onboarding"}}},[t._v("complete")]),t._v(" your account setup.")],1)])]),t._v(" "),"dashboardSetupComplete"===t.$route.query.src?e("div",{staticClass:"row mb-3"},[e("div",{staticClass:"col-xl card card-body text-left"},[e("div",{staticClass:"font-weight-bold text-primary cursor-pointer",staticStyle:{position:"absolute",right:"24px",top:"16px"},on:{click:function(t){t.target.parentElement.style.display="none"}}},[t._v("â")]),t._v(" "),t._m(2),t._v(" "),t._m(3)])]):t._e(),t._v(" "),t.metrics&&t.metrics.period.length&&!t.metrics.period[0].sessions?e("div",{staticClass:"row mb-3"},[e("div",{staticClass:"col-xl card card-body bg-primary text-white"},[t._v("\n We know you're working on it! Once your website is tagged and you've added your first form, insights will be available in a matter of minutes.\n ")])]):t._e()]),t._v(" "),e("b-alert",{staticClass:"card card-body mb-3 bg-exatom-green",attrs:{show:t.includeToday}},[t._v("\n By default we only show complete data. As your account was created today, we've included today's data.\n ")]),t._v(" "),t.metrics&&t.metrics.period.length?e("div",{staticClass:"d-flex justify-content-between align-items-end"},[e("h4",{staticClass:"card-title line-after mb-4"},[t._v("All forms dashboard")]),t._v(" "),e("div",{staticClass:"text-right mb-3",attrs:{id:"dashboard-date"}},[e("b-form-radio-group",{staticClass:"selector",attrs:{name:"dateSelector",options:t.availableDates,buttons:""},model:{value:t.selectedDate,callback:function(e){t.selectedDate=e},expression:"selectedDate"}}),t._v(" "),e("span",{staticClass:"m-0 mt-2 badge badge-success d-block",staticStyle:{"font-size":"0.75rem","font-weight":"bold","padding-top":"0.6em"}},[t._v("\n "+t._s(t._f("date")(t.selectedDateFrom))+" "),e("span",{staticClass:"material-icons md-14 arrow-east"},[t._v("east")]),t._v(" "+t._s(t._f("date")(t.selectedDateTo))+"\n ")])],1)]):t._e(),t._v(" "),t.metrics&&t.metrics.period.length?e("div",{staticClass:"row"},[e("div",{staticClass:"col-lg-2 mb-3"},[e("div",{ref:"missedConversionOpportunity",staticClass:"missedConversionOpportunitySample"}),t._v(" "),e("div",{staticClass:"card card-body h-100 cursor-pointer d-flex justify-content-between",on:{click:function(e){t.selectedConversionPath="abandoners"!==t.selectedConversionPath?"abandoners":null}}},[t._m(4),t._v(" "),e("div",{staticClass:"display-5 font-weight-bold mb-2",class:t.metrics.period[0].total_abandoned_value?"text-danger":"text-primary"},[t._v("\n "+t._s(t.$root.clientCurrencyFormat(t.metrics.period[0].total_abandoned_value))+"\n ")]),t._v(" "),e("div",{staticClass:"text-danger",staticStyle:{"font-size":"12px"}},[t._v(t._s(t._f("numeral")(t.metrics.period[0].total_abandonment_rate,"0,0"))+" %")])])]),t._v(" "),e("div",{staticClass:"col-lg-2 mb-3"},[e("div",{staticClass:"card card-body h-100 cursor-pointer d-flex justify-content-between",on:{click:function(e){t.selectedConversionPath="conversions"!==t.selectedConversionPath?"conversions":null}}},[t._m(5),t._v(" "),e("div",{staticClass:"display-5 font-weight-bold text-primary mb-2"},[t._v(t._s(t.$root.clientCurrencyFormat(t.metrics.period[0].total_conversion_value)))]),t._v(" "),e("div",{staticClass:"invisible",staticStyle:{"font-size":"12px"}},[t._v("n/a")])])]),t._v(" "),e("div",{staticClass:"col-lg-2 mb-3"},[e("div",{staticClass:"card card-body h-100 d-flex justify-content-between"},[t._m(6),t._v(" "),e("div",{staticClass:"display-5 font-weight-bold text-primary mb-2"},[t._v(t._s(t.$root.clientCurrencyFormat(t.metrics.period[0].average_conversion_value)))]),t._v(" "),e("div",{staticClass:"invisible",staticStyle:{"font-size":"12px"}},[t._v("n/a")])])]),t._v(" "),e("div",{staticClass:"col-lg-2 mb-3",attrs:{set:t.metric={value:t.metrics.period[0].hesitation_time||0,trend:t.metrics.period[0].hesitation_time_trend_rate||0}}},[e("div",{staticClass:"card card-body h-100 cursor-pointer d-flex justify-content-between",on:{click:function(e){t.selectedConversionPath="hesitation_time"!==t.selectedConversionPath?"hesitation_time":null}}},[t._m(7),t._v(" "),e("div",{staticClass:"display-5 font-weight-bold text-primary mb-2"},[t._v(t._s(t._f("timeSeconds")(t.metric.value)))]),t._v(" "),t.metric.trend?e("div",{class:t.metric.trend?t.metric.trend<=0?"text-success":"text-danger":"text-secondary",staticStyle:{"font-size":"12px"}},[t.metric.trend?e("metric-icon",{attrs:{upwards:t.metric.trend>0,color:t.metric.trend<0?"green":"red"}}):t._e(),t._v(t._s(t._f("numeral")(t.metric.trend,"0,0.0"))+"%\n ")],1):t._e(),t._v(" "),t.metric.trend?t._e():e("div",{staticClass:"invisible",staticStyle:{"font-size":"12px"}},[t._v("n/a")])])]),t._v(" "),e("div",{staticClass:"col-lg-2 mb-3",attrs:{set:t.metric={value:t.metrics.period[0].duration_to_conversion||0,trend:t.metrics.period[0].duration_to_conversion_trend_rate||0}}},[e("div",{staticClass:"card card-body h-100 cursor-pointer d-flex justify-content-between",on:{click:function(e){t.selectedConversionPath="duration_to_conversion"!==t.selectedConversionPath?"duration_to_conversion":null}}},[t._m(8),t._v(" "),e("div",{staticClass:"display-5 font-weight-bold text-primary mb-2"},[t._v(t._s(t._f("timeSeconds")(t.metric.value)))]),t._v(" "),t.metric.trend?e("div",{class:t.metric.trend?t.metric.trend<=0?"text-success":"text-danger":"text-secondary",staticStyle:{"font-size":"12px"}},[t.metric.trend?e("metric-icon",{attrs:{upwards:t.metric.trend>0,color:t.metric.trend<0?"green":"red"}}):t._e(),t._v(t._s(t._f("numeral")(t.metric.trend,"0,0.0"))+"%\n ")],1):t._e(),t._v(" "),t.metric.trend?t._e():e("div",{staticClass:"invisible",staticStyle:{"font-size":"12px"}},[t._v("n/a")])])]),t._v(" "),e("div",{staticClass:"col-lg-2 mb-3",attrs:{set:t.metric={value:t.metrics.period[0].error_rate||0,trend:t.metrics.period[0].error_trend_rate||0}}},[e("div",{staticClass:"card card-body h-100 cursor-pointer d-flex justify-content-between",on:{click:function(e){t.selectedConversionPath="errors"!==t.selectedConversionPath?"errors":null}}},[t._m(9),t._v(" "),e("div",{staticClass:"display-5 font-weight-bold text-primary mb-2"},[t._v(t._s(t._f("numeral")(t.metric.value,"0,0.0"))+"%")]),t._v(" "),t.metric.trend?e("div",{class:t.metric.trend?t.metric.trend<=0?"text-success":"text-danger":"text-secondary",staticStyle:{"font-size":"12px"}},[e("metric-icon",{attrs:{upwards:t.metric.trend>0,color:t.metric.trend<0?"green":"red"}}),t._v(t._s(t._f("numeral")(t.metric.trend,"0,0.0"))+"%\n ")],1):t._e(),t._v(" "),t.metric.trend?t._e():e("div",{staticClass:"invisible",staticStyle:{"font-size":"12px"}},[t._v("n/a")])])])]):t._e(),t._v(" "),t.metrics&&t.metrics.period&&t.metrics.period.length?e("div",{staticClass:"row card card-body mb-3 mx-0 pb-0 text-left",staticStyle:{overflow:"scroll"}},[e("i",{staticClass:"material-icons display-4 text-primary"},[t._v("merge_type")]),t._v(" "),e("h5",{staticClass:"mb-1"},[t._v("Conversion path")]),t._v(" "),e("div",[t._v("Steps your visitors took to submit the form")]),t._v(" "),e("div",{staticClass:"position-relative mx-auto",staticStyle:{"background-size":"900px 370px","background-repeat":"no-repeat","background-position-x":"94px","background-position-y":"23px"},style:{width:"1086px",height:"465px","background-image":`url(${a()})`}},[e("div",{ref:"conversionPathStarts",staticClass:"conversionPathMetricSample"}),t._v(" "),e("div",{attrs:{set:t.metric={name:"Sessions",metric:t.metrics.period[0].sessions,trend_rate:t.metrics.period[0].sessions_trend_rate}},on:{click:function(e){t.selectedConversionPath="sessions"!==t.selectedConversionPath?"sessions":null}}},[e("div",{staticClass:"text-center conversionPathMetric",staticStyle:{left:"-44px",top:"209px"},attrs:{set:t.metric={...t.metric,badge_color:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"badge-success":"badge-danger":"badge-secondary"}}},[e("span",{staticClass:"material-symbols-outlined text-primary",staticStyle:{"font-size":"32px"}},[t._v("home")]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold"},[t._v(t._s(t.metric.name))]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold text-primary m-1",staticStyle:{"font-size":"1.25rem !important"}},[t._v(t._s(t._f("numeral")(t.metric.metric)))]),t._v(" "),e("div",{staticClass:"small-90",class:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"text-success":"text-danger":"text-secondary"},[e("metric-icon",{attrs:{upwards:0!==t.metric.trend_rate?t.metric.trend_rate>=0:null,color:t.metric.trend_rate>=0?"green":"red"}}),t._v("\n "+t._s(t._f("numeral")(t.metric.trend_rate,"0,0.0"))+"%\n ")],1)])]),t._v(" "),e("div",{attrs:{set:t.metric={name:"Page abandoners",metric:t.metrics.period[0].pre_start_abandoners,rate:t.metrics.period[0].pre_start_abandonment_rate,trend_rate:t.metrics.period[0].pre_start_abandonment_trend_rate}},on:{click:function(e){t.selectedConversionPath="pre_start_abandoners"!==t.selectedConversionPath?"pre_start_abandoners":null}}},[e("div",{staticClass:"text-center conversionPathMetric",staticStyle:{left:"156px",top:"314px"},attrs:{set:t.metric={...t.metric,badge_color:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"badge-success":"badge-danger":"badge-secondary"}}},[e("span",{staticClass:"material-icons text-danger mb-2"},[t._v("highlight_off")]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold"},[t._v(t._s(t.metric.name))]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold text-primary m-1",staticStyle:{"font-size":"1.25rem !important"}},[t._v(t._s(t._f("numeral")(t.metric.metric)))]),t._v(" "),e("div",{staticClass:"small-90",class:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"text-success":"text-danger":"text-secondary"},[e("metric-icon",{attrs:{upwards:0!==t.metric.trend_rate?t.metric.trend_rate>=0:null,color:t.metric.trend_rate>=0?"green":"red"}}),t._v("\n "+t._s(t._f("numeral")(t.metric.trend_rate,"0,0.0"))+"%\n ")],1),t._v(" "),e("div",{staticClass:"font-weight-bold position-absolute text-right exatom-grey-plus1 metricRate",staticStyle:{to
1p:"38px",left:"-64px"}},[t._v("\n "+t._s(t._f("numeral")(t.metric.rate,"0,0.0"))+"%\n ")])])]),t._v(" "),e("div",{attrs:{set:t.metric={name:"Starts",metric:t.metrics.period[0].starts,rate:t.metrics.period[0].starts/t.metrics.period[0].sessions*100,trend_rate:t.metrics.period[0].start_trend_rate}},on:{click:function(e){t.selectedConversionPath="starts"!==t.selectedConversionPath?"starts":null}}},[e("div",{staticClass:"text-center conversionPathMetric",staticStyle:{left:"156px",top:"176px"},attrs:{set:t.metric={...t.metric,badge_color:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"badge-success":"badge-danger":"badge-secondary"}}},[e("span",{staticClass:"icon-rocket-blue-outline mt-2 mb-2"},[t._v("Â ")]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold"},[t._v(t._s(t.metric.name))]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold text-primary m-1",staticStyle:{"font-size":"1.25rem !important"}},[t._v(t._s(t._f("numeral")(t.metric.metric)))]),t._v(" "),e("div",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip"}],staticClass:"small-90",class:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"text-success":"text-danger":"text-secondary",attrs:{title:"Trend metric"}},[e("metric-icon",{attrs:{upwards:0!==t.metric.trend_rate?t.metric.trend_rate>=0:null,color:t.metric.trend_rate>=0?"green":"red"}}),t._v("\n "+t._s(t._f("numeral")(t.metric.trend_rate,"0,0.0"))+"%\n ")],1),t._v(" "),e("div",{staticClass:"font-weight-bold position-absolute text-right exatom-grey-plus1 metricRate",staticStyle:{top:"69px",left:"-64px"}},[t._v("\n "+t._s(t._f("numeral")(t.metric.rate,"0,0.0"))+"%\n ")])])]),t._v(" "),e("div",{attrs:{set:t.metric={name:"Submits",metric:t.metrics.period[0].submits,rate:t.metrics.period[0].submits/t.metrics.period[0].starts*100,trend_rate:t.metrics.period[0].submit_trend_rate}},on:{click:function(e){t.selectedConversionPath="submits"!==t.selectedConversionPath?"submits":null}}},[e("div",{staticClass:"text-center conversionPathMetric",staticStyle:{left:"356px",top:"77px"},attrs:{set:t.metric={...t.metric,badge_color:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"badge-success":"badge-danger":"badge-secondary"}}},[e("span",{staticClass:"icon-flag-blue mt-2 mb-2"},[t._v("Â ")]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold"},[t._v(t._s(t.metric.name))]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold text-primary m-1",staticStyle:{"font-size":"1.25rem !important"}},[t._v(t._s(t._f("numeral")(t.metric.metric)))]),t._v(" "),e("div",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip"}],staticClass:"small-90",class:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"text-success":"text-danger":"text-secondary",attrs:{title:"Trend metric"}},[0!==t.metric.trend_rate?e("metric-icon",{attrs:{upwards:t.metric.trend_rate>=0,color:t.metric.trend_rate>=0?"green":"red"}}):t._e(),t._v("\n "+t._s(t._f("numeral")(t.metric.trend_rate,"0,0.0"))+"%\n ")],1),t._v(" "),e("div",{staticClass:"font-weight-bold position-absolute text-right exatom-grey-plus1 metricRate",staticStyle:{top:"114px",right:"0",transform:"translateX(-202px)"}},[t._v("\n "+t._s(t._f("numeral")(t.metric.rate,"0,0.0"))+"%\n ")])])]),t._v(" "),e("div",{attrs:{set:t.metric={name:"Initial abandoners",metric:t.metrics.period[0].initial_abandoners,rate:t.metrics.period[0].initial_abandonment_rate,trend_rate:t.metrics.period[0].initial_abandonment_trend_rate}},on:{click:function(e){t.selectedConversionPath="initial_abandoners"!==t.selectedConversionPath?"initial_abandoners":null}}},[e("div",{staticClass:"text-center conversionPathMetric",staticStyle:{left:"356px",top:"282px"},attrs:{set:t.metric={...t.metric,badge_color:0!==t.metric.trend_rate?t.metric.trend_rate<=0?"badge-success":"badge-danger":"badge-secondary"}}},[e("span",{staticClass:"material-icons text-danger mb-2"},[t._v("highlight_off")]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold"},[t._v(t._s(t.metric.name))]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold text-primary m-1",staticStyle:{"font-size":"1.25rem !important"}},[t._v(t._s(t._f("numeral")(t.metric.metric)))]),t._v(" "),e("div",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip"}],staticClass:"small-90",class:0!==t.metric.trend_rate?t.metric.trend_rate<=0?"text-success":"text-danger":"text-secondary",attrs:{title:"Trend metric"}},[e("metric-icon",{attrs:{upwards:0!==t.metric.trend_rate?t.metric.trend_rate>=0:null,color:t.metric.trend_rate<=0?"green":"red"}}),t._v("\n "+t._s(t._f("numeral")(t.metric.trend_rate,"0,0.0"))+"%\n ")],1),t._v(" "),e("div",{staticClass:"font-weight-bold position-absolute text-right exatom-grey-plus1 metricRate",staticStyle:{to
1p:"23px",right:"0",transform:"translateX(-202px)"}},[t._v("\n "+t._s(t._f("numeral")(t.metric.rate,"0,0.0"))+"%\n ")])])]),t._v(" "),e("div",{attrs:{set:t.metric={name:"Submit and convert",metric:t.metrics.period[0].submits_once_success,rate:t.metrics.period[0].submits_once_success/t.metrics.period[0].submits*100,trend_rate:t.metrics.period[0].submit_once_success_trend_rate}},on:{click:function(e){t.selectedConversionPath="submits_once_success"!==t.selectedConversionPath?"submits_once_success":null}}},[e("div",{staticClass:"text-center conversionPathMetric",staticStyle:{left:"556px",top:"-22px"},attrs:{set:t.metric={...t.metric,badge_color:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"badge-success":"badge-danger":"badge-secondary"}}},[e("span",{staticClass:"icon-flag-blue mt-2 mb-2"},[t._v("Â ")]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold"},[t._v(t._s(t.metric.name))]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold text-primary m-1",staticStyle:{"font-size":"1.25rem !important"}},[t._v(t._s(t._f("numeral")(t.metric.metric)))]),t._v(" "),e("div",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip"}],staticClass:"small-90",class:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"text-success":"text-danger":"text-secondary",attrs:{title:"Trend metric"}},[0!==t.metric.trend_rate?e("metric-icon",{attrs:{upwards:t.metric.trend_rate>=0,color:t.metric.trend_rate>=0?"green":"red"}}):t._e(),t._v("\n "+t._s(t._f("numeral")(t.metric.trend_rate,"0,0.0"))+"%\n ")],1),t._v(" "),e("div",{staticClass:"font-weight-bold position-absolute text-right exatom-grey-plus1 metricRate",staticStyle:{top:"107px",right:"0",transform:"translateX(-202px)"}},[t._v("\n "+t._s(t._f("numeral")(t.metric.rate,"0,0.0"))+"%\n ")])])]),t._v(" "),e("div",{attrs:{set:t.metric={name:"Submit failed",metric:t.metrics.period[0].submits_failed,rate:t.metrics.period[0].submits_failed/t.metrics.period[0].submits*100,trend_rate:t.metrics.period[0].submit_failed_trend_rate}},on:{click:function(e){t.selectedConversionPath="submits_failed"!==t.selectedConversionPath?"submits_failed":null}}},[e("div",{staticClass:"text-center conversionPathMetric",staticStyle:{left:"556px",top:"184px"},attrs:{set:t.metric={...t.metric,badge_color:0!==t.metric.trend_rate?t.metric.trend_rate<=0?"badge-success":"badge-danger":"badge-secondary"}}},[e("span",{staticClass:"material-icons text-primary mb-2"},[t._v("highlight_off")]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold"},[t._v(t._s(t.metric.name))]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold text-primary m-1",staticStyle:{"font-size":"1.25rem !important"}},[t._v(t._s(t._f("numeral")(t.metric.metric)))]),t._v(" "),e("div",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip"}],staticClass:"small-90",class:0!==t.metric.trend_rate?t.metric.trend_rate<=0?"text-success":"text-danger":"text-secondary",attrs:{title:"Trend metric"}},[e("metric-icon",{attrs:{upwards:0!==t.metric.trend_rate?t.metric.trend_rate>=0:null,color:t.metric.trend_rate<=0?"green":"red"}}),t._v("\n "+t._s(t._f("numeral")(t.metric.trend_rate,"0,0.0"))+"%\n ")],1),t._v(" "),e("div",{staticClass:"font-weight-bold position-absolute text-right exatom-grey-plus1 metricRate",staticStyle:{top:"31px",right:"0",transform:"translateX(-202px)"}},[t._v("\n "+t._s(t._f("numeral")(t.metric.rate,"0,0.0"))+"%\n ")])])]),t._v(" "),e("div",{attrs:{set:t.metric={name:"Re-submit success",metric:t.metrics.period[0].resubmits_success,rate:t.metrics.period[0].resubmits_success/t.metrics.period[0].submits_failed*100,trend_rate:t.metrics.period[0].resubmit_success_trend_rate}},on:{click:function(e){t.selectedConversionPath="resubmits_success"!==t.selectedConversionPath?"resubmits_success":null}}},[e("div",{staticClass:"text-center conversionPathMetric",staticStyle:{left:"756px",top:"77px"},attrs:{set:t.metric={...t.metric,badge_color:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"badge-success":"badge-danger":"badge-secondary"}}},[e("span",{staticClass:"icon-flag-blue mt-2 mb-2"},[t._v("Â ")]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold"},[t._v(t._s(t.metric.name))]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold text-primary m-1",staticStyle:{"font-size":"1.25rem !important"}},[t._v(t._s(t._f("numeral")(t.metric.metric)))]),t._v(" "),e("div",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip"}],staticClass:"small-90",class:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"text-success":"text-danger":"text-secondary",attrs:{title:"Trend metric"}},[e("metric-icon",{attrs:{upwards:0!==t.metric.trend_rate?t.metric.trend_rate>=0:null,color:t.metric.trend_rate>=0?"green":"red"}}),t._v("\n "+t._s(t._f("numeral")(t.metric.trend_rate,"0,0.0"))+"%\n ")],1),t._v(" "),e("div",{staticClass:"font-weight-bold position-absolute text-right exatom-grey-plus1 metricRate",staticStyle:{to
1p:"107px",right:"0",transform:"translateX(-202px)"}},[t._v("\n "+t._s(t._f("numeral")(t.metric.rate,"0,0.0"))+"%\n ")])])]),t._v(" "),e("div",{attrs:{set:t.metric={name:"Initial submits but abandoned",metric:t.metrics.period[0].submits_abandon,rate:t.metrics.period[0].submits_abandon/t.metrics.period[0].submits_failed*100,trend_rate:t.metrics.period[0].submit_abandon_trend_rate}},on:{click:function(e){t.selectedConversionPath="submits_abandon"!==t.selectedConversionPath?"submits_abandon":null}}},[e("div",{staticClass:"text-center conversionPathMetric",staticStyle:{left:"756px",top:"282px"},attrs:{set:t.metric={...t.metric,badge_color:0!==t.metric.trend_rate?t.metric.trend_rate<=0?"badge-success":"badge-danger":"badge-secondary"}}},[e("span",{staticClass:"material-icons text-danger mb-2"},[t._v("highlight_off")]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold"},[t._v(t._s(t.metric.name))]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold text-primary m-1",staticStyle:{"font-size":"1.25rem !important"}},[t._v(t._s(t._f("numeral")(t.metric.metric)))]),t._v(" "),e("div",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip"}],staticClass:"small-90",class:0!==t.metric.trend_rate?t.metric.trend_rate<=0?"text-success":"text-danger":"text-secondary",attrs:{title:"Trend metric"}},[e("metric-icon",{attrs:{upwards:0!==t.metric.trend_rate?t.metric.trend_rate>=0:null,color:t.metric.trend_rate<=0?"green":"red"}}),t._v("\n "+t._s(t._f("numeral")(t.metric.trend_rate,"0,0.0"))+"%\n ")],1),t._v(" "),e("div",{staticClass:"font-weight-bold position-absolute text-right exatom-grey-plus1 metricRate",staticStyle:{top:"31px",right:"0",transform:"translateX(-202px)"}},[t._v("\n "+t._s(t._f("numeral")(t.metric.rate,"0,0.0"))+"%\n ")])])]),t._v(" "),e("div",{attrs:{set:t.metric={name:"Conversions",metric:t.metrics.period[0].conversions,trend_rate:t.metrics.period[0].conversion_trend_rate}},on:{click:function(e){t.selectedConversionPath="conversions"!==t.selectedConversionPath?"conversions":null}}},[e("div",{staticClass:"text-center conversionPathMetric",staticStyle:{left:"986px",top:"-34px",width:"113px"},attrs:{set:t.metric={...t.metric,badge_color:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"badge-success":"badge-danger":"badge-secondary"}}},[e("span",{staticClass:"icon-flag-blue mt-2 mb-2"},[t._v("Â ")]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold"},[t._v(t._s(t.metric.name))]),t._v(" "),e("div",{staticClass:"text-big font-weight-bold text-primary m-1",staticStyle:{"font-size":"1.25rem !important"}},[t._v(t._s(t._f("numeral")(t.metric.metric)))]),t._v(" "),e("div",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip"}],staticClass:"small-90",class:0!==t.metric.trend_rate?t.metric.trend_rate>=0?"text-success":"text-danger":"text-secondary",attrs:{title:"Trend metric"}},[e("metric-icon",{attrs:{upwards:0!==t.metric.trend_rate?t.metric.trend_rate>=0:null,color:t.metric.trend_rate>=0?"green":"red"}}),t._v("\n "+t._s(t._f("numeral")(t.metric.trend_rate,"0,0.0"))+"%\n ")],1),t._v(" "),e("div",{staticClass:"font-weight-bold position-absolute text-right exatom-grey-plus1 metricRate",staticStyle:{top:"44px",right:"0",transform:"translateX(-162px)"}},[t._v("\n "+t._s(t._f("numeral")(t.metrics.period[0].submits_once_success/t.metrics.period[0].conversions*100,"0,0.0"))+"%\n ")]),t._v(" "),e("div",{staticClass:"font-weight-bold position-absolute text-right exatom-grey-plus1 metricRate",staticStyle:{top:"106px",right:"0",transform:"translateX(-162px)"}},[t._v("\n "+t._s(t._f("numeral")(t.metrics.period[0].resubmits_success/t.metrics.period[0].conversions*100,"0,0.0"))+"%\n ")])])])])]):t._e(),t._v(" "),t.selectedConversionPath?e("div",{staticClass:"row card card-body mb-3 mx-0 pb-3 text-left"},[e("div",{staticClass:"font-weight-bold text-primary cursor-pointer",staticStyle:{position:"absolute",right:"24px",top:"16px"},on:{click:function(e){e.target.parentElement.style.display="none",t.selectedConversionPath=null}}},[t._v("â")]),t._v(" "),e("h4",{staticClass:"card-title line-after mb-4"},[t._v(t._s(t.metricsForSelectedConversionPath.items[0].name)+" insights")]),t._v(" "),t.metricsForSelectedConversionPath.items.length&&Object.keys(t.metricsForSelectedConversionPath.items[0]).length>1?e("b-table",{attrs:{items:t.metricsForSelectedConversionPath.items,fields:t.metricsForSelectedConversionPath.fields,striped:"",f
1ixed:"",responsive:""},scopedSlots:t._u([{key:"cell(form_name)",fn:function({item:s}){return[e("div",{staticClass:"text-right font-weight-bold"},[t.form(s.form_hash)?[e("router-link",{attrs:{to:{name:"form-insights-for-form",params:{id:s.form_hash}}}},[t._v(t._s(s.form_name))])]:[e("span",{staticClass:"badge badge-pill badge-secondary py-1 px-2",staticStyle:{transform:"scale(75%)","transform-origin":"right","vertical-align":"top"}},[t._v("ARCHIVED")]),t._v("\n "+t._s(s.form_name)+"\n ")]],2)]}},{key:"cell(total_abandoned_value)",fn:function({item:s}){return[t.form(s.form_hash)&&t.form(s.form_hash).conversion_value>0?e("span",[t._v("\n "+t._s(t.$root.clientCurrencyFormat(s.total_abandoned_value))+"\n "),!0===s.highestOpportunity?e("span",{staticClass:"badge badge-pill badge-danger py-1 px-2 m-0 ml-2",staticStyle:{"vertical-align":"top"}},[t._v("Highest opportunity")]):t._e()]):t.form(s.form_hash)?e("span",[t._v("\n n/a\n "),t.canEdit?e("span",{staticClass:"material-icons md-14 arrow-east"},[t._v("east")]):t._e(),t._v(" "),t.canEdit?e("router-link",{attrs:{to:{name:"forms-edit",params:{id:s.form_hash},query:{src:"dashboard"}}}}
1,[t._v("\n Set conversion value\n ")]):t._e()],1):e("span",[t._v("\n n/a\n "),t.canEdit?e("span",{staticClass:"material-icons md-14 arrow-east"},[t._v("east")]):t._e(),t._v("\n this form is archived\n ")])]}},{key:"cell(total_conversion_value)",fn:function({item:s}){return[t.form(s.form_hash)&&t.form(s.form_hash).conversion_value>0?e("span",[t._v("\n "+t._s(t.$root.clientCurrencyFormat(s.total_conversion_value))+"\n "),!0===s.highestOpportunity?e("span",{staticClass:"badge badge-pill badge-success py-1 px-2 m-0 ml-2",staticStyle:{"vertical-align":"top"}},[t._v("Best performer")]):t._e()]):t.form(s.form_hash)?e("span",[t._v("\n n/a\n "),t.canEdit?e("span",{staticClass:"material-icons md-14 arrow-east"},[t._v("east")]):t._e(),t._v(" "),t.canEdit?e("router-link",{attrs:{to:{name:"forms-edit",params:{id:s.form_hash},query:{src:"dashboard"}}}},[t._v("\n Set conversion value\n ")]):t._e()],1):e("span",[t._v("\n n/a\n "),t.canEdit?e("span",{staticClass:"material-icons md-14 arrow-east"},[t._v("east")]):t._e(),t._v("\n this form is archived\n ")])]}},{key:"cell()",fn:function(s){return["rate"===s.field.label.toLowerCase()?e("div",[t._v("\n "+t._s(s.value?s.value.toFixed(2):0)+"%\n "),!0===s.item.bestPerformer?e("span",{staticClass:"badge badge-pill badge-success py-1 px-2 m-0 ml-2",staticStyle:{"vertical-align":"top"}},[t._v("Best performer")]):!0===s.item.worstPerformer?e("span",{staticClass:"badge badge-pill badge-danger py-1 px-2 m-0 ml-2",staticStyle:{"vertical-align":"top"}},[t._v("Worst performer")]):t._e()]):"trend"===s.field.label.toLowerCase()?e("div",[e("div",{class:s.value?s.item.trendPositiveIsGood?s.value>0?"text-success":"text-danger":s.value<0?"text-success":"text-danger":"text-secondary"},[s.value?e("metric-icon",{attrs:{upwards:s.value>0,color:s.item.trendPositiveIsGood?s.value>0?"green":"red":s.value<0?"green":"red"}}):t._e(),t._v(t._s(t._f("numeral")(s.value,"0,0.0"))+"%\n ")],1)]):-1!==s.field.label.toLowerCase().indexOf("time")||-1!==s.field.label.toLowerCase().indexOf("duration")?e("div",[t._v("\n "+t._s(t.dateFormatter.duration(s.value,"seconds").format("m[m] s[s]"))+"\n ")]):e("div",[t._v("\n "+t._s(s.value)+"\n ")])]}}],null,!1,459461027)}):t._e(),t._v(" "),1===t.metricsForSelectedConversionPath.items.length&&1===Object.keys(t.metricsForSelectedConversionPath.items[0]).length?e("span",[t._v("\n No detailed data available.\n ")]):t._e()],1):t._e(),t._v(" "),e("b-modal",{attrs:{id:"modal-setup","hide-header":"","hide-footer":""},on:{hide:t.stopSetup},scopedSlots:t._u([{key:"default",fn:function({close:s}){return[e("button",{staticClass:"close text-primary",staticStyle:{"margin-top":"-8px"},attrs:{type:"button","aria-label":"Close"},on:{click:s}},[t._v("Ã")]),t._v(" "),e("div",{staticClass:"p-4"},[e("progress-bar",{attrs:{"current-step":t.step,steps:["Setup","Install tags","Verify tags","Add forms"]}})],1),t._v(" "),0===t.step?e("div",{staticClass:"p-4"},[e("div",{staticClass:"text-center text-primary"},[e("span",{staticClass:"icon-rocket-blue mb-4",staticStyle:{width:"60px",height:"60px"}},[t._v("Â ")])]),t._v(" "),e("h3",{staticClass:"text-center mb-4"},[t._v("Welcome "+t._s(t.$root.me.name)+"!")]),t._v(" "),e("p",{staticStyle:{"text-align":"center"}},[t._v("\n Congratulations on starting your journey with us. We're excited to get you ready to grow your business.\n Just a few more steps to get you started.\n ")]),t._v(" "),e("div",{staticClass:"text-primary small mb-3",staticStyle:{"text-align":"center"}},[t._v("\n You can return to the dashboard at any time to continue your account setup.\n ")]),t._v(" "),e("div",{staticClass:"text-center"},[e("button",{staticClass:"btn btn-create btn-rounded",attrs:{type:"button"},on:{click:function(e){t.step=1}}},[t._v("START SETUP")])])]):1===t.step?e("div",{staticClass:"p-4"},[e("div",{staticClass:"text-center text-primary"},[e("i",{staticClass:"material-icons",staticStyle:{"font-size":"60px"}},[t._v("business")])]),t._v(" "),e("h3",{staticClass:"text-center"},[t._v("Setup")]),t._v(" "),t.showCompanyInSetup?e("p",[t._v("Confirm your company name and enter the website you want to start analyzing your forms for.")]):e("p",[t._v("Enter the website you want to start analyzing your forms for.")]),t._v(" "),e("form",{attrs:{id:"dashboard-setup-company-and-website"},on:{submit:function(t){t.preventDefault()}}},[t.showCompanyInSetup?e("div",{staticClass:"form-group"},[e("span",{staticClass:"text-primary font-weight-bold"},[t._v("Company name")]),t._v(" "),e("b-input",{staticClass:"form-control",attrs:{id:"setup-company",type:"text",placeholder:"Company name",autocomplete:"off","data-1p-ignore":"",required:""},model:{value:t.setup.company,callback:function(e){t.$set(t.setup,"company",e)},expression:"setup.company"}})],1):t._e(),t._v(" "),e("div",{staticClass:"form-group"},[e("span",{staticClass:"text-primary font-weight-bold"},[t._v("Your website")]),t._v(" "),e("b-input",{staticClass:"form-control",attrs:{id:"setup-website",type:"text",autocomplete:"off","data-1p-ignore":"",placeholder:"example.com",required:"",autofocus:"",state:t.isValidDomain},on:{input:function(e){t.isValidDomain=null},change:function(e){return t.domainValidator(e)}},model:{value:t.setup.website,callback:function(e){t.$set(t.setup,"website",e)},expression:"setup.website"}}),t._v(" "),!1===t.isValidDomain?e("span",{staticClass:"small text-danger"},[t._v("Please enter a valid domain or url.")]):t._e()],1),t._v(" "),e("div",{staticClass:"text-center"},[e("button",{staticClass:"btn btn-create btn-rounded px-4",attrs:{type:"button","data-style":"zoom
1-in",disabled:!t.setup.company||!t.setup.website,loading:t.validatingDomain},on:{click:function(e){return t.submitCompanyDetails()}}},[t._v("CONTINUE")])])])]):2===t.step?e("div",{staticClass:"p-4"},[e("div",{staticClass:"text-center text-primary"},[e("i",{staticClass:"material-icons",staticStyle:{"font-size":"60px"}},[t._v("code")])]),t._v(" "),e("h3",{staticClass:"text-center"},[t._v("Activating Exatom on your website")]),t._v(" "),t.manualTagInstall?t._e():e("div",[e("div",{staticClass:"text-center mb-3"},[t._v("Our "),e("b",[t._v("Google Tag Manager")]),t._v(" integration is the fastest way to get started.")]),t._v(" "),e("div",{staticClass:"row mb-3"},[e("div",{staticClass:"col-md-6"},[e("div",{staticClass:"card card-body"},[e("h4",{staticClass:"text-primary"},[t._v("Client code")]),t._v(" "),e("div",{staticClass:"monospace font-weight-bolder d-flex flex-column justify-content-center align-items-center",staticStyle:{"font-size":"2rem"}},[t._v("\n "+t._s(t.$root.client.client_code)+"\n "),e("button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:t.$root.client.client_code,expression:"$root.client.client_code",arg:"copy"}],staticClass:"btn btn-transparent p-0 text-primary text-uppercase font-weight-bold mt-2",staticStyle:{"font-size":"0.75rem","font-family":"Roboto"},attrs:{type:"button"}},[e("span",{on:{click:t=>{t.target.closest("BUTTON").firstElementChild.classList.add("text-success-darker"),t.target.closest("BUTTON").firstElementChild.lastElementChild.innerText="COPIED"}}},[e("i",{staticClass:"material-icons",staticStyle:{"font-size":"0.85rem","vertical-align":"text-top"}},[t._v("content_copy")]),t._v(" "),e("span",[t._v("COPY")])])])])])]),t._v(" "),e("div",{staticClass:"col-md-6"},[e("div",{staticClass:"card card-body"},[e("h4",{staticClass:"text-primary"},[t._v("Conversion code")]),t._v(" "),e("div",{staticClass:"monospace font-weight-bolder d-flex flex-column justify-content-center align-items-center",staticStyle:{"font-size":"2rem"}},[t._v("\n "+t._s(t.conversionCode)+"\n "),e("button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:t.conversionCode,expression:"conversionCode",arg:"copy"}],staticClass:"btn btn-transparent p-0 text-primary text-uppercase font-weight-bold mt-2",staticStyle:{"font-size":"0.75rem","font-family":"Roboto"},attrs:{type:"button"}},[e("span",{on:{click:t=>{t.target.closest("BUTTON").firstElementChild.classList.add("text-success-darker"),t.target.closest("BUTTON").firstElementChild.lastElementChild.innerText="COPIED"}}},[e("i",{staticClass:"material-icons",staticStyle:{"font-size":"0.85rem","vertical-align":"text-top"}},[t._v("content_copy")]),t._v(" "),e("span",[t._v("COPY")])])])])])])]),t._v(" "),e("div",{staticClass:"row mb-2"},[e("div",{staticClass:"col"},[e("div",{staticClass:"card card-body text-left"},[e("img",{staticClass:"logo",attrs:{src:i()}}),t._v(" "),e("ol",{staticClass:"pl-4 mt-2 mb-0"},[e("li",{staticClass:"d-none d-md-list-item"},[t._v("You'll need your Client and Conversion codes displayed on your left.")]),t._v(" "),e("li",{staticClass:"d-md-none"},[t._v("You'll need your Client and Conversion codes displayed above.")]),t._v(" "),e("li",[t._v("Follow our "),e("a",{attrs:{href:"https://support.exatom.io/portal/en/kb/articles/google-tag-manager",target:"_blank"}},[t._v("installation guide")]),t._v(".")]),t._v(" "),e("li",[t._v("Visit your website and test your form and submit it.")]),t._v(" "),e("li",[t._v("Continue the set up over here by continuing to the next step.")])])])])]),t._v(" "),e("a",{staticClass:"small text-primary",on:{click:function(e){t.manualTagInstall=!t.manualTagInstall}}},[t._v("Do you need to manually install tags or send them to my development team?")])]),t._v(" "),t.manualTagInstall?e("div",[e("div",{staticClass:"card card-body text-left"},[e("p",[t._v("Add the tags to the end of the "),e("code",{staticClass:"inline text-danger"},[t._v("<body>")]),t._v(" section of your website.")]),t._v(" "),e("p",{staticClass:"m-0 mt-4"},[e("span",{staticClass:"badge badge-pill badge-primary py-1 px-2 mr-1"},[t._v("1")]),e("span",{staticClass:"text-primary font-weight-bold"},[t._v("Exatom tag")]),e("br"),t._v("\n Install this tag on "),e("b",[t._v("all pages")]),t._v(" to start measuring form activity.\n ")]),t._v(" "),e("div",{staticClass:"mb-4"},[e("button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:t.setup.tags.filter(t=>"GENERIC"===t.type)[0].contents,expression:"setup.tags.filter(tag => tag.type === 'GENERIC')[0].contents",arg:"copy"}
1],staticClass:"btn btn-transparent p-0 text-primary text-uppercase font-weight-bold",staticStyle:{"font-size":"0.75rem"},attrs:{type:"button"}},[e("span",{on:{click:t=>t.target.classList.add("text-success-darker")}},[e("i",{staticClass:"material-icons",staticStyle:{"font-size":"0.85rem","vertical-align":"text-top"}},[t._v("content_copy")]),t._v(" COPY TAG")])])]),t._v(" "),e("p",{staticClass:"m-0"},[e("span",{staticClass:"badge badge-pill badge-primary py-1 px-2 mr-1"},[t._v("2")]),e("span",{staticClass:"text-primary font-weight-bold"},[t._v("Conversion tag")]),e("br"),t._v("\n Install this tag "),e("b",[e("span",{staticClass:"text-danger"},[t._v("only")]),t._v(" on the thank you page(s)")]),t._v(" that visitors see after completing a form.\n ")]),t._v(" "),e("div",{staticClass:"mb-4"},[e("button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:t.setup.tags.filter(t=>"CONVERSION"===t.type)[0].contents,expression:"setup.tags.filter(tag => tag.type === 'CONVERSION')[0].contents",arg:"copy"}],staticClass:"btn btn-transparent p-0 text-primary text-uppercase font-weight-bold",staticStyle:{"font-size":"0.75rem"},attrs:{type:"button"}},[e("span",{on:{click:t=>t.target.classList.add("text-success-darker")}},[e("i",{staticClass:"material-icons",staticStyle:{"font-size":"0.85rem","vertical-align":"text-top"}},[t._v("content_copy")]),t._v(" COPY TAG")])])]),t._v(" "),e("p",{staticClass:"m-0"},[e("span",{staticClass:"badge badge-pill badge-secondary py-1 px-2 mr-1"},[t._v("3")]),e("span",{staticClass:"text-secondary font-weight-bold"},[t._v("Audience activation tag "),e("sup",[t._v("(optional)")])]),e("br"),t._v("\n To use our audience feature, install this tag on "),e("b",[t._v("all pages")]),t._v(". Within the EU and many other jurisdictions this tag needs to be placed "),e("b",[e("span",{staticClass:"text-danger"},[t._v("behind")])]),t._v(" a consent management system.\n ")]),t._v(" "),e("div",{staticClass:"mb-4"},[e("button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:t.setup.tags.filter(t=>"AUDIENCE"===t.type)[0].contents,expression:"setup.tags.filter(tag => tag.type === 'AUDIENCE')[0].contents",arg:"copy"}],staticClass:"btn btn-transparent p-0 text-secondary text-uppercase font-weight-bold",staticStyle:{"font-size":"0.75rem"},attrs:{type:"button"}},[e("span",{on:{click:t=>t.target.classList.add("text-success-darker")}},[e("i",{staticClass:"material-icons",staticStyle:{"font-size":"0.85rem","vertical-align":"text-top"}},[t._v("content_copy")]),t._v(" COPY TAG")])])]),t._v(" "),e("div",{staticClass:"text-center"},[e("a",{attrs:{href:"#"},on:{click:function(e){return e.preventDefault(),t.doDownloadTagDocument.apply(null,arguments)}}},[e("i",{staticClass:"material-icons small"},[t._v("download")]),t._v(" Download documentation")])])]),t._v(" "),e("div",{staticClass:"mt-2"},[e("a",{staticClass:"small text-primary",on:{click:function(e){t.manualTagInstall=!t.manualTagInstall}}},[t._v("Use Google Tag Manager to install tags")])])]):t._e(),t._v(" "),e("div",{staticClass:"text-center"},[e("button",{staticClass:"btn btn-create btn-rounded mt-4 mb-3",attrs:{type:"button"},on:{click:function(e){t.step=3}}},[t._v("VERIFY TAG INSTALLATION")])])]):3===t.step?e("div",{staticClass:"p-4"},[e("div",{staticClass:"text-center text-primary"},[e("i",{staticClass:"material-icons",staticStyle:{"font-size":"60px"},on:{click:t.bypassTagVerification}},[t._v("playlist_add_check")])]),t._v(" "),e("h3",{staticClass:"text-center"},[t._v("Verify tags")]),t._v(" "),"cancelled"!==t.verifyTags.status?e("div",[e("p",[t._v("Now that the tags are in place we want to ensure weâre receiving data as expected.")]),t._v(" "),e("div",{staticClass:"row mb-2"},t._l([{key:"GENERIC",label:"Exatom tag"},{key:"CONVERSION",label:"Conversion tag"}],function(s){return e("div",{key:s.key,staticClass:"col-md-6"},[e("div",{staticClass:"font-weight-bold"},[t._v(t._s(s.label))]),t._v(" "),t.tagVerificationBypassed||((t.verifyTags.output&&t.verifyTags.output.metrics||{})[s.key]||{}).hits?e("div",[e("span",{staticClass:"badge badge-pill badge-primary py-2 px-2 text-uppercase small"},[t._v("Verified")])]):e("div",[e("i",{staticClass:"spinner-grow",staticStyle:{width:"16px",height:"16px",color:"#50f0d5"}})])])}),0)]):t._e(),t._v(" "),"slow"===t.verifyTags.status?e("div",{staticClass:"d-flex small text-danger mt-4"},[e("i",{staticClass:"material-icons mr-2"},[t._v("error_outline")]),t._v(" "),e("div",[t._v("Some tags show no activity, please visit your website and/or perform a conversion to successfully complete\n the verification process.")
1])]):t._e(),t._v(" "),"cancelled"===t.verifyTags.status?e("div",{staticClass:"mt-4"},[e("div",{staticClass:"d-flex small text-danger"},[e("i",{staticClass:"material-icons"},[t._v("error_outline")]),t._v("\n Some tags show no activity, please make sure your website is tagged correctly.\n ")]),t._v(" "),e("div",{staticClass:"text-center"},[e("button",{staticClass:"btn btn-create btn-rounded px-4",attrs:{type:"button"},on:{click:function(e){t.step=3.1}}},[t._v("TAGS INSTALLED, VERIFY NOW")])])]):e("div",{staticClass:"text-center mt-4"},[!0===t.verifyTags.status?e("div",{staticClass:"mb-4"},[t._v("Looking good, continue to start analyzing your first form now.")]):t._e(),t._v(" "),!0!==t.verifyTags.status?e("button",{staticClass:"btn btn-transparent text-primary",attrs:{type:"button"},on:{click:function(e){t.step=2}}},[e("i",{staticClass:"material-icons",staticStyle:{"font-size":"0.7rem"}},[t._v("arrow_back_ios")]),t._v(" BACK TO TAGS\n ")]):t._e(),t._v(" "),e("router-link",{staticClass:"btn btn-create btn-rounded px-4",attrs:{tag:"button",disabled:!0!==t.verifyTags.status,to:{name:"forms-add",query:{src:"dashboardSetup"}}}},[t._v("Add your first form")])],1)]):4===t.step?e("div",{staticClass:"p-4"},[e("div",{staticClass:"text-center text-primary"},[e("i",{staticClass:"material-icons",staticStyle:{"font-size":"60px"}},[t._v("playlist_add")])]),t._v(" "),e("h3",{staticClass:"text-center"},[t._v("Add forms")]),t._v(" "),e("p",[t._v("Last step is to add a form that will allow you to start analysing your customer behavior.")]),t._v(" "),e("div",{staticClass:"text-center"},[e("router-link",{staticClass:"btn btn-create btn-rounded px-4",attrs:{tag:"button",to:{name:"forms-add",query:{src:"dashboardSetup"}}}},[t._v("Add your first form")])],1)]):1010===t.step?e("div",{staticClass:"p-4"},[e("div",{staticClass:"text-center text-primary"},[e("span",{staticClass:"material-symbols-outlined p-1",staticStyle:{"font-size":"60px"}},[t._v("storefront")])]),t._v(" "),e("h3",{staticClass:"text-center"},[t._v("Shopify store set up completed")]),t._v(" "),e("p",[t._v("We've enabled tagging and setup your checkout. Once your customers start engaging with your checkout analytics will be available.")]),t._v(" "),e("div",{staticClass:"text-center"},[e("router-link",{staticClass:"btn btn-create btn-rounded px-4",attrs:{tag:"button",to:{name:"field-metrics"}}},[t._v("Go to Field Metrics")])],1)]):t._e()]}}])})],1)}),n=[function(){var t=this,e=t._self._c;return e("div",{staticClass:"col-xl card card-body text-left"},[e("h4",{staticClass:"text-primary"},[e("span",{staticClass:"icon-rocket-blue mr-1"},[t._v("Â ")]),t._v(" Almost there!")]),t._v(" "),e("p",[t._v("Please contact your account administrator, who has permissions to complete your account setup.")]),t._v(" "),e("span",{staticClass:"m-0"},[t._v("For the time being, have a look at our "),e("a",{attrs:{href:"https://support.exatom.io/",target:"_blank"}},[t._v("knowledge base")]),t._v(" to discover the world of Form Analytics and Smart Tooltips.")])])},function(){var t=this,e=t._self._c;return e("h4",{staticClass:"text-primary"},[e("span",{staticClass:"icon-rocket-blue mr-1"},[t._v("Â ")]),t._v(" Almost there!")])},function(){var t=this,e=t._self._c;return e("h4",{staticClass:"text-primary"},[e("i",{staticClass:"material-icons",staticStyle:{"vertical-align":"text-bottom"}},[t._v("done")]),t._v(" Congratulations, your account is set up!")])},function(){var t=this,e=t._self._c;return e("span",[t._v("Visit our "),e("a",{attrs:{href:"https://support.exatom.io/",target:"_blank"}},[t._v("knowledge base")]),t._v(" for a quick introduction.")])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"lines-top"},[e("h5",[t._v("Missed"),e("br"),t._v("conversion"),e("br"),t._v("opportunity")])])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"lines-top"},[e("h5",[t._v("Total"),e("br"),t._v("conversion"),e("br"),t._v("value")])])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"lines-top"},[e("h5",[t._v("Average"),e("br"),t._v("conversion"),e("br"),t._v("value")])])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"lines-top"},[e("h5",[t._v("Hesitation"),e("br"),t._v("time")])])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"lines-top"},[e("h5",[t._v("Time"),e("br"),t._v("to conversion")])])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"lines-top"},[e("h5",[t._v("Error rate")])])}],o=(s(44114),s(20116),s(7588),s(61701),s(2566)),c=function(){var t=this,e=t._self._c;return e("div",{staticClass:"steps-container"},[t._l(t.steps,function(s,a){return[e("div",{key:`step-${a}`,staticClass:"step",class:{active:a<t.currentStep}},[e("i",{staticClass:"material-icons",domProps:{textContent:t._s(a+1<t.currentStep?"circle":a+1===t.currentStep?"radio_button_checked":"radio_button_unchecked")}}),t._v(" "),e("span",[t._v(t._s(s))])]),t._v(" "),a+1<t.steps.length?e("div",{key:`section-${a}`,staticClass:"section",class:{active:a+1<t.currentStep}}):t._e()]})],2)},l=[],d={name:"ProgressBar",props:["currentStep","steps"]},m=d,_=s(81656),v=(0,_.A)(m,c,l,!1,null,"0c3c9a0e",null),u=v.exp
1orts,p=s(67646),b=s(28097),h=s(8296),g={name:"dashboard",components:{MetricIcon:p.A,ProgressBar:u},mixins:[o.r4],metaInfo:{title:"Dashboard"},data(){return{includeToday:!1,metrics:null,metricColors:{red:getComputedStyle(document.body).getPropertyValue("--danger"),green:getComputedStyle(document.body).getPropertyValue("--success")},setup:{company:null,tags:null,website:null},step:0,terms:"",verifyTags:{interval:null,output:{},status:null},validatingDomain:!1,isValidDomain:null,tagVerificationBypassed:!1,performanceAlerts:{},motivationalWidgets:{},showTrends:!0,availableDates:[{text:"7 days",value:7},{text:"14 days",value:14},{text:"30 days",value:30}],loading:null,selectedDate:null,selectedDateFrom:null,selectedDateTo:null,selectedConversionPath:null,forms:null,dateFormatter:null,manualTagInstall:!1,onboardingRedirecting:!1,setupStatusResolved:!1}},computed:{conversionCode(){if(this.setup?.tags?.length)return this.setup?.tags.find(t=>"CONVERSION"===t.type).tag_code},showCompanyInSetup(){return 1===this.$root.me.grants.combined.length},canEdit(){return this.$root.hasRole("admin.internal")||this.$root.hasRole("admin.company")||this.$root.hasRole("configuration.modify")},showSetupPrompt(){return this.setupStatusResolved&&this.step<4},metricsForSelectedConversionPath(){if(!this.selectedConversionPath||!this.metrics||!this.metrics.conversionPath)return;let t=[],e="",s=!0;switch(this.selectedConversionPath){case"sessions":e="Sessions",t=["sessions","sessions_trend_rate"];break;case"starts":e="Starts",t=["starts","start_rate","start_trend_rate"];break;case"submits":e="Submits",t=["submits","submit_rate","submit_trend_rate"];break;case"abandoners":e="Abandoners after start",t=["abandoners","abandonment_rate","abandonment_trend_rate","total_abandoned_value"],s=!1;break;case"initial_abandoners":e="Initial abandoners",t=["initial_abandoners","initial_abandonment_rate","initial_abandonment_trend_rate"],s=!1;break;case"pre_start_abandoners":e="Abandoners before start",t=["pre_start_abandoners","pre_start_abandonment_rate","pre_start_abandonment_trend_rate"],s=!1;break;case"submits_once_success":e="Submit and convert",t=["submits_once_success","submit_once_success_rate","submit_once_success_trend_rate"];break;case"submits_failed":e="Submit failed",t=["submits_failed","submit_failed_rate","submit_failed_trend_rate"],s=!1;break;case"resubmits_success":e="Re-submit success",t=["resubmits_success","resubmit_success_rate","resubmit_success_trend_rate"];break;case"submits_abandon":e="Initial submits but abandoned",t=["submits_abandon","submit_abandon_rate","submit_abandon_trend_rate"],s=!1;break;case"conversions":e="Conversions",t=["conversions","conversion_rate","conversion_trend_rate","total_conversion_value"];break;case"hesitation_time":e="Hesitation time",t=["hesitation_time","hesitation_time_trend_rate"],s=!1;break;case"duration_to_conversion":e="Time to conversion",t=["duration_to_conversion","duration_to_conversion_trend_rate"],s=!1;break;case"errors":e="Errors",t=["errors","error_rate","error_trend_rate"],s=!1;break}const a=this.metrics.conversionPath.map(a=>{if(!a.form_name.length)return;const i={name:e,form_hash:a.form_hash,form_name:a.form_name,trendPositiveIsGood:s};for(const e of t)i[e]=a[e];return i}).filter(Boolean);let i=null,r=null,n=null;for(const c of t)-1===c.indexOf("_trend_")&&-1!==c.indexOf("_rate")?i=c:-1!==c.indexOf("_trend_")?r=c:-1!==c.indexOf("_value")&&(n=c);if(i&&r&&a.length>1){let t=a.filter(t=>0!==t[i]).minForObjAttr(i),e=a.filter(t=>0!==t[i]).maxForObjAttr(i);s||([t,e]=[e,t]),t&&a.filter(e=>e[i]===t[i]).length>1&&(t=a.filter(t=>0!==t[r]).maxForObjAttr(r)),e&&a.filter(t=>t[i]===e[i]).length>1&&(e=a.filter(t=>0!==t[r]).maxForObjAttr(r)),t&&(t.worstPerformer=!0),e&&(e.bestPerformer=!0);const o=a.filter(t=>0!==t[n]).maxForObjAttr(n);o&&(o.highestOpportunity=!0)}const o=[{key:"form_name",sortable:!0},{key:t[0],label:e}];return t.forEach(t=>o.push({key:t,label:-1!==t.indexOf("_trend_")?"Trend":-1!==t.indexOf("_rate")?"Rate":e.slice(0,5).toLowerCase()===t.slice(0,5).toLowerCase()?e:t.replaceAll("_"," "),sortable:!0})),{items:a.length?a:[{name:e}],fields:o}}},methods:{async doDownloadTagDocument(){await this.downloadTagDocument(this.setup.tags)},async loadMetrics(t,e=!0,s=[]){null===t&&(t=14),this.selectedDateFrom=b.c9.now().minus({days:t}).toFormat("yyyy-LL-dd"),this.selectedDateTo=b.c9.now().minus({days:this.includeToday?0:1}).toFormat("yyyy-LL-dd");const a={from:this.selectedDateFrom,to:this.selectedDateTo,time_group:e?"DAY":"PERIOD",dimensions:s};return(await this.$api.post("/metrics/forms",a,this.$root.client.client_hash)).data.metrics},bypassTagVerification(){this.tagVerificationBypassed=!0,this.verifyTags.output={metrics:{GENERIC:{hits:1}
1,CONVERSION:{hits:1}}}},async domainValidator(t){if(!t)return;this.validatingDomain=!0;const e=(await this.$api.post("/domains/validate",{domains:[t]},this.$root.client.client_hash)).data;this.validatingDomain=!1,this.isValidDomain=e.length>0,this.isValidDomain&&(this.setup.website=e[0])},async submitCompanyDetails(){if(await this.domainValidator(this.setup.website),!0===this.isValidDomain)try{await this.$api.post("/onboarding/website",{company_name:this.setup.company,website_url:this.setup.website},this.$root.client.client_hash),this.$root.reload(),this.setup.tags||(this.setup.tags=(await this.$api.get("/tags",this.$root.client.client_hash)).data),this.step=2}catch(t){}},async redirectToRealOnboardingIfNeeded(t=null){if(this.onboardingRedirecting||!this.canEdit||!this.$root.client||"dashboard"!==this.$route.name||1e3===this.$root.setupStatusStep)return!1;this.onboardingRedirecting=!0;try{t||(t=await(0,h.cD)(this.$api,this.$root.client.client_hash));const e=(0,h.aP)(t,this.$route.name);if(e)return await this.$router.push({...e,query:this.$route.query.client_hash?{client_hash:this.$route.query.client_hash}:{}}),!0}catch(e){console.warn("Unable to evaluate onboarding redirect; keeping dashboard setup flow disabled.",e)}finally{this.onboardingRedirecting=!1}return!1},onboardingSetupStep(t){return this.$root.setupStepFromOnboardingStatus?this.$root.setupStepFromOnboardingStatus(t):0},stopSetup(){clearInterval(this.verifyTags.interval)},form(t){if(t&&"undefined"!==typeof t&&this.forms)return this.forms.filter(e=>e.id===t)[0]},async changeSelectedDate(){if(!this.$root.client||this.loading)return;this.selectedDate&&(sessionStorage.insights_range=localStorage.insights_range=this.availableDates.filter(t=>t.value===this.selectedDate)[0].text);const[t,e,s]=await Promise.all([this.loadMetrics(this.selectedDate,!1),this.loadMetrics(this.selectedDate,!1,["form_name"]),this.$api.get("/forms?with=null",this.$root.client.client_hash)]);this.metrics={period:t,conversionPath:e},this.forms=s.data}},watch:{step:{handler(){if(3.1!==this.step){if(clearInterval(this.verifyTags.interval),3===this.step){this.verifyTags.output=null,this.verifyTags.status=null;const t=setTimeout(()=>{this.verifyTags.status="slow"},5e3),e=setTimeout(()=>{this.verifyTags.status="cancelled",clearTimeout(t),clearTimeout(e),clearInterval(this.verifyTags.interval)},3e5);this.verifyTags.interval=setInterval(async()=>{try{"/"!==this.$route.path&&(clearTimeout(t),clearTimeout(e),clearInterval(this.verifyTags.interval)),this.verifyTags.output=(await this.$api.post("/onboarding/tags/verify",{},this.$root.client.client_hash)).data,(this.tagVerificationBypassed||this.verifyTags.output.metrics.GENERIC.hits&&this.verifyTags.output.metrics.CONVERSION.hits)&&(clearTimeout(t),clearTimeout(e),clearInterval(this.verifyTags.ixnterval),this.verifyTags.status=!0)}catch(s){clearTimeout(t),clearTimeout(e),clearInterval(this.verifyTags.interval)}},2500)}}else this.step=3},immediate:!0},"$root.client":{async handler(){if(this.$root.client&&!this.loading){this.metrics=null,this.setupStatusResolved=!1,this.loading=!0;const t=await(0,h.cD)(this.$api,this.$root.client.client_hash);if(await this.redirectToRealOnboardingIfNeeded(t))return;if(this.step=this.onboardingSetupStep(t),this.setupStatusResolved=!0,this.step<4&&this.canEdit)return void(this.loading=!1);if(this.$root.hasRole("admin.*")||this.$root.hasRole("configuration.*")||this.$root.hasRole("reporting")){[sessionStorage,localStorage].forEach(t=>{t.insights_range&&(this.selectedDate=this.availableDates.filter(e=>e.text===t.insights_range)[0].value)});const[t]=await Promise.all([this.loadMetrics(this.selectedDate,!1)]);this.metrics={period:t,conversionPath:[]},setTimeout(()=>this.$refs.conversionPathStarts?.classList.add("conversionPathMetricSampleHover"),500),setTimeout(()=>this.$refs.conversionPathStarts?.classList.remove("conversionPathMetricSampleHover"),1500),setTimeout(()=>this.$refs.missedConversionOpportunity?.classList.add("missedConversionOpportunitySampleHover"),500),setTimeout(()=>this.$refs.missedConversionOpportunity?.classList.remove("missedConversionOpportunitySampleHover"),1500)}this.selectedConversionPath=null,this.loading=!1,this.loadMetrics(this.selectedDate,!1,["form_name"]).then(t=>{this.metrics.conversionPath=t}),this.$api.get("/forms?with=null",this.$root.client.client_hash).then(t=>{this.forms=t.data,this.includeToday=this.forms.length>0&&!this.forms.filter(t=>(new Date).toDateString()!==new Date(t.created_at).toDateString()).length,this.includeToday&&this.changeSelectedDate(
1)})}},immediate:!0},selectedDate:{handler(){this.changeSelectedDate()},immediate:!0}},mounted(){this.$root.setAiChatMetadata({suggestionsEnabled:!0,maxSuggestions:4,pageType:"dashboard",suggestionButtons:[{label:"Explain Funnel",prompt:"Explain how the form conversion funnel works and what each stage (Sessions, Starts, Submits, Conversions) represents."},{label:"Explain Trends",prompt:"Describe the meaning of the upward and downward trends in metrics such as hesitation time, conversion rate, and error rate."},{label:"Identify Drop-Offs",prompt:"Identify which steps in the funnel have the highest abandonment or failure rates and how they impact overall conversions."},{label:"Recommend Improvements",prompt:"Based on the current dashboard data, recommend specific actions to improve conversion rate and reduce missed opportunities."}]})}},f=g,y=(0,_.A)(f,r,n,!1,null,"138cd80f",null),C=y.exports},67646:function(t,e,s){s.d(e,{A:function(){return v}});var a=s.cw(function(t,e){var a=s.p+"img/arrow_down_green.0018ec68.svg";t.exports=a}),i=s.cw(function(t,e){var a=s.p+"img/arrow_down_red.4aec7610.svg";t.exports=a}),r=s.cw(function(t,e){var a=s.p+"img/arrow_up_green.249ce1f5.svg";t.exports=a}),n=s.cw(function(t,e){var a=s.p+"img/arrow_up_red.c09e2b5f.svg";t.exports=a}),o=function(){var t=this,e=t._self._c;return!0===t.upwards&&"green"===t.color?e("img",{attrs:{src:r()}}):!0===t.upwards&&"red"===t.color?e("img",{attrs:{src:n()}}):!1===t.upwards&&"green"===t.color?e("img",{attrs:{src:a()}}):!1===t.upwards&&"red"===t.color?e("img",{attrs:{src:i()}}):t._e()},c=[],l={name:"MetricIcon",props:["upwards","color"]},d=l,m=s(81656),_=(0,m.A)(d,o,c,!1,null,null,null),v=_.exports},98934:function(t,e,s){t.exports=s.p+"img/conversion-funnel-v8.617ade0a.svg"},74384:function(t,e,s){t.exports=s.p+"img/gtm.f00e8511.svg"}}]); 2//# sourceMappingURL=1382.c18f74a9.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.