n8n-editor-ui/dist/assets/CredentialPicker-BSrpObuf.js

Workflow Editor UI for n8n

(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.16.1`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`b0da66b5-45ab-4057-8354-0fade8b0dfc9`,e._sentryDebugIdIdentifier=`sentry-dbid-b0da66b5-45ab-4057-8354-0fade8b0dfc9`)})()}catch{}import{$ as e,A as t,C as n,E as r,Ft as i,N as a,S as o,Sn as s,T as c,W as l,Wt as u,_ as d,_n as f,gt as p,j as m,rt as h,w as g,yt as _}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as v}from"./core-Bz5WjPxS.js";import{Di as y,Mi as b,Qi as x,Xi as S,Zi as C,_t as w,vt as T}from"./src-XqE2yCpG.js";import{t as E}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Ln as D,Pn as O,ai as k,it as A,n as j,r as M,rt as N}from"./users.store-xP93bV7X.js";import{Bo as P}from"./constants-DuQbSl-q.js";import{h as F}from"./useRootStore-XEREVjMN.js";var I=[`disabled`],L=E(a({__name:`CredentialsDropdown`,props:{credentialOptions:{},selectedCredentialId:{},permissions:{}},emits:[`credentialSelected`,`newCredential`],setup(a,{emit:c}){let p=a,b=c,C=v(),E=i(null),D=i(``);function O(e,t){return t.toLocaleLowerCase().includes(e.toLocaleLowerCase())}let k=o(()=>D.value?p.credentialOptions.filter(e=>O(D.value,e.name)||e.homeProject?.name&&O(D.value,e.homeProject.name)):p.credentialOptions),A=(e=``)=>{D.value=e},j=e=>{b(`credentialSelected`,e)},M=async()=>{E.value?.blur(),await l(),b(`newCredential`)};return(i,a)=>(e(),g(u(w),{ref_key:`selectRefs`,ref:E,size:`small`,filterable:``,"filter-method":A,"model-value":p.selectedCredentialId,"popper-class":i.$style.selectPopper,"onUpdate:modelValue":j},{empty:_(()=>[...a[1]||=[]]),footer:_(()=>[m(u(y),{disabled:p.permissions.create,content:u(C).baseText(`nodeCredentials.createNew.permissionDenied`),placement:`top`},{default:_(()=>[n(`button`,{type:`button`,"data-test-id":`node-credentials-select-item-new`,class:f([i.$style.newCredential]),disabled:!p.permissions.create,onClick:a[0]||=e=>M()},[m(u(x),{size:`xsmall`,icon:`plus`}),t(` `+s(u(C).baseText(`nodeCredentials.createNew`)),1)],10,I)]),_:1},8,[`disabled`,`content`])]),default:_(()=>[(e(!0),r(d,null,h(k.value,r=>(e(),g(u(T),{key:r.id,"data-test-id":`node-credentials-select-item-${r.id}`,label:r.name,value:r.id},{default:_(()=>[n(`div`,{class:f([i.$style.credentialOption,`mt-2xs mb-2xs`])},[m(u(S),{bold:``},{default:_(()=>[t(s(r.name),1)]),_:2},1024),r.homeProject?(e(),g(u(S),{key:0,size:`small`},{default:_(()=>[t(s(`${r.typeDisplayName} - ${r.homeProject?.name}`),1)]),_:2},1024)):(e(),g(u(S),{key:1,size:`small`},{default:_(()=>[t(s(r.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`}}]]),R=E(a({__name:`CredentialPicker`,props:{appName:{},credentialType:{},selectedCredentialId:{},personalOnly:{type:Boolean},showDelete:{type:Boolean},hideCreateNew:{type:Boolean},createButtonVariant:{},projectId:{},suggestedCredentialName:{}},emits:[`credentialSelected`,`credentialDeselected`,`credentialModalOpened`,`credentialDeleted`],setup(t,{emit:n}){let a=t,s=n,l=M(),d=A(),h=k(),x=v(),S=O(),w=D(),T=i(!1),E=i(null),I=o(()=>{let e=d.getCredentialsByType(a.credentialType);return a.personalOnly?e.filter(e=>e.homeProject?.type===`personal`||e.isGlobal):e}),R=o(()=>I.value.map(e=>({id:e.id,name:e.name,typeDisplayName:d.getCredentialTypeByName(e.type)?.displayName,homeProject:e.homeProject})));async function z(){if(a.selectedCredentialId)try{let e=await d.getCredentialData({id:a.selectedCredentialId});if(!e)throw Error(x.baseText(`credentialEdit.credentialEdit.couldNotFindCredentialWithId`)+`:`+a.selectedCredentialId);E.value=e}catch(e){S.showError(e,x.baseText(`credentialEdit.credentialEdit.showError.loadCredential.title`));return}}let B=o(()=>{let{currentProject:e,personalProject:t}=h;return e??t}),V=o(()=>P(E.value?.scopes??B.value?.scopes).credential),H=e=>{s(`credentialSelected`,e)},U=()=>{l.openNewCredential(a.credentialType,!0,!1,a.projectId,a.suggestedCredentialName),T.value=!0,s(`credentialModalOpened`,void 0)},W=()=>{F(a.selectedCredentialId),l.openExistingCredential(a.selectedCredentialId),T.value=!0,s(`credentialModalOpened`,a.selectedCredentialId)},G=async()=>{F(a.selectedCredentialId);let e=a.selectedCredentialId;if(await w.confirm(x.baseText(`credentialEdit.credentialEdit.confirmMessage.deleteCredential.message`,{interpolate:{savedCredentialName:E.value?.name??a.selectedCredentialId}}),x.baseText(`credentialEdit.credentialEdit.confirmMessage.deleteCredential.headline`),{confirmButtonText:x.baseText(`credentialEdit.credentialEdit.confirmMessage.deleteCredential.confirmButtonText`)})===`confirm`)try{await d.deleteCredential({id:e}),E.value=null,s(`credentialDeleted`,e)}catch(e){S.showError(e,x.baseText(`credentialEdit.credentialEdit.showError.deleteCredential.title`))}};return N({store:d,onCredentialCreated:e=>{T.value&&s(`credentialSelected`,e.id)},onCredentialDeleted:e=>{if(!T.value||e!==a.selectedCredentialId)return;let t=R.value.map(e=>e.id).filter(t=>t!==e);t.length>0?s(`credentialSelected`,t[0]):s(`credentialDeselected`)}}),j({store:l,onModalClosed(e){e===`editCredential`&&T.value&&(T.value=!1,a.selectedCredentialId&&s(`credentialSelected`,a.selectedCredentialId))}}),p(()=>a.selectedCredentialId,()=>{z()},{immediate:!0}),(t,n)=>(e(),r(`div`,null,[R.value.length>0||a.hideCreateNew?(e(),r(`div`,{key:0,class:f(t.$style.dropdown)},[m(L,{"credential-type":a.credentialType,"credential-options":R.value,"selected-credential-id":a.selectedCredentialId,"data-test-id":`credential-dropdown`,permissions:V.value,onCredentialSelected:H,onNewCredential:U},null,8,[`credential-type`,`credential-options`,`selected-credential-id`,`permissions`]),a.selectedCredentialId?(e(),g(u(y),{key:0,disabled:V.value.update,content:u(x).baseText(`nodeCredentials.updateCredential.permissionDenied`),placement:`top`},{default:_(()=>[m(u(b),{variant:`subtle`,icon:`pen`,class:f({[t.$style.edit]:!0}),title:u(x).baseText(`nodeCredentials.updateCredential`),"data-test-id":`credential-edit-button`,disabled:!V.value.update,onClick:n[0]||=e=>W()},null,8,[`class`,`title`,`disabled`])]),_:1},8,[`disabled`,`content`])):c(``,!0),a.showDelete&&a.selectedCredentialId?(e(),g(u(y),{key:1,disabled:V.value.update,content:u(x).baseText(`nodeCredentials.deleteCredential.permissionDenied`),placement:`top`},{default:_(()=>[a.showDelete&&a.selectedCredentialId?(e(),g(u(b),{key:0,"native-type":`button`,title:u(x).baseText(`nodeCredentials.deleteCredential`),icon:`trash-2`,"icon-size":`large`,variant:`outline`,disabled:!V.value.delete,onClick:n[1]||=e=>G()},null,8,[`title`,`disabled`])):c(``,!0)]),_:1},8,[`disabled`,`content`])):c(``,!0)],2)):a.hideCreateNew?c(``,!0):(e(),g(u(C),{key:1,label:`Create new ${a.appName} credential`,class:f(t.$style.createButton),"data-test-id":`create-credential`,variant:a.createButtonVariant||`solid`,disabled:!V.value.create,onClick:U},null,8,[`label`,`class`,`variant`,`disabled`]))]))}}),[[`__cssModules`,{$style:{dropdown:`_dropdown_1f3y0_125`,edit:`_edit_1f3y0_131`,createButton:`_createButton_1f3y0_139`}}]]);export{R as t};
//# sourceMappingURL=CredentialPicker-BSrpObuf.js.map