n8n-editor-ui/dist/assets/CredentialPicker-legacy-C36WcueE.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"],(function(e,t){var a,d,l,n,i,r,s,o,c,p,u,y,_,m,f,C,b,v,w,g,h,x,I,T,E,D,j,N,k,P,$,B,S,O,M,z,L,R,V,W;return{setters:[function(e){a=e.$,d=e.A,l=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,m=e.gt,f=e.j,C=e.rt,b=e.w,v=e.yt},function(e){w=e.at},function(e){g=e.Di,h=e.Mi,x=e.Qi,I=e.Xi,T=e.Zi,E=e._t,D=e.vt},function(e){j=e.t},function(e){N=e.Ln,k=e.Pn,e.Xa,P=e.ai,$=e.it,B=e.n,S=e.r,O=e.rt},function(e){M=e.Bo,e.ys},function(e){z=e.h}],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:{},(A=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[A]="44ded3bb-93db-4cb5-a4d3-0525e1c88212",t._sentryDebugIdIdentifier="sentry-dbid-44ded3bb-93db-4cb5-a4d3-0525e1c88212")}catch(t){}var t,A;R=["disabled"],V=j(r({__name:"CredentialsDropdown",props:{credentialOptions:{},selectedCredentialId:{},permissions:{}},emits:["credentialSelected","newCredential"],setup(e,{emit:t}){const r=e,c=t,m=w(),h=i(null),T=i("");function j(e,t){return t.toLocaleLowerCase().includes(e.toLocaleLowerCase())}const N=s((()=>T.value?r.credentialOptions.filter((e=>j(T.value,e.name)||e.homeProject?.name&&j(T.value,e.homeProject.name))):r.credentialOptions)),k=(e="")=>{T.value=e},P=e=>{c("credentialSelected",e)};return(e,t)=>(a(),b(u(E),{ref_key:"selectRefs",ref:h,size:"small",filterable:"","filter-method":k,"model-value":r.selectedCredentialId,"popper-class":e.$style.selectPopper,"onUpdate:modelValue":P},{empty:v((()=>[...t[1]||(t[1]=[])])),footer:v((()=>[f(u(g),{disabled:r.permissions.create,content:u(m).baseText("nodeCredentials.createNew.permissionDenied"),placement:"top"},{default:v((()=>[l("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()=>{h.value?.blur(),await p(),c("newCredential")})())},[f(u(x),{size:"xsmall",icon:"plus"}),d(" "+o(u(m).baseText("nodeCredentials.createNew")),1)],10,R)])),_:1},8,["disabled","content"])])),default:v((()=>[(a(!0),n(y,null,C(N.value,(t=>(a(),b(u(D),{key:t.id,"data-test-id":`node-credentials-select-item-${t.id}`,label:t.name,value:t.id},{default:v((()=>[l("div",{class:_([e.$style.credentialOption,"mt-2xs mb-2xs"])},[f(u(I),{bold:""},{default:v((()=>[d(o(t.name),1)])),_:2},1024),t.homeProject?(a(),b(u(I),{key:0,size:"small"},{default:v((()=>[d(o(`${t.typeDisplayName} - ${t.homeProject?.name}`),1)])),_:2},1024)):(a(),b(u(I),{key:1,size:"small"},{default:v((()=>[d(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"}}]]),W=r({__name:"CredentialPicker",props:{appName:{},credentialType:{},selectedCredentialId:{},personalOnly:{type:Boolean},showDelete:{type:Boolean},hideCreateNew:{type:Boolean},createButtonVariant:{},projectId:{},suggestedCredentialName:{}},emits:["credentialSelected","credentialDeselected","credentialModalOpened","credentialDeleted"],setup(e,{emit:t}){const d=e,l=t,r=S(),o=$(),p=P(),y=w(),C=k(),x=N(),I=i(!1),E=i(null),D=s((()=>{const e=o.getCredentialsByType(d.credentialType);return d.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})),R=s((()=>M(E.value?.scopes??L.value?.scopes).credential)),W=e=>{l("credentialSelected",e)},A=()=>{r.openNewCredential(d.credentialType,!0,!1,d.projectId,d.suggestedCredentialName),I.value=!0,l("credentialModalOpened",void 0)};return O({store:o,onCredentialCreated:e=>{I.value&&l("credentialSelected",e.id)},onCredentialDeleted:e=>{if(!I.value)return;if(e!==d.selectedCredentialId)return;const t=j.value.map((e=>e.id)).filter((t=>t!==e));t.length>0?l("credentialSelected",t[0]):l("credentialDeselected")}}),B({store:r,onModalClosed(e){"editCredential"===e&&I.value&&(I.value=!1,d.selectedCredentialId&&l("credentialSelected",d.selectedCredentialId))}}),m((()=>d.selectedCredentialId),(()=>{!async function(){if(d.selectedCredentialId)try{const e=await o.getCredentialData({id:d.selectedCredentialId});if(!e)throw new Error(y.baseText("credentialEdit.credentialEdit.couldNotFindCredentialWithId")+":"+d.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||d.hideCreateNew?(a(),n("div",{key:0,class:_(e.$style.dropdown)},[f(V,{"credential-type":d.credentialType,"credential-options":j.value,"selected-credential-id":d.selectedCredentialId,"data-test-id":"credential-dropdown",permissions:R.value,onCredentialSelected:W,onNewCredential:A},null,8,["credential-type","credential-options","selected-credential-id","permissions"]),d.selectedCredentialId?(a(),b(u(g),{key:0,disabled:R.value.update,content:u(y).baseText("nodeCredentials.updateCredential.permissionDenied"),placement:"top"},{default:v((()=>[f(u(h),{variant:"subtle",icon:"pen",class:_({[e.$style.edit]:!0}),title:u(y).baseText("nodeCredentials.updateCredential"),"data-test-id":"credential-edit-button",disabled:!R.value.update,onClick:t[0]||(t[0]=e=>(z(d.selectedCredentialId),r.openExistingCredential(d.selectedCredentialId),I.value=!0,void l("credentialModalOpened",d.selectedCredentialId)))},null,8,["class","title","disabled"])])),_:1},8,["disabled","content"])):c("",!0),d.showDelete&&d.selectedCredentialId?(a(),b(u(g),{key:1,disabled:R.value.update,content:u(y).baseText("nodeCredentials.deleteCredential.permissionDenied"),placement:"top"},{default:v((()=>[d.showDelete&&d.selectedCredentialId?(a(),b(u(h),{key:0,"native-type":"button",title:u(y).baseText("nodeCredentials.deleteCredential"),icon:"trash-2","icon-size":"large",variant:"outline",disabled:!R.value.delete,onClick:t[1]||(t[1]=e=>(async()=>{z(d.selectedCredentialId);const e=d.selectedCredentialId;if("confirm"===await x.confirm(y.baseText("credentialEdit.credentialEdit.confirmMessage.deleteCredential.message",{interpolate:{savedCredentialName:E.value?.name??d.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,l("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)):d.hideCreateNew?c("",!0):(a(),b(u(T),{key:1,label:`Create new ${d.appName} credential`,class:_(e.$style.createButton),"data-test-id":"create-credential",variant:d.createButtonVariant||"solid",disabled:!R.value.create,onClick:A},null,8,["label","class","variant","disabled"]))]))}}),e("t",j(W,[["__cssModules",{$style:{dropdown:"_dropdown_1f3y0_125",edit:"_edit_1f3y0_131",createButton:"_createButton_1f3y0_139"}}]]))}}}));
//# sourceMappingURL=CredentialPicker-legacy-C36WcueE.js.map