n8n-editor-ui/dist/assets/InsightsDashboard-wUygzzZ7.js

Workflow Editor UI for n8n

const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-zFQfwJ04.js","assets/_plugin-vue_export-helper-CIL7EULb.js","assets/src-XqE2yCpG.js","assets/chunk-CACdhNlC.js","assets/get-BjzKP_3k.js","assets/_MapCache-CP9ToMjk.js","assets/vue.runtime.esm-bundler-C3C09Zii.js","assets/CalendarDate-BT_sdKiu.js","assets/core-Bz5WjPxS.js","assets/sanitize-html-CNLkxVtZ.js","assets/empty-BNY-5QlZ.js","assets/en-BrSmbSYv.js","assets/src-DBVOVeEU.css","assets/usePageRedirectionHelper-CC6sh9o0.js","assets/constants-DuQbSl-q.js","assets/merge-DFZxC2wo.js","assets/expression-runtime-stub-Vl5_1Jpv.js","assets/users.store-xP93bV7X.js","assets/useRootStore-XEREVjMN.js","assets/settings.store-CAFiYCMH.js","assets/dateformat-Cs9X8ykY.js","assets/_baseOrderBy-DP0226Vi.js","assets/useDebounce-DyDXl6eh.js","assets/versions.store-DMbhywWy.js","assets/InsightsPaywall-CGFftIXb.css","assets/InsightsChartTotal-DnyIo9Bk.js","assets/dist-DHUGszlM.js","assets/chart-WZvcQ3IV.js","assets/chartjs.utils-Bw-74clp.js","assets/smartDecimal-DntD9qTh.js","assets/insights.constants-G43L9nIf.js","assets/InsightsChartFailed-DN0QPpzv.js","assets/InsightsChartFailureRate-C3dsv4PL.js","assets/insights.utils-YrW9I9r0.js","assets/InsightsChartTimeSaved-B2oilVxG.js","assets/InsightsChartAverageRuntime-y2Emf95h.js","assets/InsightsTableWorkflows-BknUrnRI.js","assets/InsightsTableWorkflows-DUqugX05.css"])))=>i.map(i=>d[i]);
(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.16.1`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`1c62724c-de1f-4dfe-8e83-052d8fbe9e2a`,e._sentryDebugIdIdentifier=`sentry-dbid-1c62724c-de1f-4dfe-8e83-052d8fbe9e2a`)})()}catch{}import"./chunk-CACdhNlC.js";import{$ as e,A as t,C as n,E as r,Ft as i,K as a,M as o,N as s,Rt as c,S as l,Sn as u,T as d,Wt as f,X as p,_ as m,_n as h,dt as g,gt as _,j as v,rt as y,st as b,w as x,yt as S}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as C}from"./core-Bz5WjPxS.js";import{Ji as w,Qi as T,Xi as E,Zi as D,ct as O,k,p as A}from"./src-XqE2yCpG.js";import{d as j}from"./get-BjzKP_3k.js";import{t as M}from"./_plugin-vue_export-helper-CIL7EULb.js";import{h as N,l as P,m as F}from"./CalendarDate-BT_sdKiu.js";import{Rt as I,ai as L,fr as R,ri as z}from"./users.store-xP93bV7X.js";import{t as B}from"./dialog-Bs3PLrml.js";import{t as V}from"./usePageRedirectionHelper-CC6sh9o0.js";import{t as H}from"./ProjectSharing-Bd5m-jW4.js";import{t as ee}from"./insights.store-i6LlshbL.js";import{s as te}from"./insights.constants-G43L9nIf.js";import{a as U,i as ne,n as W,t as G}from"./insights.utils-YrW9I9r0.js";import{t as re}from"./InsightsSummary-fRg21vR0.js";var K={class:`perks-list`},q={class:`insight-modal-button-container`},J=M(s({__name:`InsightsUpgradeModal`,props:{modelValue:{type:Boolean},modelModifiers:{}},emits:[`update:modelValue`],setup(i){let a=g(i,`modelValue`),o=C();function s(){a.value=!1,V().goToUpgrade(`insights`,`upgrade-insights`)}let c=l(()=>[...[,,,].keys()].map(e=>o.baseText(`insights.upgradeModal.perks.${e}`)));return(i,l)=>(e(),x(f(B),{modelValue:a.value,"onUpdate:modelValue":l[1]||=e=>a.value=e,title:f(o).baseText(`insights.upgradeModal.title`),width:`500`},{footer:S(()=>[n(`div`,q,[v(f(D),{variant:`subtle`,onClick:l[0]||=e=>a.value=!1},{default:S(()=>[t(u(f(o).baseText(`insights.upgradeModal.button.dismiss`)),1)]),_:1}),v(f(D),{variant:`solid`,onClick:s},{default:S(()=>[t(u(f(o).baseText(`generic.upgrade`)),1)]),_:1})])]),default:S(()=>[n(`div`,null,[v(f(E),{tag:`p`,class:`mb-s`},{default:S(()=>[t(u(f(o).baseText(`insights.upgradeModal.content`)),1)]),_:1}),n(`ul`,K,[(e(!0),r(m,null,y(c.value,r=>(e(),x(f(E),{key:r,color:`text-dark`,tag:`li`},{default:S(()=>[l[2]||=n(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,width:`16px`,height:`16px`},[n(`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),t(` `+u(r),1)]),_:2},1024))),128))])])]),_:1},8,[`modelValue`,`title`]))}}),[[`__scopeId`,`data-v-fdfc14aa`]]),ie=M(s({__name:`InsightsDataRangePicker`,props:{maxValue:{},minValue:{},modelValue:{},presets:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:open`],setup(n,{emit:a}){let o=n,s=a,p=R(),g=i(!1);function b(){g.value=!0}let C=i(`custom`);function w({start:e,end:t}){return!e||!t?0:t.compare(e)}function E(e,t){return e.compare(t)<=0}function O(e,t){return e.compare(t)>=0}function k(e,t){return!e||!t?!1:e.compare(t)===0}function j({start:e,end:t}){return!e||!t?!1:E(t,o.maxValue)&&O(e,o.minValue)}let M=c({start:o.modelValue.start?.copy(),end:o.modelValue.end?.copy()});function N(){(!k(M.value?.start,o.modelValue.start)||!k(M.value?.end,o.modelValue.end))&&(M.value={start:o.modelValue.start?.copy(),end:o.modelValue.end?.copy()})}let I=null;function L(e){if(e){N();return}let t={start:M.value?.start?.copy(),end:M.value?.end?.copy()??M.value?.start?.copy()};if(!j(t)){console.error(`Invalid date range selected`,t),N();return}if(I&&k(t.start,I.start)&&k(t.end,I.end)||k(t.start,o.modelValue.start)&&k(t.end,o.modelValue.end))return;I=t,s(`update:modelValue`,t);let{startDate:n,endDate:r}=W(t),i={start_date:n.toISOString(),end_date:r.toISOString(),range_length_days:w(t),type:C.value};p.track(`User updated insights time range`,i)}let z=i(!1);_(z,e=>{e&&(C.value=`custom`),L(e)});function B(e){M.value={start:o.maxValue.copy().subtract({days:e}),end:o.maxValue.copy()},C.value=`preset`,z.value=!1}let V=l(()=>{let{start:e,end:t}=o.modelValue;return e?G({start:e,end:t}):`Select range`});function H(e){return P(o.modelValue.end,F())?o.modelValue.end.compare(o.modelValue.start)===e:!1}return(i,a)=>(e(),r(m,null,[v(f(A),{modelValue:M.value,"onUpdate:modelValue":a[0]||=e=>M.value=e,open:z.value,"onUpdate:open":a[1]||=e=>z.value=e,"max-value":n.maxValue,"min-value":n.minValue},{trigger:S(()=>[v(f(D),{variant:`subtle`,icon:`calendar`},{default:S(()=>[t(u(V.value),1)]),_:1})]),presets:S(()=>[(e(!0),r(m,null,y(n.presets,n=>(e(),x(f(D),{key:n.value,class:h(i.$style.PresetButton),variant:H(n.value)?`solid`:`outline`,size:`small`,onClick:e=>n.disabled?b():B(n.value)},{default:S(()=>[t(u(n.label)+` `,1),n.disabled?(e(),x(f(T),{key:0,icon:`lock`,class:h(i.$style.LockIcon)},null,8,[`class`])):d(``,!0)]),_:2},1032,[`class`,`variant`,`onClick`]))),128))]),_:1},8,[`modelValue`,`open`,`max-value`,`min-value`]),v(J,{modelValue:g.value,"onUpdate:modelValue":a[2]||=e=>g.value=e},null,8,[`modelValue`])],64))}}),[[`__cssModules`,{$style:{PresetButton:`_PresetButton_1waws_2`,LockIcon:`_LockIcon_1waws_7`}}]]),ae={class:`mt-s`,style:{display:`flex`,gap:`12px`,"align-items":`center`}},Y=M(s({__name:`InsightsDashboard`,props:{insightType:{}},setup(s){let m=o(async()=>await j(()=>import(`./InsightsPaywall-zFQfwJ04.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24]))),g=o(async()=>await j(()=>import(`./InsightsChartTotal-DnyIo9Bk.js`),__vite__mapDeps([25,8,6,3,5,26,27,28,15,29,30,20]))),y=o(async()=>await j(()=>import(`./InsightsChartFailed-DN0QPpzv.js`),__vite__mapDeps([31,8,6,3,5,26,27,29,28,15,30,20]))),T=o(async()=>await j(()=>import(`./InsightsChartFailureRate-C3dsv4PL.js`),__vite__mapDeps([32,8,6,3,5,26,27,29,28,15,30,20,33,7]))),E=o(async()=>await j(()=>import(`./InsightsChartTimeSaved-B2oilVxG.js`),__vite__mapDeps([34,8,6,3,5,27,26,28,15,29,30,20,33,7]))),D=o(async()=>await j(()=>import(`./InsightsChartAverageRuntime-y2Emf95h.js`),__vite__mapDeps([35,8,6,3,5,27,26,29,28,15,30,20,33,7]))),A=o(async()=>await j(()=>import(`./InsightsTableWorkflows-BknUrnRI.js`),__vite__mapDeps([36,1,2,3,4,5,6,7,8,9,10,11,12,14,15,16,17,18,19,20,21,22,29,30,33,37]))),M=s,P=O(),R=C(),B=ee(),V=L(),G=l(()=>P.params.insightType===te.TIME_SAVED),K=l(()=>({total:g,failed:y,failureRate:T,timeSaved:E,averageRunTime:D})),q=({id:e,desc:t})=>`${e}:${t?`desc`:`asc`}`,J=i([{id:M.insightType,desc:!0}]),Y=l(()=>{let{start:e,end:t}=Q.value;if(!e||!t)return`day`;let n=t.compare(e);return n<=0?`hour`:n<=30?`day`:`week`}),X=i(null),Z=N(F()),oe=B.dateRanges.toReversed().find(e=>e.licensed)?.key??`week`,se=ne(),ce=l(()=>B.dateRanges.map(e=>({value:U[e.key],label:se[e.key],disabled:!e.licensed}))),le=c(Z.copy()),ue=c(Z.copy().subtract({days:U[oe]})),Q=c({start:Z.copy().subtract({days:7}),end:Z.copy()}),$=()=>W(Q.value),de=({page:e=0,itemsPerPage:t=25,sortBy:n,projectId:r=X.value?.id})=>{let i=e*t,a=t,o=n.length?q(n[0]):void 0,{startDate:s,endDate:c}=$();B.table.execute(0,{skip:i,take:a,sortBy:o,startDate:s,endDate:c,projectId:r})};_(()=>[M.insightType,X.value,Q.value],()=>{J.value=[{id:M.insightType,desc:!0}];let{startDate:e,endDate:t}=$();B.isSummaryEnabled&&B.summary.execute(0,{startDate:e,endDate:t,projectId:X.value?.id}),B.charts.execute(0,{startDate:e,endDate:t,projectId:X.value?.id}),B.isDashboardEnabled&&de({sortBy:J.value,projectId:X.value?.id})},{immediate:!0}),p(()=>{I().set(R.baseText(`insights.heading`))});let fe=/^<([A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,})>$/,pe=z(),me=e=>!!e.name&&!fe.test(e.name.trim());return a(async()=>{V.globalProjectPermissions.list||await V.getAvailableProjects()}),(i,a)=>(e(),r(`div`,{class:h(i.$style.insightsView)},[n(`div`,{class:h(i.$style.insightsContainer)},[v(f(w),{bold:``,tag:`h2`,size:`xlarge`},{default:S(()=>[t(u(f(R).baseText(`insights.dashboard.title`)),1)]),_:1}),n(`div`,ae,[v(H,{modelValue:X.value,"onUpdate:modelValue":a[0]||=e=>X.value=e,"search-fn":f(pe),"filter-fn":me,placeholder:f(R).baseText(`insights.dashboard.search.placeholder`),"empty-options-text":f(R).baseText(`projects.sharing.noMatchingProjects`),size:`mini`,class:h(i.$style.projectSelect),clearable:``,onClear:a[1]||=e=>X.value=null},null,8,[`modelValue`,`search-fn`,`placeholder`,`empty-options-text`,`class`]),v(ie,{modelValue:Q.value,"onUpdate:modelValue":a[2]||=e=>Q.value=e,"max-value":le.value,"min-value":ue.value,presets:ce.value},null,8,[`modelValue`,`max-value`,`min-value`,`presets`])]),f(B).isSummaryEnabled?(e(),x(re,{key:0,summary:f(B).summary.state,loading:f(B).summary.isLoading,"start-date":Q.value.start,"end-date":Q.value.end,class:h(i.$style.insightsBanner)},null,8,[`summary`,`loading`,`start-date`,`end-date`,`class`])):d(``,!0),n(`div`,{class:h(i.$style.insightsContent)},[f(B).isDashboardEnabled||G.value?(e(),r(`div`,{key:0,class:h(i.$style.insightsContentWrapper)},[n(`div`,{class:h([i.$style.dataLoader,{[i.$style.isDataLoading]:f(B).charts.isLoading||f(B).table.isLoading}])},[v(f(k)),n(`span`,null,u(f(R).baseText(`insights.chart.loading`)),1)],2),n(`div`,{class:h(i.$style.insightsChartWrapper)},[t(u(Y.value)+` `,1),(e(),x(b(K.value[M.insightType]),{type:M.insightType,data:f(B).charts.state,granularity:Y.value,"start-date":Q.value.start.toString(),"end-date":Q.value.end.toString()},null,8,[`type`,`data`,`granularity`,`start-date`,`end-date`]))],2),n(`div`,{class:h(i.$style.insightsTableWrapper)},[v(f(A),{"sort-by":J.value,"onUpdate:sortBy":a[3]||=e=>J.value=e,data:f(B).table.state,loading:f(B).table.isLoading,"is-dashboard-enabled":f(B).isDashboardEnabled,"onUpdate:options":de},null,8,[`sort-by`,`data`,`loading`,`is-dashboard-enabled`])],2)],2)):(e(),x(f(m),{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`}}]]);export{Y as default};
//# sourceMappingURL=InsightsDashboard-wUygzzZ7.js.map