n8n-editor-ui/dist/assets/SetupWorkflowFromTemplateView-legacy-9wBKKPzP.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(["./vue.runtime.esm-bundler-legacy-BW6xDdqj.js","./core-legacy-VD8c7QJ-.js","./src-legacy-B67uuxhB.js","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./users.store-legacy-azRUgFdP.js","./constants-legacy-2_ytuuS3.js","./useRootStore-legacy-CC08el-l.js","./setupPanel.store-legacy-CxgQYJWF.js","./SetupTemplateFormStep-legacy-6Z9edR1H.js","./templateActions-legacy-BLa1ZN-O.js","./TemplatesView-legacy-jGljU3FD.js"],(function(e,t){var a,l,n,i,s,d,r,o,c,u,p,y,f,m,_,g,v,w,b,C,k,h,S,T,I,x,A,j,E,F,$,R,U,B,K,L,P,W,D,O,N,M,V,q,z,H;return{setters:[function(e){a=e.$,l=e.A,n=e.C,i=e.E,s=e.Ft,d=e.N,r=e.S,o=e.Sn,c=e.Wt,u=e.X,p=e._,y=e._n,f=e.gt,m=e.j,_=e.rt,g=e.w,v=e.yt},function(e){w=e.at},function(e){b=e.Di,C=e.Ji,k=e.Zi,h=e.ct,S=e.jt,T=e.lt,I=e.tt},function(e){x=e.t},function(e){A=e.Ea,j=e.Ht,E=e.In,F=e.fr,$=e.it,R=e.qt,U=e.s,B=e.w},function(e){K=e.Qo},function(e){L=e.T,P=e.t},function(e){W=e.t},function(e){D=e.i,O=e.r,N=e.t},function(e){M=e.t},function(e){V=e.t}],execute:function(){(q=document.createElement("style")).textContent="._grid_u018b_125{flex-direction:column;justify-content:center;max-width:768px;margin:0 auto;display:flex}._notice_u018b_133{margin-bottom:var(--spacing--2xl)}._appCredentialsContainer_u018b_137{gap:var(--spacing--2xl);flex-direction:column;display:flex}._appCredential_u018b_137:not(:last-of-type){padding-bottom:var(--spacing--2xl);border-bottom:1px solid var(--color--foreground--tint-1)}._actions_u018b_148{margin-top:var(--spacing--3xl);margin-bottom:var(--spacing--3xl);justify-content:space-between;align-items:center;display:flex}\n/*$vite$:1*/",document.head.appendChild(q);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(Q=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[Q]="b5b92689-0ed1-4162-ba07-8537fa4dd47d",t._sentryDebugIdIdentifier="sentry-dbid-b5b92689-0ed1-4162-ba07-8537fa4dd47d")}catch(t){}var t,Q;z=L("setupTemplate",(()=>{const e=s(""),t=s(!0),a=s(!1),l=R(),n=B(),i=$(),d=P(),o=U(),c=r((()=>e.value?l.getFullTemplateById(e.value):null)),{appCredentials:u,credentialOverrides:p,credentialUsages:y,credentialsByKey:f,nodesRequiringCredentialsSorted:m,numFilledCredentials:_,selectedCredentialIdByKey:g,setSelectedCredentialId:v,unsetSelectedCredential:w}=D(r((()=>c.value?.workflow.nodes??[]))),b=new Set(["httpBasicAuth","httpCustomAuth","httpDigestAuth","httpHeaderAuth","oAuth1Api","oAuth2Api","httpQueryAuth"]),C=()=>{for(const e of y.value){if(b.has(e.credentialType))continue;const t=i.getCredentialsByType(e.credentialType);1===t.length&&(g.value[e.key]=t[0].id)}},k=async()=>{!c.value&&e.value&&(await l.fetchTemplateById(e.value),C())};return{credentialsByKey:f,isLoading:t,isSaving:a,appCredentials:u,nodesRequiringCredentialsSorted:m,template:c,credentialUsages:y,selectedCredentialIdByKey:g,credentialOverrides:p,numFilledCredentials:_,createWorkflow:async t=>{const{router:i}=t,s=F();if(c.value)try{a.value=!0;const t=await M({template:c.value,credentialOverrides:p.value,rootStore:d,workflowsStore:o,nodeTypeProvider:n,clearResourceLocators:W().isFeatureEnabled});if(s.track("User closed cred setup",{completed:!0,creds_filled:_.value,creds_needed:y.value.length,workflow_id:t.id}),s.track("User inserted workflow template",{source:"workflow",template_id:A(e.value),wf_template_repo_session_id:l.currentSessionId}),s.track("User saved new workflow from template",{template_id:A(e.value),workflow_id:t.id,wf_template_repo_session_id:l.currentSessionId}),W().isFeatureEnabled){const e=j();e.openFocusPanelForWorkflow(t.id),e.setSelectedTab("setup")}await i.replace({name:K.WORKFLOW,params:{name:t.id}})}finally{a.value=!1}},skipSetup:async({router:t})=>{const a=E(),n=F();await a.run("templatesWorkflowView.openWorkflow",{source:"workflow",template_id:e.value,wf_template_repo_session_id:l.currentSessionId}),n.track("User closed cred setup",{completed:!1,creds_filled:0,creds_needed:y.value.length,workflow_id:null}),await t.replace({name:K.TEMPLATE_IMPORT,params:{id:e.value}})},init:async()=>{t.value=!0;try{g.value={},await Promise.all([i.fetchAllCredentials(),i.fetchCredentialTypes(!1),n.loadNodeTypesIfNotLoaded(),k()]),C()}finally{t.value=!1}},loadTemplateIfNeeded:k,setInitialCredentialSelection:C,setTemplateId:t=>{e.value=t},setSelectedCredentialId:v,unsetSelectedCredential:w}})),H={key:1},e("default",x(d({__name:"SetupWorkflowFromTemplateView",setup(e){const t=z(),s=w(),d=h(),x=T(),A=r((()=>Array.isArray(d.params.id)?d.params.id[0]:d.params.id)),j=r((()=>t.template?.name??"unknown")),E=r((()=>!t.isLoading)),F=r((()=>x.resolve({name:K.TEMPLATE_IMPORT,params:{id:A.value}}).fullPath));return f(A,(async e=>{t.setTemplateId(e),await t.loadTemplateIfNeeded()})),t.setTemplateId(A.value),u((async()=>{await t.init(),await(async()=>!!t.template&&0===t.credentialUsages.length&&(await t.skipSetup({router:x}),!0))()})),(e,d)=>(a(),g(V,{"go-back-enabled":!0},{header:v((()=>[E.value?(a(),g(c(C),{key:0,tag:"h1",size:"2xlarge"},{default:v((()=>[l(o(c(s).baseText("templateSetup.title",{interpolate:{name:j.value}})),1)])),_:1})):(a(),g(c(S),{key:1,variant:"h1"}))])),content:v((()=>[n("div",{class:y(e.$style.grid)},[n("div",{class:y(e.$style.notice),"data-test-id":"info-callout"},[E.value?(a(),g(O,{key:0,"app-credentials":c(t).appCredentials},null,8,["app-credentials"])):(a(),g(c(S),{key:1,variant:"p"}))],2),n("div",null,[E.value?(a(),i("ol",{key:0,class:y(e.$style.appCredentialsContainer)},[(a(!0),i(p,null,_(c(t).credentialUsages,((l,n)=>(a(),g(N,{key:l.key,class:y(e.$style.appCredential),order:n+1,credentials:l,"selected-credential-id":c(t).selectedCredentialIdByKey[l.key],onCredentialSelected:d[0]||(d[0]=e=>c(t).setSelectedCredentialId(e.credentialUsageKey,e.credentialId)),onCredentialDeselected:d[1]||(d[1]=e=>c(t).unsetSelectedCredential(e.credentialUsageKey))},null,8,["class","order","credentials","selected-credential-id"])))),128))],2)):(a(),i("div",{key:1,class:y(e.$style.appCredentialsContainer)},[m(c(S),{class:y(e.$style.appCredential),variant:"p",rows:3},null,8,["class"]),m(c(S),{class:y(e.$style.appCredential),variant:"p",rows:3},null,8,["class"])],2))]),n("div",{class:y(e.$style.actions)},[m(c(I),{href:F.value,"new-window":!1,onClick:d[2]||(d[2]=e=>(async e=>{e.preventDefault(),await t.skipSetup({router:x})})(e))},{default:v((()=>[l(o(c(s).baseText("templateSetup.skip")),1)])),_:1},8,["href"]),E.value?(a(),g(c(b),{key:0,content:c(s).baseText("templateSetup.continue.button.fillRemaining"),disabled:c(t).numFilledCredentials>0},{default:v((()=>[m(c(k),{size:"large",label:c(s).baseText("templateSetup.continue.button"),disabled:c(t).isSaving||0===c(t).numFilledCredentials,"data-test-id":"continue-button",onClick:d[3]||(d[3]=e=>c(t).createWorkflow({router:c(x)}))},null,8,["label","disabled"])])),_:1},8,["content","disabled"])):(a(),i("div",H,[m(c(S),{variant:"button"})]))],2)],2)])),_:1}))}}),[["__cssModules",{$style:{grid:"_grid_u018b_125",notice:"_notice_u018b_133",appCredentialsContainer:"_appCredentialsContainer_u018b_137",appCredential:"_appCredential_u018b_137",actions:"_actions_u018b_148"}}]]))}}}));
//# sourceMappingURL=SetupWorkflowFromTemplateView-legacy-9wBKKPzP.js.map