n8n-editor-ui/dist/assets/InsightsDashboard-legacy-WY-cyjBa.js

Workflow Editor UI for n8n

!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.16.1"}}catch(e){}}(),System.register(["./chunk-legacy-Dz3fjYb5.js","./vue.runtime.esm-bundler-legacy-BW6xDdqj.js","./core-legacy-VD8c7QJ-.js","./src-legacy-B67uuxhB.js","./get-legacy-CLCnFf3e.js","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./CalendarDate-legacy-BdYpbLuZ.js","./users.store-legacy-azRUgFdP.js","./dialog-legacy-Ctrbi48Z.js","./usePageRedirectionHelper-legacy-DQM99rgh.js","./ProjectSharing-legacy-CDHINECV.js","./insights.store-legacy-DUO1OIHA.js","./insights.constants-legacy-DtPF8E1N.js","./insights.utils-legacy-DBZPnldI.js","./InsightsSummary-legacy-B4sy_ZtW.js"],(function(e,t){var a,n,s,i,l,o,r,d,u,c,g,p,m,_,y,h,v,f,b,x,V,w,k,z,j,T,I,L,C,D,E,P,S,$,R,B,A,M,W,U,O,Z,F,N,X,H,J,K,Q,Y,q,G,ee,te,ae,ne,se;return{setters:[function(e){e.o},function(e){a=e.$,n=e.A,s=e.C,i=e.E,l=e.Ft,o=e.K,r=e.M,d=e.N,u=e.Rt,c=e.S,g=e.Sn,p=e.T,m=e.Wt,_=e.X,y=e._,h=e._n,v=e.dt,f=e.gt,b=e.j,x=e.rt,V=e.st,w=e.w,k=e.yt},function(e){z=e.at},function(e){j=e.Ji,T=e.Qi,I=e.Xi,L=e.Zi,C=e.ct,D=e.k,E=e.p},function(e){P=e.d},function(e){S=e.t},function(e){$=e.h,R=e.l,B=e.m},function(e){A=e.Rt,M=e.ai,W=e.fr,U=e.ri},function(e){O=e.t},function(e){Z=e.t},function(e){F=e.t},function(e){N=e.t},function(e){X=e.s},function(e){H=e.a,J=e.i,K=e.n,Q=e.t},function(e){Y=e.t}],execute:function(){(q=document.createElement("style")).textContent='.perks-list[data-v-fdfc14aa]{gap:var(--spacing--sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.perks-list>li[data-v-fdfc14aa]{align-items:center;gap:var(--spacing--2xs);display:flex}.insight-modal-button-container[data-v-fdfc14aa]{justify-content:flex-end;gap:var(--spacing--2xs);display:flex}._PresetButton_1waws_2{--button--border-color:transparent;text-align:left;display:flex}._LockIcon_1waws_7{margin-left:auto}._insightsView_1mozi_125{flex-direction:column;flex:1;gap:30px;display:flex;overflow:auto}._insightsContainer_1mozi_133{width:100%;max-width:var(--content-container--width);padding:var(--spacing--lg) var(--spacing--2xl);margin:0 auto}._insightsBanner_1mozi_140{margin-bottom:0}._insightsBanner_1mozi_140 ul{border-bottom-right-radius:0;border-bottom-left-radius:0}._insightsContent_1mozi_148{padding:var(--spacing--lg) 0;border:var(--border-width) var(--border-style) var(--color--foreground);background:var(--color--background--light-3);border-top:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}._insightsContentWrapper_1mozi_157{position:relative;overflow-x:hidden}._insightsChartWrapper_1mozi_162{height:292px;padding:0 var(--spacing--lg);z-index:1;position:relative}._insightsTableWrapper_1mozi_169{padding:var(--spacing--lg) var(--spacing--lg) 0;z-index:1;position:relative}._dataLoader_1mozi_175{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;height:100%;display:flex;position:absolute;top:0;left:-100%}._dataLoader_1mozi_175._isDataLoading_1mozi_188{transition:left 0s linear .5s;left:0}._dataLoader_1mozi_175>span{z-index:2;position:relative}._dataLoader_1mozi_175:before{content:"";background-color:var(--color--background--light-3);opacity:.75;z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}._projectSelect_1mozi_210{min-width:200px}._projectSelect_1mozi_210 .el-input--suffix .el-input__inner{padding-right:26px}._PresetButton_1mozi_217{text-align:left;cursor:pointer;color:var(--color--text);background-color:transparent;border:none;border-radius:.375rem;padding:.5rem .75rem;font-size:13px;font-weight:400;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}._PresetButton_1mozi_217:hover{background-color:var(--color--foreground--tint-1)}\n/*$vite$:1*/',document.head.appendChild(q);try{ie="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(le=(new ie.Error).stack)&&(ie._sentryDebugIds=ie._sentryDebugIds||{},ie._sentryDebugIds[le]="ea90fbed-0210-4772-8ea2-b583a7d1eb96",ie._sentryDebugIdIdentifier="sentry-dbid-ea90fbed-0210-4772-8ea2-b583a7d1eb96")}catch(ie){}var ie,le;G={class:"perks-list"},ee={class:"insight-modal-button-container"},te=d({__name:"InsightsUpgradeModal",props:{modelValue:{type:Boolean},modelModifiers:{}},emits:["update:modelValue"],setup(e){const t=v(e,"modelValue"),l=z();function o(){t.value=!1,Z().goToUpgrade("insights","upgrade-insights")}const r=c((()=>[...Array(3).keys()].map((e=>l.baseText(`insights.upgradeModal.perks.${e}`)))));return(e,d)=>(a(),w(m(O),{modelValue:t.value,"onUpdate:modelValue":d[1]||(d[1]=e=>t.value=e),title:m(l).baseText("insights.upgradeModal.title"),width:"500"},{footer:k((()=>[s("div",ee,[b(m(L),{variant:"subtle",onClick:d[0]||(d[0]=e=>t.value=!1)},{default:k((()=>[n(g(m(l).baseText("insights.upgradeModal.button.dismiss")),1)])),_:1}),b(m(L),{variant:"solid",onClick:o},{default:k((()=>[n(g(m(l).baseText("generic.upgrade")),1)])),_:1})])])),default:k((()=>[s("div",null,[b(m(I),{tag:"p",class:"mb-s"},{default:k((()=>[n(g(m(l).baseText("insights.upgradeModal.content")),1)])),_:1}),s("ul",G,[(a(!0),i(y,null,x(r.value,(e=>(a(),w(m(I),{key:e,color:"text-dark",tag:"li"},{default:k((()=>[d[2]||(d[2]=s("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:"16px",height:"16px"},[s("path",{d:"M 16 8 C 16 12.418 12.418 16 8 16 C 3.582 16 0 12.418 0 8 C 0 3.582 3.582 0 8 0 C 12.418 0 16 3.582 16 8 Z M 3.97 9.03 L 5.97 11.03 L 6.5 11.561 L 7.03 11.03 L 12.53 5.53 L 11.47 4.47 L 6.5 9.439 L 5.03 7.97 L 3.97 9.03 Z",fill:"currentColor"})],-1)),n(" "+g(e),1)])),_:2},1024)))),128))])])])),_:1},8,["modelValue","title"]))}}),ae=S(te,[["__scopeId","data-v-fdfc14aa"]]),ne=S(d({__name:"InsightsDataRangePicker",props:{maxValue:{},minValue:{},modelValue:{},presets:{}},emits:["update:modelValue","update:placeholder","update:startValue","update:open"],setup(e,{emit:t}){const s=e,o=t,r=W(),d=l(!1),_=l("custom");function v({start:e,end:t}){return e&&t?t.compare(e):0}function V(e,t){return!(!e||!t)&&0===e.compare(t)}const z=u({start:s.modelValue.start?.copy(),end:s.modelValue.end?.copy()});function j(){V(z.value?.start,s.modelValue.start)&&V(z.value?.end,s.modelValue.end)||(z.value={start:s.modelValue.start?.copy(),end:s.modelValue.end?.copy()})}let I=null;function C(e){if(e)return void j();const t={start:z.value?.start?.copy(),end:z.value?.end?.copy()??z.value?.start?.copy()};if(!function({start:e,end:t}){return!!e&&!!t&&(a=t,n=s.maxValue,a.compare(n)<=0&&function(e,t){return e.compare(t)>=0}(e,s.minValue));var a,n}(t))return console.error("Invalid date range selected",t),void j();if(I&&V(t.start,I.start)&&V(t.end,I.end))return;if(V(t.start,s.modelValue.start)&&V(t.end,s.modelValue.end))return;I=t,o("update:modelValue",t);const{startDate:a,endDate:n}=K(t),i={start_date:a.toISOString(),end_date:n.toISOString(),range_length_days:v(t),type:_.value};r.track("User updated insights time range",i)}const D=l(!1);f(D,(e=>{e&&(_.value="custom"),C(e)}));const P=c((()=>{const{start:e,end:t}=s.modelValue;return e?Q({start:e,end:t}):"Select range"}));return(t,l)=>(a(),i(y,null,[b(m(E),{modelValue:z.value,"onUpdate:modelValue":l[0]||(l[0]=e=>z.value=e),open:D.value,"onUpdate:open":l[1]||(l[1]=e=>D.value=e),"max-value":e.maxValue,"min-value":e.minValue},{trigger:k((()=>[b(m(L),{variant:"subtle",icon:"calendar"},{default:k((()=>[n(g(P.value),1)])),_:1})])),presets:k((()=>[(a(!0),i(y,null,x(e.presets,(e=>{return a(),w(m(L),{key:e.value,class:h(t.$style.PresetButton),variant:(i=e.value,R(s.modelValue.end,B())&&s.modelValue.end.compare(s.modelValue.start)===i?"solid":"outline"),size:"small",onClick:t=>{return e.disabled?void(d.value=!0):(a=e.value,z.value={start:s.maxValue.copy().subtract({days:a}),end:s.maxValue.copy()},_.value="preset",void(D.value=!1));var a}},{default:k((()=>[n(g(e.label)+" ",1),e.disabled?(a(),w(m(T),{key:0,icon:"lock",class:h(t.$style.LockIcon)},null,8,["class"])):p("",!0)])),_:2},1032,["class","variant","onClick"]);var i})),128))])),_:1},8,["modelValue","open","max-value","min-value"]),b(ae,{modelValue:d.value,"onUpdate:modelValue":l[2]||(l[2]=e=>d.value=e)},null,8,["modelValue"])],64))}}),[["__cssModules",{$style:{PresetButton:"_PresetButton_1waws_2",LockIcon:"_LockIcon_1waws_7"}}]]),se={class:"mt-s",style:{display:"flex",gap:"12px","align-items":"center"}},e("default",S(d({__name:"InsightsDashboard",props:{insightType:{}},setup(e){const d=r((async()=>await P((()=>t.import("./InsightsPaywall-legacy-CqIEx718.js")),void 0))),y=r((async()=>await P((()=>t.import("./InsightsChartTotal-legacy-TK_n7C5T.js")),void 0))),v=r((async()=>await P((()=>t.import("./InsightsChartFailed-legacy-2yh3G8m7.js")),void 0))),x=r((async()=>await P((()=>t.import("./InsightsChartFailureRate-legacy-D3zx5psr.js")),void 0))),T=r((async()=>await P((()=>t.import("./InsightsChartTimeSaved-legacy-D_peS0y1.js")),void 0))),I=r((async()=>await P((()=>t.import("./InsightsChartAverageRuntime-legacy-DBXcOu6x.js")),void 0))),L=r((async()=>await P((()=>t.import("./InsightsTableWorkflows-legacy-BL7in3NF.js")),void 0))),E=e,S=C(),R=z(),W=N(),O=M(),Z=c((()=>S.params.insightType===X.TIME_SAVED)),Q=c((()=>({total:y,failed:v,failureRate:x,timeSaved:T,averageRunTime:I}))),q=l([{id:E.insightType,desc:!0}]),G=c((()=>{const{start:e,end:t}=de.value;if(!e||!t)return"day";const a=t.compare(e);return a<=0?"hour":a<=30?"day":"week"})),ee=l(null),te=$(B()),ae=W.dateRanges.toReversed().find((e=>e.licensed))?.key??"week",ie=J(),le=c((()=>W.dateRanges.map((e=>({value:H[e.key],label:ie[e.key],disabled:!e.licensed}))))),oe=u(te.copy()),re=u(te.copy().subtract({days:H[ae]})),de=u({start:te.copy().subtract({days:7}),end:te.copy()}),ue=()=>K(de.value),ce=({page:e=0,itemsPerPage:t=25,sortBy:a,projectId:n=ee.value?.id})=>{const s=e*t,i=t,l=a.length?(({id:e,desc:t})=>`${e}:${t?"desc":"asc"}`)(a[0]):void 0,{startDate:o,endDate:r}=ue();W.table.execute(0,{skip:s,take:i,sortBy:l,startDate:o,endDate:r,projectId:n})};f((()=>[E.insightType,ee.value,de.value]),(()=>{q.value=[{id:E.insightType,desc:!0}];const{startDate:e,endDate:t}=ue();W.isSummaryEnabled&&W.summary.execute(0,{startDate:e,endDate:t,projectId:ee.value?.id}),W.charts.execute(0,{startDate:e,endDate:t,projectId:ee.value?.id}),W.isDashboardEnabled&&ce({sortBy:q.value,projectId:ee.value?.id})}),{immediate:!0}),_((()=>{A().set(R.baseText("insights.heading"))}));const ge=/^<([A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,})>$/,pe=U(),me=e=>!!e.name&&!ge.test(e.name.trim());return o((async()=>{O.globalProjectPermissions.list||await O.getAvailableProjects()})),(e,t)=>(a(),i("div",{class:h(e.$style.insightsView)},[s("div",{class:h(e.$style.insightsContainer)},[b(m(j),{bold:"",tag:"h2",size:"xlarge"},{default:k((()=>[n(g(m(R).baseText("insights.dashboard.title")),1)])),_:1}),s("div",se,[b(F,{modelValue:ee.value,"onUpdate:modelValue":t[0]||(t[0]=e=>ee.value=e),"search-fn":m(pe),"filter-fn":me,placeholder:m(R).baseText("insights.dashboard.search.placeholder"),"empty-options-text":m(R).baseText("projects.sharing.noMatchingProjects"),size:"mini",class:h(e.$style.projectSelect),clearable:"",onClear:t[1]||(t[1]=e=>ee.value=null)},null,8,["modelValue","search-fn","placeholder","empty-options-text","class"]),b(ne,{modelValue:de.value,"onUpdate:modelValue":t[2]||(t[2]=e=>de.value=e),"max-value":oe.value,"min-value":re.value,presets:le.value},null,8,["modelValue","max-value","min-value","presets"])]),m(W).isSummaryEnabled?(a(),w(Y,{key:0,summary:m(W).summary.state,loading:m(W).summary.isLoading,"start-date":de.value.start,"end-date":de.value.end,class:h(e.$style.insightsBanner)},null,8,["summary","loading","start-date","end-date","class"])):p("",!0),s("div",{class:h(e.$style.insightsContent)},[m(W).isDashboardEnabled||Z.value?(a(),i("div",{key:0,class:h(e.$style.insightsContentWrapper)},[s("div",{class:h([e.$style.dataLoader,{[e.$style.isDataLoading]:m(W).charts.isLoading||m(W).table.isLoading}])},[b(m(D)),s("span",null,g(m(R).baseText("insights.chart.loading")),1)],2),s("div",{class:h(e.$style.insightsChartWrapper)},[n(g(G.value)+" ",1),(a(),w(V(Q.value[E.insightType]),{type:E.insightType,data:m(W).charts.state,granularity:G.value,"start-date":de.value.start.toString(),"end-date":de.value.end.toString()},null,8,["type","data","granularity","start-date","end-date"]))],2),s("div",{class:h(e.$style.insightsTableWrapper)},[b(m(L),{"sort-by":q.value,"onUpdate:sortBy":t[3]||(t[3]=e=>q.value=e),data:m(W).table.state,loading:m(W).table.isLoading,"is-dashboard-enabled":m(W).isDashboardEnabled,"onUpdate:options":ce},null,8,["sort-by","data","loading","is-dashboard-enabled"])],2)],2)):(a(),w(m(d),{key:1}))],2)],2)],2))}}),[["__cssModules",{$style:{insightsView:"_insightsView_1mozi_125",insightsContainer:"_insightsContainer_1mozi_133",insightsBanner:"_insightsBanner_1mozi_140",insightsContent:"_insightsContent_1mozi_148",insightsContentWrapper:"_insightsContentWrapper_1mozi_157",insightsChartWrapper:"_insightsChartWrapper_1mozi_162",insightsTableWrapper:"_insightsTableWrapper_1mozi_169",dataLoader:"_dataLoader_1mozi_175",isDataLoading:"_isDataLoading_1mozi_188",projectSelect:"_projectSelect_1mozi_210",PresetButton:"_PresetButton_1mozi_217"}}]]))}}}));
//# sourceMappingURL=InsightsDashboard-legacy-WY-cyjBa.js.map