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

Workflow Editor UI for n8n

const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-bXAVnpA7.js","assets/_plugin-vue_export-helper-Dm3nT7Ps.js","assets/src-wni2AGA3.js","assets/CalendarDate-CgcSr8SP.js","assets/_MapCache-CUJwh2qp.js","assets/vue.runtime.esm-bundler-D9KLAxvJ.js","assets/chunk-DxpFCn6T.js","assets/sanitize-html-my1ogl5v.js","assets/en-QTm5tviq.js","assets/src-DDk97x4F.css","assets/constants-CIP7tKq1.js","assets/merge-BqvKZ38d.js","assets/expression-runtime-stub-DDm9ecP_.js","assets/users.store-BHWXXawf.js","assets/_baseOrderBy-CaKruttV.js","assets/dateformat-CYfyw486.js","assets/useDebounce-CTeIt-cH.js","assets/versions.store-CNV-esbv.js","assets/usePageRedirectionHelper-Dxb_B6-R.js","assets/InsightsPaywall-CGFftIXb.css","assets/InsightsChartTotal-YeubKP_n.js","assets/dist-DCXTMsxp.js","assets/chart-y0goNHjN.js","assets/chartjs.utils-CB90P002.js","assets/smartDecimal-CsR7Dvbd.js","assets/insights.constants-BWd0PYhd.js","assets/InsightsChartFailed-CzT2WHw6.js","assets/InsightsChartFailureRate-CFaXEF4c.js","assets/insights.utils-BGXnT8rV.js","assets/InsightsChartTimeSaved-DMu8QWDF.js","assets/InsightsChartAverageRuntime-D1KNfRDY.js","assets/InsightsTableWorkflows-ddebLBb7.js","assets/InsightsTableWorkflows-Dun0Wnwl.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.13.4`}}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]=`9a2d8729-d2dc-44cc-aa52-8750015ed08c`,e._sentryDebugIdIdentifier=`sentry-dbid-9a2d8729-d2dc-44cc-aa52-8750015ed08c`)})()}catch{}import{o as e}from"./chunk-DxpFCn6T.js";import{$ as t,A as n,C as r,E as i,Ft as a,K as o,M as s,N as c,Rt as l,S as u,Sn as d,T as f,Wt as p,X as m,_ as h,_n as g,dt as _,gt as v,j as y,rt as b,st as x,w as S,yt as C}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as w}from"./_MapCache-CUJwh2qp.js";import{$i as T,Qi as E,R as D,Yi as O,Zi as k,gt as A,na as j,p as M}from"./src-wni2AGA3.js";import{t as N}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import{h as P,l as F,m as I}from"./CalendarDate-CgcSr8SP.js";import"./sanitize-html-my1ogl5v.js";import{Ft as L,en as R,vn as z}from"./users.store-BHWXXawf.js";import{t as B}from"./dialog-DkHaT5V1.js";import"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import"./versions.store-CNV-esbv.js";import{t as V}from"./usePageRedirectionHelper-Dxb_B6-R.js";import"./ProjectIcon-BBMQDCgu.js";import"./orderBy-D1a3yE-B.js";import{t as H}from"./ProjectSharing-XbSSp3Qv.js";import{t as ee}from"./insights.store-DoHmMCwa.js";import{s as te}from"./insights.constants-BWd0PYhd.js";import{a as U,i as ne,n as W,t as G}from"./insights.utils-BGXnT8rV.js";import{t as re}from"./InsightsSummary-CbWiDO6-.js";var K={class:`perks-list`},q={class:`insight-modal-button-container`},J=N(c({__name:`InsightsUpgradeModal`,props:{modelValue:{type:Boolean},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let a=_(e,`modelValue`),o=w();function s(){a.value=!1,V().goToUpgrade(`insights`,`upgrade-insights`)}let c=u(()=>[...[,,,].keys()].map(e=>o.baseText(`insights.upgradeModal.perks.${e}`)));return(e,l)=>(t(),S(p(B),{modelValue:a.value,"onUpdate:modelValue":l[1]||=e=>a.value=e,title:p(o).baseText(`insights.upgradeModal.title`),width:`500`},{footer:C(()=>[r(`div`,q,[y(p(E),{variant:`subtle`,onClick:l[0]||=e=>a.value=!1},{default:C(()=>[n(d(p(o).baseText(`insights.upgradeModal.button.dismiss`)),1)]),_:1}),y(p(E),{variant:`solid`,onClick:s},{default:C(()=>[n(d(p(o).baseText(`generic.upgrade`)),1)]),_:1})])]),default:C(()=>[r(`div`,null,[y(p(k),{tag:`p`,class:`mb-s`},{default:C(()=>[n(d(p(o).baseText(`insights.upgradeModal.content`)),1)]),_:1}),r(`ul`,K,[(t(!0),i(h,null,b(c.value,e=>(t(),S(p(k),{key:e,color:`text-dark`,tag:`li`},{default:C(()=>[l[2]||=r(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,width:`16px`,height:`16px`},[r(`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(` `+d(e),1)]),_:2},1024))),128))])])]),_:1},8,[`modelValue`,`title`]))}}),[[`__scopeId`,`data-v-fdfc14aa`]]),ie=N(c({__name:`InsightsDataRangePicker`,props:{maxValue:{},minValue:{},modelValue:{},presets:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:open`],setup(e,{emit:r}){let o=e,s=r,c=R(),m=a(!1);function _(){m.value=!0}let x=a(`custom`);function w({start:e,end:t}){return!e||!t?0:t.compare(e)}function D(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 A({start:e,end:t}){return!e||!t?!1:D(t,o.maxValue)&&O(e,o.minValue)}let j=l({start:o.modelValue.start?.copy(),end:o.modelValue.end?.copy()});function N(){(!k(j.value?.start,o.modelValue.start)||!k(j.value?.end,o.modelValue.end))&&(j.value={start:o.modelValue.start?.copy(),end:o.modelValue.end?.copy()})}let P=null;function L(e){if(e){N();return}let t={start:j.value?.start?.copy(),end:j.value?.end?.copy()??j.value?.start?.copy()};if(!A(t)){console.error(`Invalid date range selected`,t),N();return}if(P&&k(t.start,P.start)&&k(t.end,P.end)||k(t.start,o.modelValue.start)&&k(t.end,o.modelValue.end))return;P=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:x.value};c.track(`User updated insights time range`,i)}let z=a(!1);v(z,e=>{e&&(x.value=`custom`),L(e)});function B(e){j.value={start:o.maxValue.copy().subtract({days:e}),end:o.maxValue.copy()},x.value=`preset`,z.value=!1}let V=u(()=>{let{start:e,end:t}=o.modelValue;return e?G({start:e,end:t}):`Select range`});function H(e){return F(o.modelValue.end,I())?o.modelValue.end.compare(o.modelValue.start)===e:!1}return(r,a)=>(t(),i(h,null,[y(p(M),{modelValue:j.value,"onUpdate:modelValue":a[0]||=e=>j.value=e,open:z.value,"onUpdate:open":a[1]||=e=>z.value=e,"max-value":e.maxValue,"min-value":e.minValue},{trigger:C(()=>[y(p(E),{variant:`subtle`,icon:`calendar`},{default:C(()=>[n(d(V.value),1)]),_:1})]),presets:C(()=>[(t(!0),i(h,null,b(e.presets,e=>(t(),S(p(E),{key:e.value,class:g(r.$style.PresetButton),variant:H(e.value)?`solid`:`outline`,size:`small`,onClick:t=>e.disabled?_():B(e.value)},{default:C(()=>[n(d(e.label)+` `,1),e.disabled?(t(),S(p(T),{key:0,icon:`lock`,class:g(r.$style.LockIcon)},null,8,[`class`])):f(``,!0)]),_:2},1032,[`class`,`variant`,`onClick`]))),128))]),_:1},8,[`modelValue`,`open`,`max-value`,`min-value`]),y(J,{modelValue:m.value,"onUpdate:modelValue":a[2]||=e=>m.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=N(c({__name:`InsightsDashboard`,props:{insightType:{}},setup(e){let c=s(async()=>await j(()=>import(`./InsightsPaywall-bXAVnpA7.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]))),h=s(async()=>await j(()=>import(`./InsightsChartTotal-YeubKP_n.js`),__vite__mapDeps([20,4,5,6,15,11,21,22,23,24,25]))),_=s(async()=>await j(()=>import(`./InsightsChartFailed-CzT2WHw6.js`),__vite__mapDeps([26,4,5,6,15,11,21,22,24,23,25]))),b=s(async()=>await j(()=>import(`./InsightsChartFailureRate-CFaXEF4c.js`),__vite__mapDeps([27,4,5,6,15,11,21,22,24,23,25,28,3]))),T=s(async()=>await j(()=>import(`./InsightsChartTimeSaved-DMu8QWDF.js`),__vite__mapDeps([29,4,5,6,22,15,11,21,23,24,25,28,3]))),E=s(async()=>await j(()=>import(`./InsightsChartAverageRuntime-D1KNfRDY.js`),__vite__mapDeps([30,4,5,6,22,15,11,21,24,23,25,28,3]))),k=s(async()=>await j(()=>import(`./InsightsTableWorkflows-ddebLBb7.js`),__vite__mapDeps([31,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,24,25,28,32]))),M=e,N=A(),F=w(),R=ee(),B=L(),V=u(()=>N.params.insightType===te.TIME_SAVED),G=u(()=>({total:h,failed:_,failureRate:b,timeSaved:T,averageRunTime:E})),K=({id:e,desc:t})=>`${e}:${t?`desc`:`asc`}`,q=a([{id:M.insightType,desc:!0}]),J=u(()=>{let{start:e,end:t}=Z.value;if(!e||!t)return`day`;let n=t.compare(e);return n<=0?`hour`:n<=30?`day`:`week`}),Y=a(null),X=P(I()),oe=R.dateRanges.toReversed().find(e=>e.licensed)?.key??`week`,se=ne(),ce=u(()=>R.dateRanges.map(e=>({value:U[e.key],label:se[e.key],disabled:!e.licensed}))),le=l(X.copy()),ue=l(X.copy().subtract({days:U[oe]})),Z=l({start:X.copy().subtract({days:7}),end:X.copy()}),Q=()=>W(Z.value),$=({page:e=0,itemsPerPage:t=25,sortBy:n,projectId:r=Y.value?.id})=>{let i=e*t,a=t,o=n.length?K(n[0]):void 0,{startDate:s,endDate:c}=Q();R.table.execute(0,{skip:i,take:a,sortBy:o,startDate:s,endDate:c,projectId:r})};v(()=>[M.insightType,Y.value,Z.value],()=>{q.value=[{id:M.insightType,desc:!0}];let{startDate:e,endDate:t}=Q();R.isSummaryEnabled&&R.summary.execute(0,{startDate:e,endDate:t,projectId:Y.value?.id}),R.charts.execute(0,{startDate:e,endDate:t,projectId:Y.value?.id}),R.isDashboardEnabled&&$({sortBy:q.value,projectId:Y.value?.id})},{immediate:!0}),m(()=>{z().set(F.baseText(`insights.heading`))}),o(async()=>{await B.getAvailableProjects()});let de=/^<([A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,})>$/,fe=u(()=>B.availableProjects.filter(e=>e.name&&!de.test(e.name.trim())));return(e,a)=>(t(),i(`div`,{class:g(e.$style.insightsView)},[r(`div`,{class:g(e.$style.insightsContainer)},[y(p(O),{bold:``,tag:`h2`,size:`xlarge`},{default:C(()=>[n(d(p(F).baseText(`insights.dashboard.title`)),1)]),_:1}),r(`div`,ae,[y(H,{modelValue:Y.value,"onUpdate:modelValue":a[0]||=e=>Y.value=e,projects:fe.value,placeholder:p(F).baseText(`insights.dashboard.search.placeholder`),"empty-options-text":p(F).baseText(`projects.sharing.noMatchingProjects`),size:`mini`,class:g(e.$style.projectSelect),clearable:``,onClear:a[1]||=e=>Y.value=null},null,8,[`modelValue`,`projects`,`placeholder`,`empty-options-text`,`class`]),y(ie,{modelValue:Z.value,"onUpdate:modelValue":a[2]||=e=>Z.value=e,"max-value":le.value,"min-value":ue.value,presets:ce.value},null,8,[`modelValue`,`max-value`,`min-value`,`presets`])]),p(R).isSummaryEnabled?(t(),S(re,{key:0,summary:p(R).summary.state,loading:p(R).summary.isLoading,"start-date":Z.value.start,"end-date":Z.value.end,class:g(e.$style.insightsBanner)},null,8,[`summary`,`loading`,`start-date`,`end-date`,`class`])):f(``,!0),r(`div`,{class:g(e.$style.insightsContent)},[p(R).isDashboardEnabled||V.value?(t(),i(`div`,{key:0,class:g(e.$style.insightsContentWrapper)},[r(`div`,{class:g([e.$style.dataLoader,{[e.$style.isDataLoading]:p(R).charts.isLoading||p(R).table.isLoading}])},[y(p(D)),r(`span`,null,d(p(F).baseText(`insights.chart.loading`)),1)],2),r(`div`,{class:g(e.$style.insightsChartWrapper)},[n(d(J.value)+` `,1),(t(),S(x(G.value[M.insightType]),{type:M.insightType,data:p(R).charts.state,granularity:J.value,"start-date":Z.value.start.toString(),"end-date":Z.value.end.toString()},null,8,[`type`,`data`,`granularity`,`start-date`,`end-date`]))],2),r(`div`,{class:g(e.$style.insightsTableWrapper)},[y(p(k),{"sort-by":q.value,"onUpdate:sortBy":a[3]||=e=>q.value=e,data:p(R).table.state,loading:p(R).table.isLoading,"is-dashboard-enabled":p(R).isDashboardEnabled,"onUpdate:options":$},null,8,[`sort-by`,`data`,`loading`,`is-dashboard-enabled`])],2)],2)):(t(),S(p(c),{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-CuKj5QdH.js.map