UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 14.9 kB
!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.13.4"}}catch(e){}}(),System.register(["./chunk-legacy-TXBRODOR.js","./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./sanitize-html-legacy-ChR3ikxn.js","./users.store-legacy-OKuN0qAC.js","./constants-legacy-DNCca_FT.js","./merge-legacy-uu1aGqHK.js","./_baseOrderBy-legacy-PsQY_Pvh.js","./dateformat-legacy-BxdD_OP7.js","./useDebounce-legacy-CT3oYGrC.js","./externalSecrets.ee.store-legacy-C6uyA9v4.js","./ProjectIcon-legacy-Bou4IyeB.js","./ProjectCardBadge-legacy-0ZJb0bRF.js","./CredentialIcon-legacy-W6FyX5zO.js","./EnterpriseEdition.ee-legacy-CDCH5PXv.js","./useDynamicCredentials-legacy-DYuGI0-p.js","./TimeAgo-legacy-DuWY6_ss.js","./orderBy-legacy-B1QhOZ6M.js","./ProjectSharing-legacy-D18mSKYq.js","./folders.store-legacy-D5PytSyG.js","./insights.store-legacy-CoDyKxkz.js","./insights.constants-legacy-CEIQi13p.js","./insights.utils-legacy-uA0D6qm5.js","./readyToRun.store-legacy-DjI3ii4i.js","./EmptySharedSectionActionBox-legacy-AKh1qgxY.js","./ResourcesListLayout-legacy-CyEQJ0tB.js","./ResourceFiltersDropdown-legacy-B3UwyTK3.js","./ProjectHeader-legacy-CpoNRlY6.js","./InsightsSummary-legacy-BlZQZv-w.js","./pickBy-legacy-gyAJRZ76.js"],(function(e,t){var a,n,l,s,r,d,i,c,o,u,p,y,m,b,g,f,_,v,x,h,S,j,T,w,C,k,E,z,I,A,P,N,B,$,L,D,O,R,U,M,q,V,H,F,W,Y,G,Z,X,J,K,Q,ee,te,ae,ne,le,se,re,de,ie,ce,oe,ue,pe,ye,me,be,ge,fe,_e,ve,xe,he,Se,je,Te,we;return{setters:[function(e){a=e.o},function(e){n=e.$,l=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,g=e.bt,f=e.gt,_=e.h,v=e.j,x=e.p,h=e.rt,S=e.w,j=e.yt},function(e){T=e.bt},function(e){w=e.$i,C=e.Et,k=e.Mi,E=e.Nt,z=e.Ri,I=e.Rt,A=e.Tt,P=e.Ut,N=e.Zi,B=e._t,$=e.gt,L=e.vt,D=e.yt},function(e){O=e.t},function(e){},function(e){R=e.Ai,U=e.Ar,M=e.As,q=e.Ft,V=e.Pt,H=e.Qr,F=e.Ra,W=e.Xa,e.Ya,Y=e.at,G=e.en,Z=e.jr,X=e.n,J=e.r,K=e.t,Q=e.vn,ee=e.w},function(e){e.Oo,e.Ps,te=e.is,ae=e.ms,ne=e.pl},function(e){},function(e){},function(e){le=e.t},function(e){},function(e){se=e.t},function(e){},function(e){re=e.t},function(e){de=e.t},function(e){},function(e){ie=e.t},function(e){ce=e.t},function(e){},function(e){},function(e){},function(e){oe=e.t},function(e){},function(e){},function(e){ue=e.r},function(e){pe=e.t},function(e){ye=e.t},function(e){},function(e){me=e.t},function(e){be=e.t},function(e){ge=e.t}],execute:function(){(fe=document.createElement("style")).textContent="._cardLink_1nez8_125{--card--padding:0 0 0 var(--spacing--sm);cursor:pointer;align-items:stretch;transition:box-shadow .3s}._cardLink_1nez8_125:hover{box-shadow:var(--shadow--card-hover)}._cardHeading_1nez8_135{font-size:var(--font-size--sm);padding:var(--spacing--sm)0 0;align-items:center;display:flex}._cardDescription_1nez8_142{min-height:19px;padding:0 0 var(--spacing--sm);align-items:center;display:flex}._cardActions_1nez8_149{padding:0 var(--spacing--sm)0 0;cursor:default;flex-direction:row;justify-content:center;align-self:stretch;align-items:center;display:flex}._dynamicBadgeText_1nez8_159{align-items:center;gap:var(--spacing--4xs);font-size:var(--font-size--3xs);height:18px;display:inline-flex}._tooltipContent_1nez8_167{gap:var(--spacing--4xs);flex-direction:column;display:flex}@media screen and (max-width:991px){._cardLink_1nez8_125{--card--padding:0 var(--spacing--sm)var(--spacing--sm);--card--append--width:100%;flex-wrap:wrap}._cardActions_1nez8_149{width:100%;padding:0}._cardBadge_1nez8_183{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(fe);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(Ce=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[Ce]="7aea965a-6dd7-468a-a0d7-82e264fb61d6",t._sentryDebugIdIdentifier="sentry-dbid-7aea965a-6dd7-468a-a0d7-82e264fb61d6")}catch(t){}var t,Ce;_e=a(le(),1),ve={key:0},xe=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,f=T(),h=Z(),C=J(),z=Y(),A=q(),{isEnabled:B}=ie(),$=c((()=>f.baseText("generic.credential").toLowerCase())),L=c((()=>z.getCredentialTypeByName(m.data.type??""))),D=c((()=>te(m.data.scopes).credential)),O=c((()=>{const e=[{label:f.baseText("credentials.item.open"),value:a}];return D.value.delete&&e.push({label:f.baseText("credentials.item.delete"),value:d}),D.value.move&&A.isTeamProjectFeatureEnabled&&e.push({label:f.baseText("credentials.item.move"),value:i}),e})),U=c((()=>{const e=(new Date).getFullYear().toString();return(0,_e.default)(m.data.createdAt,"d mmmm"+(String(m.data.createdAt).startsWith(e)?"":", yyyy"))}));function M(){y("click",m.data.id)}async function V(e){switch(e){case a:M();break;case d:await async function(){"confirm"===await h.confirm(f.baseText("credentialEdit.credentialEdit.confirmMessage.deleteCredential.message",{interpolate:{savedCredentialName:m.data.name}}),f.baseText("credentialEdit.credentialEdit.confirmMessage.deleteCredential.headline"),{confirmButtonText:f.baseText("credentialEdit.credentialEdit.confirmMessage.deleteCredential.confirmButtonText")})&&await z.deleteCredential({id:m.data.id})}();break;case i:C.openModalWithData({name:F,data:{resource:m.data,resourceType:R.Credential,resourceTypeLabel:$.value}})}}return(t,a)=>(n(),S(p(E),{class:b(t.$style.cardLink),onClick:_(M,["stop"])},{prepend:j((()=>[v(de,{"credential-type-name":L.value?.name??""},null,8,["credential-type-name"])])),header:j((()=>[v(p(N),{tag:"h2",bold:"",class:b(t.$style.cardHeading)},{default:j((()=>[l(o(e.data.name)+" ",1),e.readOnly?(n(),S(p(P),{key:0,class:"ml-3xs",theme:"tertiary",bold:""},{default:j((()=>[l(o(p(f).baseText("credentials.item.readonly")),1)])),_:1})):u("",!0),e.needsSetup?(n(),S(p(P),{key:1,class:"ml-3xs",theme:"warning"},{default:j((()=>[l(o(p(f).baseText("credentials.item.needsSetup")),1)])),_:1})):u("",!0),p(B)&&e.data.isResolvable?(n(),S(p(k),{key:2,placement:"top"},{content:j((()=>[s("div",{class:b(t.$style.tooltipContent)},[s("strong",null,o(p(f).baseText("credentials.dynamic.tooltipTitle")),1),s("span",null,o(p(f).baseText("credentials.dynamic.tooltip")),1)],2)])),default:j((()=>[v(p(P),{theme:"tertiary",class:"ml-3xs pl-3xs pr-3xs","data-test-id":"credential-card-dynamic"},{default:j((()=>[s("span",{class:b(t.$style.dynamicBadgeText)},[v(p(w),{icon:"key-round",size:"medium"}),l(" "+o(p(f).baseText("credentials.dynamic.badge")),1)],2)])),_:1})])),_:1})):u("",!0)])),_:1},8,["class"])])),append:j((()=>[s("div",{class:b(t.$style.cardActions),onClick:a[0]||(a[0]=_((()=>{}),["stop"]))},[v(re,{class:b(t.$style.cardBadge),resource:e.data,"resource-type":p(R).Credential,"resource-type-label":$.value,"personal-project":p(A).personalProject,"show-badge-border":!1,global:e.data.isGlobal},null,8,["class","resource","resource-type","resource-type-label","personal-project","global"]),v(p(I),{"data-test-id":"credential-card-actions",actions:O.value,theme:"dark",onAction:V},null,8,["actions"])],2)])),default:j((()=>[s("div",{class:b(t.$style.cardDescription)},[v(p(N),{color:"text-light",size:"small"},{default:j((()=>[L.value?(n(),r("span",ve,o(L.value.displayName)+" | ",1)):u("",!0),g(s("span",null,[l(o(p(f).baseText("credentials.item.updated"))+" ",1),v(ce,{date:e.data.updatedAt},null,8,["date"]),a[1]||(a[1]=l(" | ",-1))],512),[[x,e.data]]),g(s("span",null,o(p(f).baseText("credentials.item.created"))+" "+o(U.value),513),[[x,e.data]])])),_:1})],2)])),_:1},8,["class"]))}}),he=O(xe,[["__cssModules",{$style:{cardLink:"_cardLink_1nez8_125",cardHeading:"_cardHeading_1nez8_135",cardDescription:"_cardDescription_1nez8_142",cardActions:"_cardActions_1nez8_149",dynamicBadgeText:"_dynamicBadgeText_1nez8_159",tooltipContent:"_tooltipContent_1nez8_167",cardBadge:"_cardBadge_1nez8_183"}}]]),Se=a(ge(),1),je={class:"mb-s"},Te={class:"mb-s"},we={key:0,class:"mb-s"},e("default",O(i({__name:"CredentialsView",props:{credentialId:{}},setup(e){const t=e,a=Y(),i=ee(),g=J(),_=U(),x=se(),w=q(),k=K(),E=oe(),I=Q(),P=$(),N=B(),O=G(),R=T(),F=ue(),Z=e=>{N.replace({query:(0,Se.default)(e)})},le=e=>{Z({...re.value,search:e})},re=d({...P.query,setupNeeded:"true"===P.query.setupNeeded?.toString(),...P.query.externalSecretsStore?{externalSecretsStore:P.query.externalSecretsStore.toString()}:{}}),de=d(!1),ie=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)))},ce=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:!te(e.scopes).credential.update,needsSetup:ie(e.data),isGlobal:e.isGlobal,isResolvable:e.isResolvable,type:e.type}))))),ge=c((()=>a.allCredentialTypes)),fe=c((()=>a.credentialTypesById)),_e=c((()=>_.preferences.branchReadOnly)),ve=c((()=>te(w.currentProject?.scopes??w.personalProject?.scopes))),xe=c((()=>w.personalProject)),Ce=c((()=>!!P.query.externalSecretsStore&&x.isEnterpriseExternalSecretsEnabled)),ke=e=>{N.replace({params:{credentialId:e},query:P.query})},Ee=()=>{ke("create"),O.track("User clicked add cred button",{source:"Creds list"})};X({store:g,onModalClosed(e){["selectCredential","editCredential"].includes(e)&&N.replace({params:{credentialId:""},query:P.query})}});const ze=(e,t,a)=>{if(!H(e))return!1;const n=t;if(n.type&&n.type.length>0&&(a=a&&n.type.includes(e.type)),n.search){const t=n.search.toLowerCase();a=a||fe.value[e.type]&&fe.value[e.type].displayName.toLowerCase().includes(t)}return n.setupNeeded&&(a=a&&e.needsSetup),a},Ie=()=>{"create"===t.credentialId&&(ve.value.credential.create?g.openModal(W):N.replace({name:ae.HOMEPAGE}))},Ae=async()=>{if(t.credentialId&&"create"!==t.credentialId){const e=a.getCredentialById(t.credentialId),n=te(e?.scopes).credential;return e?n.update||n.read?void g.openExistingCredential(t.credentialId):await N.replace({name:ae.ENTITY_UNAUTHORIZED,params:{entityType:"credential"}}):await N.replace({name:ae.ENTITY_NOT_FOUND,params:{entityType:"credential"}})}},Pe=async()=>{de.value=!0;const e=M().isEnterpriseFeatureEnabled[ne.Variables],t=!F.isSharedSubPage&&F.isProjectsSubPage&&P?.params?.projectId===w.personalProject?.id,n=[a.fetchAllCredentials({projectId:P?.params?.projectId,includeScopes:!0,onlySharedWithMe:F.isSharedSubPage,includeGlobal:!t,externalSecretsStore:re.value.externalSecretsStore}),a.fetchCredentialTypes(!1),i.loadNodeTypesIfNotLoaded(),e?V().fetchAllVariables():Promise.resolve()];await Promise.all(n),Ie(),await Ae(),de.value=!1};return a.$onAction((({name:e,after:t})=>{"createNewCredential"!==e&&"updateCredential"!==e||t((()=>{a.fetchAllCredentials({projectId:P?.params?.projectId,includeScopes:!0,externalSecretsStore:re.value.externalSecretsStore})}))})),_.$onAction((({name:e,after:t})=>{"pullWorkfolder"===e&&t((()=>{Pe()}))})),f((()=>P?.params?.projectId),Pe),f((()=>t.credentialId),(()=>{Ie(),Ae()})),f((()=>re.value.externalSecretsStore),(async(e,t)=>{e===t||void 0===e&&void 0===t||Pe()})),y((()=>{I.set(R.baseText("credentials.heading"))})),(e,t)=>(n(),S(ye,{ref:"layout",filters:re.value,"onUpdate:filters":[t[0]||(t[0]=e=>re.value=e),Z],"resource-key":"credentials",resources:ce.value,initialize:Pe,"additional-filters-handler":ze,"type-props":{itemSize:77},loading:de.value,disabled:_e.value||!ve.value.credential.create,"onUpdate:search":le},{header:j((()=>[v(me,{"main-button":"credential"},{default:j((()=>[p(F).isOverviewSubPage&&p(E).isSummaryEnabled?(n(),S(be,{key:0,loading:p(E).weeklySummary.isLoading,summary:p(E).weeklySummary.state,"time-range":"week"},null,8,["loading","summary"])):u("",!0)])),_:1})])),default:j((({data:e})=>[v(he,{"data-test-id":"resources-list-item",class:"mb-2xs",data:e,"read-only":e.readOnly,"needs-setup":e.needsSetup,onClick:ke},null,8,["data","read-only","needs-setup"])])),filters:j((({setKeyValue:t})=>[s("div",je,[v(p(L),{label:p(R).baseText("credentials.filters.type"),bold:!1,size:"small",color:"text-base",class:"mb-3xs"},null,8,["label"]),v(p(A),{ref:"typeInput","model-value":re.value.type,size:"medium",multiple:"",filterable:"",class:b(e.$style["type-input"]),"onUpdate:modelValue":e=>t("type",e)},{default:j((()=>[(n(!0),r(m,null,h(ge.value,(e=>(n(),S(p(C),{key:e.name,value:e.name,label:e.displayName},null,8,["value","label"])))),128))])),_:1},8,["model-value","class","onUpdate:modelValue"])]),s("div",Te,[v(p(L),{label:p(R).baseText("credentials.filters.status"),bold:!1,size:"small",color:"text-base",class:"mb-3xs"},null,8,["label"]),v(p(D),{label:p(R).baseText("credentials.filters.setup"),"data-test-id":"credential-filter-setup-needed","model-value":re.value.setupNeeded,"onUpdate:modelValue":e=>t("setupNeeded",e)},null,8,["label","model-value","onUpdate:modelValue"])]),Ce.value&&re.value.externalSecretsStore?(n(),r("div",we,[v(p(L),{label:p(R).baseText("credentials.filters.secretStore"),bold:!1,size:"small",color:"text-base",class:"mb-3xs"},null,8,["label"]),v(p(A),{"model-value":re.value.externalSecretsStore,size:"medium",disabled:"","data-test-id":"credential-filter-secret-store",class:b(e.$style["type-input"])},{default:j((()=>[v(p(C),{value:re.value.externalSecretsStore,label:re.value.externalSecretsStore},null,8,["value","label"])])),_:1},8,["model-value","class"])])):u("",!0)])),empty:j((()=>[p(F).isSharedSubPage&&xe.value?(n(),S(pe,{key:0,"personal-project":xe.value,"resource-type":"credentials"},null,8,["personal-project"])):(n(),S(p(z),{key:1,"data-test-id":"empty-resources-list",icon:{type:"icon",value:"lock"},heading:p(R).baseText(p(k).currentUser?.firstName?"credentials.empty.heading":"credentials.empty.heading.userNotSetup",{interpolate:{name:p(k).currentUser?.firstName??""}}),description:p(R).baseText("credentials.empty.description"),"button-text":p(R).baseText("credentials.empty.button"),"button-type":"secondary","button-disabled":_e.value||!ve.value.credential.create,"button-icon":_e.value||!ve.value.credential.create?"lock":void 0,"onClick:button":Ee},{disabledButtonTooltip:j((()=>[l(o(_e.value?p(R).baseText("readOnlyEnv.cantAdd.credential"):p(R).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-CMlPzgmE.js.map