n8n-editor-ui/dist/assets/EvaluationsRootView-DB2KmEH5.js

Workflow Editor UI for n8n

(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]=`a001db8b-2946-400e-b5e9-b3835a784f18`,e._sentryDebugIdIdentifier=`sentry-dbid-a001db8b-2946-400e-b5e9-b3835a784f18`)})()}catch{}import{$ as e,A as t,C as n,E as r,Ft as i,N as a,S as o,Sn as s,T as c,Wt as l,_ as u,_n as d,at as f,gt as p,it as m,j as h,w as g,yt as _}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as v,x as y,xt as b}from"./_MapCache-CUJwh2qp.js";import{$i as x,Qi as S,Ri as C,Ut as w,Xi as T,Zi as E,_t as D,lt as O}from"./src-wni2AGA3.js";import{t as k}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import{$a as A,Ar as j,E as M,Tr as N,en as P,r as F,s as I}from"./users.store-BHWXXawf.js";import{_ as L,ms as R}from"./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 z}from"./usePageRedirectionHelper-Dxb_B6-R.js";import{t as B}from"./usage.store-Djhh9hUt.js";var V=a({__name:`EvaluationsPaywall`,setup(t){let n=v(),r=F(),i=async()=>{r.openModalWithData({name:A,data:{customHeading:void 0}})};return(t,r)=>(e(),g(l(C),{"data-test-id":`evaluations-unlicensed`,heading:l(n).baseText(`evaluations.paywall.title`),description:l(n).baseText(`evaluations.paywall.description`),"button-text":l(n).baseText(`evaluations.paywall.cta`),onClick:i},null,8,[`heading`,`description`,`button-text`]))}}),H=k(a({__name:`StepIndicator`,props:{stepNumber:{},isCompleted:{type:Boolean},isActive:{type:Boolean}},setup(n){return(i,a)=>(e(),r(`div`,{class:d([i.$style.stepIndicator,n.isCompleted&&i.$style.completed,n.isActive&&i.$style.active,!n.isActive&&!n.isCompleted&&i.$style.inactive])},[n.isCompleted?(e(),g(l(x),{key:0,icon:`check`,size:`xsmall`})):(e(),r(u,{key:1},[t(s(n.stepNumber),1)],64))],2))}}),[[`__cssModules`,{$style:{stepIndicator:`_stepIndicator_1oszv_125`,active:`_active_1oszv_139`,completed:`_completed_1oszv_143`,inactive:`_inactive_1oszv_148`}}]]),U=k(a({__name:`StepHeader`,props:{stepNumber:{},title:{},isCompleted:{type:Boolean},isActive:{type:Boolean},isOptional:{type:Boolean}},emits:[`click`],setup(i,{emit:a}){let o=a,u=v(),f=e=>{!e.target.closest(`button`)&&!e.target.closest(`a`)&&!e.target.closest(`input`)&&!e.target.closest(`select`)&&o(`click`)};return(a,o)=>(e(),r(`div`,{class:d(a.$style.stepHeader),onClick:f},[h(H,{"step-number":i.stepNumber,"is-completed":i.isCompleted,"is-active":i.isActive},null,8,[`step-number`,`is-completed`,`is-active`]),n(`div`,{class:d(a.$style.titleSlot)},[m(a.$slots,`default`,{},()=>[h(l(E),{size:`medium`,color:i.isActive||i.isCompleted?`text-dark`:`text-light`,tag:`span`,bold:``},{default:_(()=>[t(s(i.title),1)]),_:1},8,[`color`])])],2),i.isOptional?(e(),g(l(w),{key:0,style:{"background-color":`var(--color--background)`,border:`none`}},{default:_(()=>[t(s(l(u).baseText(`evaluations.setupWizard.stepHeader.optional`)),1)]),_:1})):c(``,!0)],2))}}),[[`__cssModules`,{$style:{stepHeader:`_stepHeader_xciv4_125`}}]]),W=k(a({__name:`SetupWizard`,emits:[`runTest`],setup(a){let u=D(),f=v(),p=I(),m=M(),y=B(),x=z(),C=o(()=>m.testRunsByWorkflowId[p.workflow.id]?.length>0),w=o(()=>y.workflowsWithEvaluationsLimit===-1||y.workflowsWithEvaluationsCount<y.workflowsWithEvaluationsLimit),O=o(()=>y.workflowsWithEvaluationsLimit!==-1&&y.workflowsWithEvaluationsCount>=y.workflowsWithEvaluationsLimit&&!C.value),k=i(0);(()=>{if(O.value){k.value=2;return}m.evaluationTriggerExists&&m.evaluationSetMetricsNodeExist?k.value=3:m.evaluationTriggerExists&&m.evaluationSetOutputsNodeExist?k.value=2:m.evaluationTriggerExists?k.value=1:k.value=0})();let A=e=>{k.value=e};function j(e){let t=p.workflow.id||`new`;u.push({name:R.WORKFLOW,params:{name:t},query:e?{action:e}:void 0})}function N(){x.goToUpgrade(`evaluations`,`upgrade-evaluations`)}return(i,a)=>(e(),r(`div`,{class:d(i.$style.container),"data-test-id":`evaluation-setup-wizard`},[n(`div`,{class:d(i.$style.steps)},[n(`div`,{class:d([i.$style.step,i.$style.completed])},[h(U,{"step-number":1,title:l(f).baseText(`evaluations.setupWizard.step1.title`),"is-completed":l(m).evaluationTriggerExists,"is-active":k.value===0,onClick:a[0]||=e=>A(0)},null,8,[`title`,`is-completed`,`is-active`]),k.value===0?(e(),r(`div`,{key:0,class:d(i.$style.stepContent)},[n(`ul`,{class:d(i.$style.bulletPoints)},[n(`li`,null,[h(l(E),{size:`small`,color:`text-base`},{default:_(()=>[t(s(l(f).baseText(`evaluations.setupWizard.step1.item1`)),1)]),_:1})]),n(`li`,null,[h(l(E),{size:`small`,color:`text-base`},{default:_(()=>[t(s(l(f).baseText(`evaluations.setupWizard.step1.item2`)),1)]),_:1})])],2),n(`div`,{class:d(i.$style.actionButton)},[h(l(S),{variant:`subtle`,size:`small`,onClick:a[1]||=e=>j(`addEvaluationTrigger`)},{default:_(()=>[t(s(l(f).baseText(`evaluations.setupWizard.step1.button`)),1)]),_:1})],2)],2)):c(``,!0)],2),n(`div`,{class:d([i.$style.step,k.value===1?i.$style.active:``])},[h(U,{"step-number":2,title:l(f).baseText(`evaluations.setupWizard.step2.title`),"is-completed":l(m).evaluationSetOutputsNodeExist,"is-active":k.value===1,onClick:a[2]||=e=>A(1)},null,8,[`title`,`is-completed`,`is-active`]),k.value===1?(e(),r(`div`,{key:0,class:d(i.$style.stepContent)},[n(`ul`,{class:d(i.$style.bulletPoints)},[n(`li`,null,[h(l(E),{size:`small`,color:`text-base`},{default:_(()=>[t(s(l(f).baseText(`evaluations.setupWizard.step2.item1`)),1)]),_:1})])],2),n(`div`,{class:d(i.$style.actionButton)},[h(l(S),{variant:`subtle`,size:`small`,onClick:a[3]||=e=>j(`addEvaluationNode`)},{default:_(()=>[t(s(l(f).baseText(`evaluations.setupWizard.step2.button`)),1)]),_:1})],2)],2)):c(``,!0)],2),n(`div`,{class:d(i.$style.step)},[h(U,{"step-number":3,title:l(f).baseText(`evaluations.setupWizard.step3.title`),"is-completed":l(m).evaluationSetMetricsNodeExist,"is-active":k.value===2,"is-optional":!0,onClick:a[4]||=e=>A(2)},null,8,[`title`,`is-completed`,`is-active`]),k.value===2?(e(),r(`div`,{key:0,class:d(i.$style.stepContent)},[O.value?(e(),g(l(T),{key:1,theme:`warning`,iconless:``},{default:_(()=>[t(s(l(f).baseText(`evaluations.setupWizard.limitReached`)),1)]),_:1})):(e(),r(`ul`,{key:0,class:d(i.$style.bulletPoints)},[n(`li`,null,[h(l(E),{size:`small`,color:`text-base`},{default:_(()=>[t(s(l(f).baseText(`evaluations.setupWizard.step3.item1`)),1)]),_:1})]),n(`li`,null,[h(l(E),{size:`small`,color:`text-base`},{default:_(()=>[t(s(l(f).baseText(`evaluations.setupWizard.step3.item2`)),1)]),_:1})])],2)),n(`div`,{class:d(i.$style.actionButton)},[O.value?(e(),g(l(S),{key:1,size:`small`,onClick:N},{default:_(()=>[t(s(l(f).baseText(`generic.seePlans`)),1)]),_:1})):(e(),g(l(S),{key:0,variant:`subtle`,size:`small`,onClick:a[5]||=e=>j(`addEvaluationNode`)},{default:_(()=>[t(s(l(f).baseText(`evaluations.setupWizard.step3.button`)),1)]),_:1})),h(l(S),{variant:`ghost`,size:`small`,style:{color:`var(--color--text--tint-1)`},onClick:a[6]||=e=>A(3)},{default:_(()=>[t(s(l(f).baseText(`evaluations.setupWizard.step3.skip`)),1)]),_:1})],2),l(y).workflowsWithEvaluationsLimit!==-1&&w.value?(e(),r(`div`,{key:2,class:d(i.$style.quotaNote)},[h(l(E),{size:`xsmall`,color:`text-base`},{default:_(()=>[h(l(b),{keypath:`evaluations.setupWizard.step3.notice`,scope:`global`},{link:_(()=>[n(`a`,{style:{"text-decoration":`underline`,color:`inherit`},onClick:N},s(l(f).baseText(`evaluations.setupWizard.step3.notice.link`)),1)]),_:1})]),_:1})],2)):c(``,!0)],2)):c(``,!0)],2),n(`div`,{class:d(i.$style.step)},[h(U,{"step-number":4,title:l(f).baseText(`evaluations.setupWizard.step4.title`),"is-completed":!1,"is-active":k.value===3,onClick:a[9]||=e=>A(3)},{default:_(()=>[n(`div`,{class:d([i.$style.actionButton,i.$style.actionButtonInline])},[l(m).evaluationSetMetricsNodeExist&&!O.value?(e(),g(l(S),{key:0,variant:`subtle`,size:`medium`,disabled:!l(m).evaluationTriggerExists||!l(m).evaluationSetOutputsNodeExist&&!l(m).evaluationSetMetricsNodeExist,onClick:a[7]||=e=>i.$emit(`runTest`)},{default:_(()=>[t(s(l(f).baseText(`evaluations.setupWizard.step4.button`)),1)]),_:1},8,[`disabled`])):(e(),g(l(S),{key:1,variant:`subtle`,size:`medium`,disabled:!l(m).evaluationTriggerExists||!l(m).evaluationSetOutputsNodeExist&&!l(m).evaluationSetMetricsNodeExist,onClick:a[8]||=e=>j(`executeEvaluation`)},{default:_(()=>[t(s(l(f).baseText(`evaluations.setupWizard.step4.altButton`)),1)]),_:1},8,[`disabled`]))],2)]),_:1},8,[`title`,`is-active`])],2)],2)],2))}}),[[`__cssModules`,{$style:{container:`_container_1j428_125`,steps:`_steps_1j428_129`,step:`_step_1j428_129`,stepContent:`_stepContent_1j428_139`,slideDown:`_slideDown_1j428_1`,bulletPoints:`_bulletPoints_1j428_144`,actionButton:`_actionButton_1j428_151`,actionButtonInline:`_actionButtonInline_1j428_160`,quotaNote:`_quotaNote_1j428_164`}}]]),G=k(a({__name:`EvaluationsRootView`,props:{name:{}},setup(i){let a=i,u=B(),m=M(),b=P(),x=N(),S=v(),C=j(),w=o(()=>u.workflowsWithEvaluationsLimit!==0),D=o(()=>C.preferences.branchReadOnly),k=o(()=>Object.values(m.testRunsById??{}).filter(({workflowId:e})=>e===a.name)),A=o(()=>k.value.length>0),F=o(()=>!A.value);async function I(){try{await m.startTestRun(a.name)}catch(e){x.showError(e,S.baseText(`evaluation.listRuns.error.cantStartTestRun`));return}try{await m.fetchTestRuns(a.name)}catch(e){x.showError(e,S.baseText(`evaluation.listRuns.error.cantFetchTestRuns`))}}let R=o(()=>u.workflowsWithEvaluationsLimit!==-1&&u.workflowsWithEvaluationsCount>=u.workflowsWithEvaluationsLimit&&!A.value),{isReady:z}=y(async()=>{try{await u.getLicenseInfo(),await m.fetchTestRuns(a.name)}catch(e){x.showError(e,S.baseText(`evaluation.listRuns.error.cantFetchTestRuns`))}},void 0);return p(z,e=>{e&&(F.value?b.track(`User viewed tests tab`,{workflow_id:a.name,test_type:`evaluation`,view:`setup`,trigger_set_up:m.evaluationTriggerExists,output_set_up:m.evaluationSetOutputsNodeExist,metrics_set_up:m.evaluationSetMetricsNodeExist,quota_reached:R.value}):b.track(`User viewed tests tab`,{workflow_id:a.name,test_type:`evaluation`,view:`overview`,run_count:k.value.length}))},{immediate:!0}),(i,a)=>{let o=f(`RouterView`);return e(),r(`div`,{class:d(i.$style.evaluationsView)},[l(z)&&F.value?(e(),r(`div`,{key:0,class:d(i.$style.setupContent)},[n(`div`,null,[h(l(E),{size:`large`,color:`text-dark`,tag:`h3`,bold:``},{default:_(()=>[t(s(l(S).baseText(`evaluations.setupWizard.title`)),1)]),_:1}),h(l(E),{tag:`p`,size:`small`,color:`text-base`,class:d(i.$style.description)},{default:_(()=>[t(s(l(S).baseText(`evaluations.setupWizard.description`))+` `,1),h(l(O),{size:`small`,href:l(L)},{default:_(()=>[t(s(l(S).baseText(`evaluations.setupWizard.moreInfo`)),1)]),_:1},8,[`href`])]),_:1},8,[`class`])]),D.value?(e(),g(l(T),{key:0,theme:`info`,icon:`info`},{default:_(()=>[t(s(l(S).baseText(`evaluations.readOnlyNotice`)),1)]),_:1})):(e(),r(`div`,{key:1,class:d(i.$style.config)},[a[0]||=n(`iframe`,{style:{"min-width":`500px`},width:`500`,height:`280`,src:`https://www.youtube.com/embed/5LlF196PKaE`,title:`n8n Evaluation quickstart`,frameborder:`0`,allow:`accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share`,referrerpolicy:`strict-origin-when-cross-origin`,allowfullscreen:``},null,-1),w.value?(e(),g(W,{key:0,onRunTest:I})):(e(),g(V,{key:1}))],2))],2)):l(z)?(e(),g(o,{key:1})):c(``,!0)],2)}}}),[[`__cssModules`,{$style:{evaluationsView:`_evaluationsView_1ydf9_125`,setupContent:`_setupContent_1ydf9_132`,description:`_description_1ydf9_141`,config:`_config_1ydf9_146`,setupDescription:`_setupDescription_1ydf9_152`}}]]);export{G as default};
//# sourceMappingURL=EvaluationsRootView-DB2KmEH5.js.map