https://umami-production-b0c6.up.railway.app/_next/static/chunks/4-9c90cfb8ce9f87d2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4],{85959:function(e,t,n){"use strict";var r,a,l,i,s=n(67294);function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}t.Z=function(e){return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:512,height:512,viewBox:"0 0 32 32"},e),r||(r=s.createElement("path",{d:"M29 11H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zM4 9h24V5H4z"})),a||(a=s.createElement("path",{d:"M25 17H7a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zM8 15h16v-4H8z"})),l||(l=s.createElement("path",{d:"M22 23H10a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zm-11-2h10v-4H11z"})),i||(i=s.createElement("path",{d:"M19 29h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zm-5-2h4v-4h-4z"})))}},21432:function(e,t,n){"use strict";var r=n(85893),a=n(67294),l=n(29120),i=n(75046),s=n.n(i);t.Z=function(e){let{children:t}=e,[n,i]=(0,a.useState)({x:-1e3,y:-1e3});return(0,a.useEffect)(()=>{let e=e=>{i({x:e.clientX,y:e.clientY})};return document.addEventListener("mousemove",e),()=>{document.removeEventListener("mousemove",e)}},[]),(0,r.jsx)(l.u,{className:s().tooltip,style:{left:n.x,top:n.y},children:t})}},24405:function(e,t,n){"use strict";n.d(t,{Z:function(){return g}});var r=n(85893),a=n(67294),l=n(29120),i=n(94184),s=n.n(i),o=n(9085),c=n(21432),u=n(16765),d=n(24709),h=n(78396),m=n(1484),x=n.n(m),p=function(e){var t;let{chart:n}=e,{locale:i}=(0,d.Z)(),o=(0,h.Z)(),c=e=>{let t=n.getDatasetMeta(e);t.hidden=null===t.hidden?!n.data.datasets[e].hidden:null,n.update(),o()};return((0,a.useEffect)(()=>{o()},[i]),null==n?void 0:null===(t=n.legend)||void 0===t?void 0:t.legendItems.find(e=>{let{text:t}=e;return t}))?(0,r.jsx)("div",{className:x().legend,children:n.legend.legendItems.map(e=>{let{text:t,fillStyle:n,datasetIndex:a,hidden:o}=e,d=(0,u.Vi)(n);return(0,r.jsx)("div",{className:s()(x().label,{[x().hidden]:o}),onClick:()=>c(a),children:(0,r.jsx)(l.KT,{color:d.alpha(d.alpha()+.2).toHex(),children:(0,r.jsx)("span",{className:i,children:t})})},t)})}):null},f=n(16503),v=n(4696),j=n(26287),_=n(58871),b=n.n(_),g=function(e){let{datasets:t,unit:n,animationDuration:i=v._F,stacked:u=!1,loading:h=!1,renderXLabel:m,renderYLabel:x,XAxisType:_="time",YAxisType:g="linear",renderTooltipPopup:y,onCreate:w,onUpdate:Z,className:k}=e,C=(0,a.useRef)(),N=(0,a.useRef)(null),[P,T]=(0,a.useState)(null),{locale:z}=(0,d.Z)(),{theme:D,colors:M}=(0,f.Z)(),F=(0,a.useCallback)(()=>({responsive:!0,maintainAspectRatio:!1,animation:{duration:i,resize:{duration:0},active:{duration:0}},plugins:{legend:{display:!1},tooltip:{enabled:!1,external:y?y.bind(null,T):void 0}},scales:{x:{type:_,stacked:!0,time:{unit:n},grid:{display:!1},border:{color:M.chart.line},ticks:{color:M.chart.text,autoSkip:!1,maxRotation:0,callback:m}},y:{type:g,min:0,beginAtZero:!0,stacked:u,grid:{color:M.chart.line},border:{color:M.chart.line},ticks:{color:M.text,callback:x||j.F$}}}}),[i,y,m,_,g,u,M,n,z]),E=()=>{o.ZP.defaults.font.family="Inter";let e=F();N.current=new o.ZP(C.current,{type:"bar",data:{datasets:t},options:e}),null==w||w(N.current)},q=()=>{T(null),t.forEach((e,t)=>{N.current.data.datasets[t].data=e.data,N.current.data.datasets[t].label=e.label}),N.current.options=F(),null==Z||Z(N.current),N.current.update()};return(0,a.useEffect)(()=>{t&&(N.current?q():E())},[t,n,D,i,z]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:s()(b().chart,k),children:[h&&(0,r.jsx)(l.gb,{position:"page",icon:"dots"}),(0,r.jsx)("canvas",{ref:C})]}),(0,r.jsx)(p,{chart:N.current}),P&&(0,r.jsx)(c.Z,{children:(0,r.jsx)("div",{className:b().tooltip,children:P})})]})}},11113:function(e,t,n){"use strict";var r=n(85893),a=n(67294),l=n(29645),i=n(49821),s=n(69926),o=n(94184),c=n.n(o),u=n(90114),d=n(42069),h=n(38673),m=n(38747),x=n.n(m);let p=e=>{var t;let{label:n,value:a=0,percent:l,animate:i,format:o,onClick:c,showPercentage:u=!0}=e,d=(0,s.q_)({width:l,y:a,from:{width:0,y:0},config:i?s.vc.default:{duration:0}});return(0,r.jsxs)("div",{className:x().row,children:[(0,r.jsx)("div",{className:x().label,children:n}),(0,r.jsx)("div",{className:x().value,onClick:c,children:(0,r.jsx)(s.q.div,{className:x().value,children:null===(t=d.y)||void 0===t?void 0:t.to(o)})}),u&&(0,r.jsxs)("div",{className:x().percent,children:[(0,r.jsx)(s.q.div,{className:x().bar,style:{width:d.width.to(e=>"".concat(e,"%"))}}

