UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 14.7 kB
!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","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./users.store-legacy-azRUgFdP.js","./constants-legacy-2_ytuuS3.js","./settings.store-legacy-I6rZOvfF.js","./dateformat-legacy-BGLHQd3J.js","./externalSecrets.ee.store-legacy-BPUK9RyR.js","./ProjectCardBadge-legacy-B-_amJ01.js","./CredentialIcon-legacy-B7DgooOp.js","./useDynamicCredentials-legacy-ByFvi9Dz.js","./TimeAgo-legacy-IE1NFqmw.js","./insights.store-legacy-DUO1OIHA.js","./readyToRun.store-legacy-B3LJTBp4.js","./EmptySharedSectionActionBox-legacy-B7gu4G0N.js","./ResourcesListLayout-legacy-wXDvF7ay.js","./ProjectHeader-legacy-CcOtkJZs.js","./DependencyPill-legacy-ByHIbVnv.js","./InsightsSummary-legacy-B4sy_ZtW.js","./pickBy-legacy-COks6XQT.js"],(function(e,t){var a,l,n,s,r,d,i,c,o,u,p,y,m,b,f,g,_,v,x,h,w,S,T,j,C,k,E,I,A,P,N,B,L,D,$,O,z,U,M,q,R,V,H,W,F,G,Y,Q,X,K,Z,J,ee,te,ae,le,ne,se,re,de,ie,ce,oe,ue,pe,ye,me,be,fe,ge,_e,ve,xe,he,we,Se,Te,je,Ce,ke;return{setters:[function(e){a=e.o},function(e){l=e.$,n=e.A,s=e.C,r=e.E,d=e.Ft,i=e.N,c=e.S,o=e.Sn,u=e.T,p=e.Wt,y=e.X,m=e._,b=e._n,f=e.bt,g=e.gt,_=e.h,v=e.j,x=e.p,h=e.rt,w=e.w,S=e.yt},function(e){T=e.at},function(e){j=e.At,C=e.Di,k=e.Ft,E=e.Pi,I=e.Qi,A=e.Xi,P=e._t,N=e.ct,B=e.dt,L=e.lt,D=e.ut,$=e.vt,O=e.wt},function(e){z=e.t},function(e){U=e.Ba,M=e.Cr,q=e.Ln,R=e.Rt,e.Xa,V=e.Za,H=e.ai,W=e.cr,F=e.ei,G=e.fr,Y=e.it,Q=e.n,X=e.oi,K=e.r,Z=e.t,J=e.w},function(e){ee=e.Bo,te=e.Qc,ae=e.Qo,e.fo,e.ys},function(e){le=e.t},function(e){ne=e.t},function(e){se=e.t},function(e){re=e.t},function(e){de=e.t},function(e){ie=e.t},function(e){ce=e.t},function(e){oe=e.t},function(e){ue=e.r},function(e){pe=e.t},function(e){ye=e.t},function(e){me=e.t},function(e){be=e.n,fe=e.t},function(e){ge=e.t},function(e){_e=e.t}],execute:function(){(ve=document.createElement("style")).textContent="._cardLink_e3ywi_125{--card--padding:0 0 0 var(--spacing--sm);cursor:pointer;align-items:stretch;transition:box-shadow .3s}._cardLink_e3ywi_125:hover{box-shadow:var(--shadow--card-hover)}._cardHeading_e3ywi_135{font-size:var(--font-size--sm);padding:var(--spacing--sm) 0 0;align-items:center;display:flex}._cardDescription_e3ywi_142{min-height:19px;padding:0 0 var(--spacing--sm);align-items:center;display:flex}._cardActions_e3ywi_149{gap:var(--spacing--2xs);padding:0 var(--spacing--sm) 0 0;cursor:default;flex-direction:row;justify-content:center;align-self:stretch;align-items:center;display:flex}._dynamicBadgeText_e3ywi_160{align-items:center;gap:var(--spacing--4xs);font-size:var(--font-size--3xs);height:18px;display:inline-flex}._tooltipContent_e3ywi_168{gap:var(--spacing--4xs);flex-direction:column;display:flex}@media screen and (max-width:991px){._cardLink_e3ywi_125{--card--padding:0 var(--spacing--sm) var(--spacing--sm);--card--append--width:100%;flex-wrap:wrap}._cardActions_e3ywi_149{width:100%;padding:0}._cardBadge_e3ywi_184{margin-right:auto}}._type-input_12nwp_125{--select--dropdown--max-width:265px}._sidebarContainer_12nwp_129 ul{padding:0!important}\n/*$vite$:1*/",document.head.appendChild(ve);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(Ee=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[Ee]="efdb322b-06ca-4e64-ac08-8741fd8a8d1d",t._sentryDebugIdIdentifier="sentry-dbid-efdb322b-06ca-4e64-ac08-8741fd8a8d1d")}catch(t){}var t,Ee;xe=a(ne(),1),he={key:0},we=i({__name:"CredentialCard",props:{data:{},readOnly:{type:Boolean,default:!1},needsSetup:{type:Boolean,default:!1}},emits:["click"],setup(e,{emit:t}){const a="open",d="delete",i="move",y=t,m=e,g=T(),h=q(),E=K(),P=Y(),N=H(),{isEnabled:B}=ie(),{hasDependencies:L}=be(),D=c((()=>g.baseText("generic.credential").toLowerCase())),$=c((()=>P.getCredentialTypeByName(m.data.type??""))),z=c((()=>ee(m.data.scopes).credential)),M=c((()=>{const e=[{label:g.baseText("credentials.item.open"),value:a}];return z.value.delete&&e.push({label:g.baseText("credentials.item.delete"),value:d}),z.value.move&&N.isTeamProjectFeatureEnabled&&e.push({label:g.baseText("credentials.item.move"),value:i}),e})),R=c((()=>{const e=(new Date).getFullYear().toString();return(0,xe.default)(m.data.createdAt,"d mmmm"+(String(m.data.createdAt).startsWith(e)?"":", yyyy"))})),V=c((()=>L(m.data.id)));function W(){y("click",m.data.id)}async function G(e){switch(e){case a:W();break;case d:await async function(){"confirm"===await h.confirm(g.baseText("credentialEdit.credentialEdit.confirmMessage.deleteCredential.message",{interpolate:{savedCredentialName:m.data.name}}),g.baseText("credentialEdit.credentialEdit.confirmMessage.deleteCredential.headline"),{confirmButtonText:g.baseText("credentialEdit.credentialEdit.confirmMessage.deleteCredential.confirmButtonText")})&&await P.deleteCredential({id:m.data.id})}();break;case i:E.openModalWithData({name:U,data:{resource:m.data,resourceType:F.Credential,resourceTypeLabel:D.value}})}}return(t,a)=>(l(),w(p(O),{class:b(t.$style.cardLink),onClick:_(W,["stop"])},{prepend:S((()=>[v(de,{"credential-type-name":$.value?.name??""},null,8,["credential-type-name"])])),header:S((()=>[v(p(A),{tag:"h2",bold:"",class:b(t.$style.cardHeading)},{default:S((()=>[n(o(e.data.name)+" ",1),e.readOnly?(l(),w(p(k),{key:0,class:"ml-3xs",theme:"tertiary",bold:""},{default:S((()=>[n(o(p(g).baseText("credentials.item.readonly")),1)])),_:1})):u("",!0),e.needsSetup?(l(),w(p(k),{key:1,class:"ml-3xs",theme:"warning"},{default:S((()=>[n(o(p(g).baseText("credentials.item.needsSetup")),1)])),_:1})):u("",!0),p(B)&&e.data.isResolvable?(l(),w(p(C),{key:2,placement:"top"},{content:S((()=>[s("div",{class:b(t.$style.tooltipContent)},[s("strong",null,o(p(g).baseText("credentials.dynamic.tooltipTitle")),1),s("span",null,o(p(g).baseText("credentials.dynamic.tooltip")),1)],2)])),default:S((()=>[v(p(k),{theme:"tertiary",class:"ml-3xs pl-3xs pr-3xs","data-test-id":"credential-card-dynamic"},{default:S((()=>[s("span",{class:b(t.$style.dynamicBadgeText)},[v(p(I),{icon:"key-round",size:"medium"}),n(" "+o(p(g).baseText("credentials.dynamic.badge")),1)],2)])),_:1})])),_:1})):u("",!0)])),_:1},8,["class"])])),append:S((()=>[s("div",{class:b(t.$style.cardActions),onClick:a[0]||(a[0]=_((()=>{}),["stop"]))},[V.value?(l(),w(fe,{key:0,"resource-type":"credential","resource-id":e.data.id,source:"credential_card","data-test-id":"credential-card-dependents"},null,8,["resource-id"])):u("",!0),v(re,{class:b(t.$style.cardBadge),resource:e.data,"resource-type":p(F).Credential,"resource-type-label":D.value,"personal-project":p(N).personalProject,"show-badge-border":!1,global:e.data.isGlobal},null,8,["class","resource","resource-type","resource-type-label","personal-project","global"]),v(p(j),{"data-test-id":"credential-card-actions",actions:M.value,theme:"dark",onAction:G},null,8,["actions"])],2)])),default:S((()=>[s("div",{class:b(t.$style.cardDescription)},[v(p(A),{color:"text-light",size:"small"},{default:S((()=>[$.value?(l(),r("span",he,o($.value.displayName)+" | ",1)):u("",!0),f(s("span",null,[n(o(p(g).baseText("credentials.item.updated"))+" ",1),v(ce,{date:e.data.updatedAt},null,8,["date"]),a[1]||(a[1]=n(" | ",-1))],512),[[x,e.data]]),f(s("span",null,o(p(g).baseText("credentials.item.created"))+" "+o(R.value),513),[[x,e.data]])])),_:1})],2)])),_:1},8,["class"]))}}),Se=z(we,[["__cssModules",{$style:{cardLink:"_cardLink_e3ywi_125",cardHeading:"_cardHeading_e3ywi_135",cardDescription:"_cardDescription_e3ywi_142",cardActions:"_cardActions_e3ywi_149",dynamicBadgeText:"_dynamicBadgeText_e3ywi_160",tooltipContent:"_tooltipContent_e3ywi_168",cardBadge:"_cardBadge_e3ywi_184"}}]]),Te=a(_e(),1),je={class:"mb-s"},Ce={class:"mb-s"},ke={key:0,class:"mb-s"},e("default",z(i({__name:"CredentialsView",props:{credentialId:{}},setup(e){const t=e,a=Y(),i=J(),f=K(),_=X(),x=se(),j=H(),C=Z(),k=oe(),{fetchDependencyCounts:I}=be(),A=R(),O=N(),z=L(),U=G(),q=T(),F=ue(),ne=e=>{z.replace({query:(0,Te.default)(e)})},re=e=>{ne({...de.value,search:e})},de=d({...O.query,setupNeeded:"true"===O.query.setupNeeded?.toString(),...O.query.externalSecretsStore?{externalSecretsStore:O.query.externalSecretsStore.toString()}:{}}),ie=d(!1),ce=e=>{const t=e;return!!t&&(0===Object.keys(t).length||Object.values(t).every((e=>!e||"__n8n_EMPTY_VALUE_7b1af746-3729-4c60-9b9b-e08eb29e58da"===e)))},fe=c((()=>a.allCredentials.map((e=>({resourceType:"credential",id:e.id,name:e.name,value:"",updatedAt:e.updatedAt,createdAt:e.createdAt,homeProject:e.homeProject,scopes:e.scopes,sharedWithProjects:e.sharedWithProjects,readOnly:!ee(e.scopes).credential.update,needsSetup:ce(e.data),isGlobal:e.isGlobal,isResolvable:e.isResolvable,type:e.type}))))),_e=c((()=>a.allCredentialTypes)),ve=c((()=>a.credentialTypesById)),xe=c((()=>_.preferences.branchReadOnly)),he=c((()=>ee(j.currentProject?.scopes??j.personalProject?.scopes))),we=c((()=>j.personalProject)),Ee=c((()=>!!O.query.externalSecretsStore&&x.isEnterpriseExternalSecretsEnabled)),Ie=e=>{z.replace({params:{credentialId:e},query:O.query})},Ae=()=>{Ie("create"),U.track("User clicked add cred button",{source:"Creds list"})};Q({store:f,onModalClosed(e){["selectCredential","editCredential"].includes(e)&&z.replace({params:{credentialId:""},query:O.query})}});const Pe=(e,t,a)=>{if(!M(e))return!1;const l=t;if(l.type&&l.type.length>0&&(a=a&&l.type.includes(e.type)),l.search){const t=l.search.toLowerCase();a=a||ve.value[e.type]&&ve.value[e.type].displayName.toLowerCase().includes(t)}return l.setupNeeded&&(a=a&&e.needsSetup),a},Ne=()=>{"create"===t.credentialId&&(he.value.credential.create?f.openModal(V):z.replace({name:ae.HOMEPAGE}))},Be=async()=>{if(t.credentialId&&"create"!==t.credentialId){const e=a.getCredentialById(t.credentialId),l=ee(e?.scopes).credential;return e?l.update||l.read?void f.openExistingCredential(t.credentialId):await z.replace({name:ae.ENTITY_UNAUTHORIZED,params:{entityType:"credential"}}):await z.replace({name:ae.ENTITY_NOT_FOUND,params:{entityType:"credential"}})}},Le=async()=>{ie.value=!0;const e=le().isEnterpriseFeatureEnabled[te.Variables],t=!F.isSharedSubPage&&F.isProjectsSubPage&&O?.params?.projectId===j.personalProject?.id,l=[a.fetchAllCredentials({projectId:O?.params?.projectId,includeScopes:!0,onlySharedWithMe:F.isSharedSubPage,includeGlobal:!t,externalSecretsStore:de.value.externalSecretsStore}),a.fetchCredentialTypes(!1),i.loadNodeTypesIfNotLoaded(),e?W().fetchAllVariables():Promise.resolve()];await Promise.all(l),Ne(),await Be(),ie.value=!1,I(a.allCredentials.map((e=>e.id)),"credential")};return a.$onAction((({name:e,after:t})=>{"createNewCredential"!==e&&"updateCredential"!==e||t((()=>{a.fetchAllCredentials({projectId:O?.params?.projectId,includeScopes:!0,externalSecretsStore:de.value.externalSecretsStore})}))})),_.$onAction((({name:e,after:t})=>{"pullWorkfolder"===e&&t((()=>{Le()}))})),g((()=>O?.params?.projectId),Le),g((()=>t.credentialId),(()=>{Ne(),Be()})),g((()=>de.value.externalSecretsStore),(async(e,t)=>{e===t||void 0===e&&void 0===t||Le()})),y((()=>{A.set(q.baseText("credentials.heading"))})),(e,t)=>(l(),w(ye,{ref:"layout",filters:de.value,"onUpdate:filters":[t[0]||(t[0]=e=>de.value=e),ne],"resource-key":"credentials",resources:fe.value,initialize:Le,"additional-filters-handler":Pe,"type-props":{itemSize:77},loading:ie.value,disabled:xe.value||!he.value.credential.create,"onUpdate:search":re},{header:S((()=>[v(me,{"main-button":"credential"},{default:S((()=>[p(F).isOverviewSubPage&&p(k).isSummaryEnabled?(l(),w(ge,{key:0,loading:p(k).weeklySummary.isLoading,summary:p(k).weeklySummary.state,"time-range":"week"},null,8,["loading","summary"])):u("",!0)])),_:1})])),default:S((({data:e})=>[v(Se,{"data-test-id":"resources-list-item",class:"mb-2xs",data:e,"read-only":e.readOnly,"needs-setup":e.needsSetup,onClick:Ie},null,8,["data","read-only","needs-setup"])])),filters:S((({setKeyValue:t})=>[s("div",je,[v(p(D),{label:p(q).baseText("credentials.filters.type"),bold:!1,size:"small",color:"text-base",class:"mb-3xs"},null,8,["label"]),v(p(P),{ref:"typeInput","model-value":de.value.type,size:"medium",multiple:"",filterable:"",class:b(e.$style["type-input"]),"onUpdate:modelValue":e=>t("type",e)},{default:S((()=>[(l(!0),r(m,null,h(_e.value,(e=>(l(),w(p($),{key:e.name,value:e.name,label:e.displayName},null,8,["value","label"])))),128))])),_:1},8,["model-value","class","onUpdate:modelValue"])]),s("div",Ce,[v(p(D),{label:p(q).baseText("credentials.filters.status"),bold:!1,size:"small",color:"text-base",class:"mb-3xs"},null,8,["label"]),v(p(B),{label:p(q).baseText("credentials.filters.setup"),"data-test-id":"credential-filter-setup-needed","model-value":de.value.setupNeeded,"onUpdate:modelValue":e=>t("setupNeeded",e)},null,8,["label","model-value","onUpdate:modelValue"])]),Ee.value&&de.value.externalSecretsStore?(l(),r("div",ke,[v(p(D),{label:p(q).baseText("credentials.filters.secretStore"),bold:!1,size:"small",color:"text-base",class:"mb-3xs"},null,8,["label"]),v(p(P),{"model-value":de.value.externalSecretsStore,size:"medium",disabled:"","data-test-id":"credential-filter-secret-store",class:b(e.$style["type-input"])},{default:S((()=>[v(p($),{value:de.value.externalSecretsStore,label:de.value.externalSecretsStore},null,8,["value","label"])])),_:1},8,["model-value","class"])])):u("",!0)])),empty:S((()=>[p(F).isSharedSubPage&&we.value?(l(),w(pe,{key:0,"personal-project":we.value,"resource-type":"credentials"},null,8,["personal-project"])):(l(),w(p(E),{key:1,"data-test-id":"empty-resources-list",icon:{type:"icon",value:"lock"},heading:p(q).baseText(p(C).currentUser?.firstName?"credentials.empty.heading":"credentials.empty.heading.userNotSetup",{interpolate:{name:p(C).currentUser?.firstName??""}}),description:p(q).baseText("credentials.empty.description"),"button-text":p(q).baseText("credentials.empty.button"),"button-type":"secondary","button-disabled":xe.value||!he.value.credential.create,"button-icon":xe.value||!he.value.credential.create?"lock":void 0,"onClick:button":Ae},{disabledButtonTooltip:S((()=>[n(o(xe.value?p(q).baseText("readOnlyEnv.cantAdd.credential"):p(q).baseText("credentials.empty.button.disabled.tooltip")),1)])),_:1},8,["heading","description","button-text","button-disabled","button-icon"]))])),_:1},8,["filters","resources","loading","disabled"]))}}),[["__cssModules",{$style:{"type-input":"_type-input_12nwp_125",sidebarContainer:"_sidebarContainer_12nwp_129"}}]]))}}})); //# sourceMappingURL=CredentialsView-legacy-CukYbPQ0.js.map