n8n-editor-ui/dist/assets/CredentialPicker-legacy-AZIwQQ9u.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.13.4"}}catch(e){}}(),System.register(["./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./users.store-legacy-OKuN0qAC.js","./constants-legacy-DNCca_FT.js","./_baseOrderBy-legacy-PsQY_Pvh.js"],(function(e,t){var a,l,d,n,i,r,s,o,c,p,u,y,_,f,m,C,b,v,w,h,g,x,T,I,E,D,j,k,N,P,$,B,O,S,M,z,L,F,R,V;return{setters:[function(e){a=e.$,l=e.A,d=e.C,n=e.E,i=e.Ft,r=e.N,s=e.S,o=e.Sn,c=e.T,p=e.W,u=e.Wt,y=e._,_=e._n,f=e.gt,m=e.j,C=e.rt,b=e.w,v=e.yt},function(e){w=e.bt},function(e){h=e.$i,g=e.Et,x=e.Ii,T=e.Mi,I=e.Qi,E=e.Tt,D=e.Zi},function(e){j=e.t},function(e){k=e.Ft,N=e.Tr,e.Ya,P=e.at,$=e.it,B=e.jr,O=e.n,S=e.r},function(e){e.Ps,M=e.is},function(e){z=e.v}],execute:function(){(L=document.createElement("style")).textContent="._selectPopper_178ar_125 .el-select-dropdown__list{padding:0}._selectPopper_178ar_125 :has(._newCredential_178ar_128:hover) .hover{background-color:transparent}._selectPopper_178ar_125:not(:has(li)) ._newCredential_178ar_128{box-shadow:none;border-radius:var(--radius);border-top:none}._credentialOption_178ar_137{flex-direction:column;display:flex}._newCredential_178ar_128{gap:var(--spacing--3xs);width:100%;font-weight:var(--font-weight--bold);padding:var(--spacing--xs)var(--spacing--md);background-color:var(--color--background--light-2);color:var(--color--text--shade-1);border:0;border-top:var(--border);box-shadow:var(--shadow--light);clip-path:inset(-12px 0 0);align-items:center;display:flex}._newCredential_178ar_128:not([disabled]){cursor:pointer}._newCredential_178ar_128:not([disabled]):hover{color:var(--color--primary)}._newCredential_178ar_128[disabled]{opacity:.5;cursor:not-allowed}._dropdown_1f3y0_125{align-items:flex-end;gap:var(--spacing--2xs);display:flex}._edit_1f3y0_131{min-width:20px;font-size:var(--font-size--sm);justify-content:center;align-items:center;display:flex}._createButton_1f3y0_139{width:100%}\n/*$vite$:1*/",document.head.appendChild(L);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(W=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[W]="659d62c2-4838-40c6-ba6a-5fb11b94611a",t._sentryDebugIdIdentifier="sentry-dbid-659d62c2-4838-40c6-ba6a-5fb11b94611a")}catch(t){}var t,W;F=["disabled"],R=j(r({__name:"CredentialsDropdown",props:{credentialOptions:{},selectedCredentialId:{},permissions:{}},emits:["credentialSelected","newCredential"],setup(e,{emit:t}){const r=e,c=t,f=w(),x=i(null),I=i("");function j(e,t){return t.toLocaleLowerCase().includes(e.toLocaleLowerCase())}const k=s((()=>I.value?r.credentialOptions.filter((e=>j(I.value,e.name)||e.homeProject?.name&&j(I.value,e.homeProject.name))):r.credentialOptions)),N=(e="")=>{I.value=e},P=e=>{c("credentialSelected",e)};return(e,t)=>(a(),b(u(E),{ref_key:"selectRefs",ref:x,size:"small",filterable:"","filter-method":N,"model-value":r.selectedCredentialId,"popper-class":e.$style.selectPopper,"onUpdate:modelValue":P},{empty:v((()=>[...t[1]||(t[1]=[])])),footer:v((()=>[m(u(T),{disabled:r.permissions.create,content:u(f).baseText("nodeCredentials.createNew.permissionDenied"),placement:"top"},{default:v((()=>[d("button",{type:"button","data-test-id":"node-credentials-select-item-new",class:_([e.$style.newCredential]),disabled:!r.permissions.create,onClick:t[0]||(t[0]=e=>(async()=>{x.value?.blur(),await p(),c("newCredential")})())},[m(u(h),{size:"xsmall",icon:"plus"}),l(" "+o(u(f).baseText("nodeCredentials.createNew")),1)],10,F)])),_:1},8,["disabled","content"])])),default:v((()=>[(a(!0),n(y,null,C(k.value,(t=>(a(),b(u(g),{key:t.id,"data-test-id":`node-credentials-select-item-${t.id}`,label:t.name,value:t.id},{default:v((()=>[d("div",{class:_([e.$style.credentialOption,"mt-2xs mb-2xs"])},[m(u(D),{bold:""},{default:v((()=>[l(o(t.name),1)])),_:2},1024),t.homeProject?(a(),b(u(D),{key:0,size:"small"},{default:v((()=>[l(o(`${t.typeDisplayName} - ${t.homeProject?.name}`),1)])),_:2},1024)):(a(),b(u(D),{key:1,size:"small"},{default:v((()=>[l(o(t.typeDisplayName),1)])),_:2},1024))],2)])),_:2},1032,["data-test-id","label","value"])))),128))])),_:1},8,["model-value","popper-class"]))}}),[["__cssModules",{$style:{selectPopper:"_selectPopper_178ar_125",newCredential:"_newCredential_178ar_128",credentialOption:"_credentialOption_178ar_137"}}]]),V=r({__name:"CredentialPicker",props:{appName:{},credentialType:{},selectedCredentialId:{},personalOnly:{type:Boolean},showDelete:{type:Boolean},hideCreateNew:{type:Boolean},createButtonVariant:{}},emits:["credentialSelected","credentialDeselected","credentialModalOpened","credentialDeleted"],setup(e,{emit:t}){const l=e,d=t,r=S(),o=P(),p=k(),y=w(),C=N(),h=B(),g=i(!1),E=i(null),D=s((()=>{const e=o.getCredentialsByType(l.credentialType);return l.personalOnly?e.filter((e=>"personal"===e.homeProject?.type||e.isGlobal)):e})),j=s((()=>D.value.map((e=>({id:e.id,name:e.name,typeDisplayName:o.getCredentialTypeByName(e.type)?.displayName,homeProject:e.homeProject}))))),L=s((()=>{const{currentProject:e,personalProject:t}=p;return e??t})),F=s((()=>M(E.value?.scopes??L.value?.scopes).credential)),V=e=>{d("credentialSelected",e)},W=()=>{r.openNewCredential(l.credentialType,!0),g.value=!0,d("credentialModalOpened",void 0)};return $({store:o,onCredentialCreated:e=>{g.value&&d("credentialSelected",e.id)},onCredentialDeleted:e=>{if(!g.value)return;if(e!==l.selectedCredentialId)return;const t=j.value.map((e=>e.id)).filter((t=>t!==e));t.length>0?d("credentialSelected",t[0]):d("credentialDeselected")}}),O({store:r,onModalClosed(e){"editCredential"===e&&g.value&&(g.value=!1,l.selectedCredentialId&&d("credentialSelected",l.selectedCredentialId))}}),f((()=>l.selectedCredentialId),(()=>{!async function(){if(l.selectedCredentialId)try{const e=await o.getCredentialData({id:l.selectedCredentialId});if(!e)throw new Error(y.baseText("credentialEdit.credentialEdit.couldNotFindCredentialWithId")+":"+l.selectedCredentialId);E.value=e}catch(e){return void C.showError(e,y.baseText("credentialEdit.credentialEdit.showError.loadCredential.title"))}}()}),{immediate:!0}),(e,t)=>(a(),n("div",null,[j.value.length>0||l.hideCreateNew?(a(),n("div",{key:0,class:_(e.$style.dropdown)},[m(R,{"credential-type":l.credentialType,"credential-options":j.value,"selected-credential-id":l.selectedCredentialId,"data-test-id":"credential-dropdown",permissions:F.value,onCredentialSelected:V,onNewCredential:W},null,8,["credential-type","credential-options","selected-credential-id","permissions"]),l.selectedCredentialId?(a(),b(u(T),{key:0,disabled:F.value.update,content:u(y).baseText("nodeCredentials.updateCredential.permissionDenied"),placement:"top"},{default:v((()=>[m(u(x),{variant:"subtle",icon:"pen",class:_({[e.$style.edit]:!0}),title:u(y).baseText("nodeCredentials.updateCredential"),"data-test-id":"credential-edit-button",disabled:!F.value.update,onClick:t[0]||(t[0]=e=>(z(l.selectedCredentialId),r.openExistingCredential(l.selectedCredentialId),g.value=!0,void d("credentialModalOpened",l.selectedCredentialId)))},null,8,["class","title","disabled"])])),_:1},8,["disabled","content"])):c("",!0),l.showDelete&&l.selectedCredentialId?(a(),b(u(T),{key:1,disabled:F.value.update,content:u(y).baseText("nodeCredentials.deleteCredential.permissionDenied"),placement:"top"},{default:v((()=>[l.showDelete&&l.selectedCredentialId?(a(),b(u(x),{key:0,"native-type":"button",title:u(y).baseText("nodeCredentials.deleteCredential"),icon:"trash-2","icon-size":"large",variant:"outline",disabled:!F.value.delete,onClick:t[1]||(t[1]=e=>(async()=>{z(l.selectedCredentialId);const e=l.selectedCredentialId;if("confirm"===await h.confirm(y.baseText("credentialEdit.credentialEdit.confirmMessage.deleteCredential.message",{interpolate:{savedCredentialName:E.value?.name??l.selectedCredentialId}}),y.baseText("credentialEdit.credentialEdit.confirmMessage.deleteCredential.headline"),{confirmButtonText:y.baseText("credentialEdit.credentialEdit.confirmMessage.deleteCredential.confirmButtonText")}))try{await o.deleteCredential({id:e}),E.value=null,d("credentialDeleted",e)}catch(t){C.showError(t,y.baseText("credentialEdit.credentialEdit.showError.deleteCredential.title"))}})())},null,8,["title","disabled"])):c("",!0)])),_:1},8,["disabled","content"])):c("",!0)],2)):l.hideCreateNew?c("",!0):(a(),b(u(I),{key:1,label:`Create new ${l.appName} credential`,class:_(e.$style.createButton),"data-test-id":"create-credential",variant:l.createButtonVariant||"solid",disabled:!F.value.create,onClick:W},null,8,["label","class","variant","disabled"]))]))}}),e("t",j(V,[["__cssModules",{$style:{dropdown:"_dropdown_1f3y0_125",edit:"_edit_1f3y0_131",createButton:"_createButton_1f3y0_139"}}]]))}}}));
//# sourceMappingURL=CredentialPicker-legacy-AZIwQQ9u.js.map