1),(0,r.jsx)(s.q.span,{className:x().percentValue,children:d.width.to(e=>"".concat(e.toFixed(0),"%"))})]})]})};t.Z=function(e){let{data:t=[],title:n,metric:s,className:o,renderLabel:m,animate:f=!0,virtualize:v=!1,showPercentage:j=!0}=e,{formatMessage:_,labels:b}=(0,h.Z)(),[g,y]=(0,l.Z)(),[w,Z]=(0,a.useState)(!0),k=w?d.mu:d.uf,C=()=>Z(e=>!e),N=e=>{let{x:t,y:n,z:a}=e;return(0,r.jsx)(p,{label:m?m(e):null!=t?t:_(b.unknown),value:n,percent:a,animate:f&&!v,format:k,onClick:C,showPercentage:j},t)},P=e=>{let{index:n,style:a}=e;return(0,r.jsx)("div",{style:a,children:N(t[n])})};return(0,r.jsxs)("div",{className:c()(x().table,o),children:[(0,r.jsxs)("div",{className:x().header,children:[(0,r.jsx)("div",{className:x().title,children:n}),(0,r.jsx)("div",{className:x().metric,onClick:C,children:s})]}),(0,r.jsxs)("div",{ref:g,className:x().body,children:[(null==t?void 0:t.length)===0&&(0,r.jsx)(u.Z,{}),v&&t.length>0?(0,r.jsx)(i.t7,{height:y.height,itemCount:t.length,itemSize:30,children:P}):t.map(e=>N(e))]})]})}},98004:function(e,t,n){"use strict";n.d(t,{Z:function(){return D}});var r=n(85893),a=n(67294),l=n(29120),i=n(38673),s=n(16503),o=n(24405),c=n(42069),u=n(74414),d=n.n(u),h=n(21561),m=function(e){let{className:t,loading:n}=e,{report:u}=(0,a.useContext)(h.GA),{formatMessage:m,labels:x}=(0,i.Z)(),{colors:p}=(0,s.Z)(),{parameters:f,data:v}=u||{},j=(0,a.useCallback)((e,t)=>f.urls[t],[f]),_=(0,a.useCallback)((e,t)=>{var n;let{opacity:a,labelColors:i,dataPoints:s}=t.tooltip;if(!(null==s?void 0:s.length)||!a){e(null);return}e((0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{children:[(0,c.mu)(s[0].raw.y)," ",m(x.visitors)]}),(0,r.jsx)("div",{children:(0,r.jsxs)(l.KT,{color:null==i?void 0:null===(n=i[0])||void 0===n?void 0:n.backgroundColor,children:[(0,c.mu)(s[0].raw.z),"% ",m(x.dropoff)]})})]}))},[]),b=(0,a.useMemo)(()=>[{label:m(x.uniqueVisitors),data:v,borderWidth:1,...p.chart.visitors}],[v]);return n?(0,r.jsx)(l.gb,{icon:"dots",className:d().loading}):(0,r.jsx)(o.Z,{className:t,datasets:b,unit:"day",loading:n,renderXLabel:j,renderTooltipPopup:_,XAxisType:"category"})},x=n(11113),p=n(36715),f=function(){let{report:e}=(0,a.useContext)(h.GA),{formatMessage:t,labels:n}=(0,p.y_)();return(0,r.jsx)(x.Z,{data:null==e?void 0:e.data,title:t(n.url),metric:t(n.visitors),showPercentage:!0})},v=n(93495),j=n(86739),_=n.n(j),b=function(e){let{defaultValue:t="",onAdd:n}=e,[i,s]=(0,a.useState)(t),{formatMessage:o,labels:c}=(0,p.y_)(),u=()=>{n(i),s("")},d=e=>{s(e.target.value)},h=e=>{"Enter"===e.key&&(e.stopPropagation(),u())};return(0,r.jsx)(l.l0,{children:(0,r.jsx)(l.p7,{label:o(c.url),children:(0,r.jsxs)(l.DL,{gap:10,children:[(0,r.jsx)(l.nv,{className:_().input,value:i,onChange:d,autoFocus:!0,autoComplete:"off",onKeyDown:h}),(0,r.jsx)(l.zx,{variant:"primary",onClick:u,children:o(c.add)})]})})})},g=n(10448),y=n(49640),w=n(13770),Z=function(){let{report:e,runReport:t,updateReport:n,isRunning:i}=(0,a.useContext)(h.GA),{formatMessage:s,labels:o}=(0,p.y_)(),c=(0,a.useRef)(null),{parameters:u}=e||{},{websiteId:d,dateRange:m,urls:x}=u||{},f=!d||!m||(null==x?void 0:x.length)<2,j=(e,n)=>{n.stopPropagation(),n.preventDefault(),f||t(e)},_=e=>{n({parameters:{urls:u.urls.concat(e)}})},Z=(e,t)=>{t.stopPropagation();let r=[...u.urls];r.splice(e,1),n({parameters:{urls:r}})},k=()=>(0,r.jsxs)(l.qh,{children:[(0,r.jsx)(l.JO,{children:(0,r.jsx)(v.Z.Plus,{})}),(0,r.jsx)(l.GI,{position:"bottom",alignment:"start",children:(e,t)=>(0,r.jsx)(w.Z,{element:t,onClose:e,children:(0,r.jsx)(b,{onAdd:_})})})]});return(0,r.jsxs)(l.l0,{ref:c,values:u,onSubmit:j,preventSubmit:!0,children:[(0,r.jsx)(g.Z,{}),(0,r.jsx)(l.p7,{label:s(o.window),children:(0,r.jsx)(l.Tr,{name:"window",rules:{required:s(o.required),pattern:/[0-9]+/},children:(0,r.jsx)(l.nv,{autoComplete:"off"})})}),(0,r.jsx)(l.p7,{label:s(o.urls),action:(0,r.jsx)(k,{}),children:(0,r.jsx)(y.Z,{items:x,onRemove:Z})}),(0,r.jsx)(l.Au,{children:(0,r.jsx)(l.Mm,{variant:"primary",disabled:f,loading:i,children:s(o.runQuery)})})]})},k=n(65113),C=n(91314),N=n(36585),P=n(85959),T=n(4696);let z={type:T.H$.funnel,parameters:{window:60,urls:[]}};function D(e){let{reportId:t}=e;return(0,r.jsxs)(h.ZP,{reportId:t,defaultParameters:z,children:[(0,r.jsx)(k.Z,{icon:(0,r.jsx)(P.Z,{})}),(0,r.jsx)(C.Z,{children:(0,r.jsx)(Z,{})}),(0,r.jsxs)(N.Z,{children:[(0,r.jsx)(m,{}),(0,r.jsx)(f,{})]})]})}},26287:function(e,t,n){"use strict";n.d(t,{F$:function(){return s},oq:function(){return o},zK:function(){return c}});var r=n(85893),a=n(29120),l=n(43205),i=n(42069);function s(e){return+e>1e3?(0,i.mu)(e):e}function o(e,t){return(n,r,a)=>{let i=new Date(a[r].value);switch(e){case"minute":return(0,l.p6)(i,"h:mm",t);case"hour":return(0,l.p6)(i,"p",t);case"day":return(0,l.p6)(i,"MMM d",t);case"month":return(0,l.p6)(i,"MMM",t);case"year":return(0,l.p6)(i,"YYY",t);default:return n}}}function c(e,t){return(n,s)=>{var o;let{opacity:c,labelColors:u,dataPoints:d}=s.tooltip;if(!(null==d?void 0:d.length)||!c){n(null);return}n((0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{children:(0,l.p6)(new Date(d[0].raw.x),{millisecond:"T",second:"pp",minute:"p",hour:"h:mm aaa - PP",day:"PPPP",week:"PPPP",month:"LLLL yyyy",quarter:"qqq",year:"yyyy"}[e],t)}),(0,r.jsx)("div",{children:(0,r.jsxs)(a.KT,{color:null==u?void 0:null===(o=u[0])||void 0===o?void 0:o.backgroundColor,children:[(0,i.mu)(d[0].raw.y)," ",d[0].dataset.label]})})]}))}}},42069:function(e,t,n){"use strict";function r(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["m","s"],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",{days:r,hours:a,minutes:l,seconds:i,ms:s}=function(e){let t=~~(e/86400),n=~~(e/3600)-24*t,r=~~(e/60)-1440*t-60*n;return{days:t,hours:n,minutes:r,seconds:~~e-86400*t-3600*n-60*r,ms:(e-~~e)*1e3}}(e),o="";return(r>0&&-1!==t.indexOf("d")&&(o+="".concat(r,"d").concat(n)),a>0&&-1!==t.indexOf("h")&&(o+="".concat(a,"h").concat(n)),l>0&&-1!==t.indexOf("m")&&(o+="".concat(l,"m").concat(n)),i>0&&-1!==t.indexOf("s")&&(o+="".concat(i,"s").concat(n)),s>0&&-1!==t.indexOf("ms")&&(o+="".concat(s,"ms")),o)?o:"0".concat(t[t.length-1])}function a(e){return Number(e).toFixed(0)}function l(e){let t=Number(e);return t>=1e6?"".concat((t/1e6).toFixed(1),"m"):t>=1e5?"".concat((t/1e3).toFixed(0),"k"):t>=1e4?"".concat((t/1e3).toFixed(1),"k"):t>=1e3?"".concat((t/1e3).toFixed(2),"k"):a(t)}function i(e){if(!e)return"#ffffff";let t=0;for(let n=0;n<e.length;n++)t=e.charCodeAt(n)+((t<<5)-t);let n="#";for(let e=0;e<3;e++)n+=("00"+(t>>8*e&255).toString(16)).slice(-2);return n}n.d(t,{mu:function(){return l},u_:function(){return i},uf:function(){return a},vM:function(){return r}})},75046:function(e){e.exports={tooltip:"HoverTooltip_tooltip___6pmn"}},58871:function(e){e.exports={chart:"BarChart_chart__zH9Hb",tooltip:"BarChart_tooltip__l1dc3",value:"BarChart_value___IiCV"}},38747:function(e){e.exports={table:"DataTable_table__CzM3Y",body:"DataTable_body__tW6Gx",header:"DataTable_header__cpsPK",title:"DataTable_title__dlz4i",metric:"DataTable_metric__50rwV",row:"DataTable_row__GOg78",label:"DataTable_label__nk_tp",value:"DataTable_value__dgeWm",percent:"DataTable_percent__EBsIj",bar:"DataTable_bar___11uT"}}

1,1484:function(e){e.exports={legend:"Legend_legend__NDGVl",label:"Legend_label__mnjsN",hidden:"Legend_hidden__BH5jT"}},74414:function(e){e.exports={loading:"FunnelChart_loading__3Wxzl"}},86739:function(e){e.exports={form:"UrlAddForm_form__SVdkP",input:"UrlAddForm_input__KVZs7"}}}]);