UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 17.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.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","./useRootStore-legacy-CC08el-l.js","./settings.store-legacy-I6rZOvfF.js","./usePageRedirectionHelper-legacy-DQM99rgh.js","./ProjectIcon-legacy-CgKMJJy2.js","./SecretsProviderImage.ee-legacy-BbL-y08H.js","./useSecretsProviderConnection.ee-legacy-CNUlIa1x.js","./useSecretsProvidersList.ee-legacy-CYxg4xAm.js"],(function(e,t){var a,s,r,n,o,i,l,c,d,u,v,p,g,m,y,_,f,x,b,h,T,C,j,S,w,k,P,E,R,$,I,B,A,z,L,M,D,N,U,O,F,K,W,H,X,Z,G,J,Q,V,Y,q,ee,te,ae,se,re,ne,oe,ie,le,ce,de,ue,ve,pe,ge,me,ye,_e;return{setters:[function(e){e.o},function(e){a=e.$,s=e.A,r=e.Bt,n=e.C,o=e.E,i=e.Ft,l=e.N,c=e.O,d=e.S,u=e.Sn,v=e.T,p=e.Wt,g=e.X,m=e.Z,y=e._,_=e._n,f=e.bt,x=e.j,b=e.ot,h=e.rt,T=e.w,C=e.yt},function(e){j=e.at,S=e.ot},function(e){w=e.At,k=e.Di,P=e.Ft,E=e.It,R=e.Ji,$=e.Pi,I=e.Qi,B=e.Xi,A=e.Zi,z=e.jt,L=e.tt,M=e.wt},function(e){D=e.t},function(e){N=e.Ln,U=e.Pn,O=e.Rt,F=e.ai,K=e.mi,W=e.ni,H=e.r,X=e.wr},function(e){Z=e.$a,G=e.Cs,J=e.os},function(e){Q=e.t},function(e){V=e.Kt,Y=e.t},function(e){q=e.t},function(e){ee=e.n,te=e.t},function(e){ae=e.t},function(e){se=e.t},function(e){re=e.t}],execute:function(){(ne=document.createElement("style")).textContent="._card_1rkda_2{--card--padding:var(--spacing--2xs);padding-left:var(--spacing--sm);cursor:pointer;transition:box-shadow .3s}._card_1rkda_2:hover{box-shadow:var(--shadow--card-hover)}._providerImage_1rkda_13{width:100%;height:100%}._headerContainer_1rkda_18{align-items:center;gap:var(--spacing--3xs);display:flex}._cardBadge_1rkda_24{margin-right:var(--spacing--3xs)}._badge_1rkda_28{padding:var(--spacing--4xs) var(--spacing--2xs);background-color:var(--color--background--light-3);border-color:var(--color--foreground);height:var(--spacing--lg);cursor:pointer}._badge_1rkda_28>span{gap:var(--spacing--3xs);align-items:center;display:flex}._nowrap_1rkda_42{white-space:nowrap!important}._iconCardContainer_mo660_2{margin-bottom:var(--spacing--lg);justify-content:center;align-items:center;display:flex}._iconCard_mo660_2{border:1px solid var(--color--neutral-100);background:var(--color--background--light-2);width:2.5rem;height:2.5rem;box-shadow:var(--shadow--dark);border-radius:var(--radius);justify-content:center;align-items:center;display:flex;overflow:hidden}._iconCard_mo660_2:first-child{transform:rotate(-8deg)}._iconCard_mo660_2:nth-child(2){z-index:1;margin-top:-.3rem}._iconCard_mo660_2:nth-child(3){transform:rotate(8deg)}._iconCard_mo660_2 img,._iconCard_mo660_2 svg{width:var(--spacing--lg);height:var(--spacing--lg)}._providerLogo_mo660_41{width:var(--spacing--lg);height:var(--spacing--lg);object-fit:contain;opacity:1;filter:blur();transition:opacity .3s ease-in-out,filter .3s ease-in-out}._fading_mo660_52{opacity:0;filter:blur(4px)}._container_2jh78_2{padding-bottom:var(--spacing--xl);max-width:702px;margin:0 auto}._headerContainer_2jh78_8{justify-content:space-between;align-items:center;display:flex}._headerTitle_2jh78_14{gap:var(--spacing--2xs);flex-direction:column;display:flex}._addButton_2jh78_20{margin-top:var(--spacing--lg);align-self:flex-end}._link_2jh78_25{text-transform:lowercase;align-items:center;display:inline-flex}._systemRolesToggle_2jh78_31{padding:var(--spacing--sm);border:var(--border);border-radius:var(--radius--lg);justify-content:space-between;align-items:center;display:flex}._systemRolesToggleInfo_2jh78_40{gap:var(--spacing--4xs);flex-direction:column;display:flex}\n/*$vite$:1*/",document.head.appendChild(ne);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(fe=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[fe]="de1666ea-18cc-4060-b060-3887196ce47e",t._sentryDebugIdIdentifier="sentry-dbid-de1666ea-18cc-4060-b060-3887196ce47e")}catch(t){}var t,fe;oe={"data-test-id":"secrets-provider-display-name"},ie={"data-test-id":"secrets-provider-secrets-count"},le={"data-test-id":"secrets-provider-created-at"},ce={key:1},de=l({__name:"SecretsProviderConnectionCard.ee",props:{provider:{},providerTypeInfo:{},project:{},canUpdate:{type:Boolean}},emits:["edit","share","reload","delete","activate"],setup(e,{emit:t}){const i=j(),l=K(),g=F(),m=Y().moduleSettings["external-secrets"]?.forProjects??!1,y=e,h=t,S=r(y,"provider"),E=r(y,"providerTypeInfo"),$=d((()=>Z.fromISO(X(S.value.createdAt)?S.value.createdAt.toISOString():S.value.createdAt||(new Date).toISOString()).toFormat("dd LLL yyyy"))),I=d((()=>"error"===S.value.state)),A=d((()=>!1===S.value.isEnabled)),z=d((()=>!!l.hasScope("externalSecretsProvider:delete")||S.value.projects.length>0&&S.value.projects.every((e=>g.myProjects.find((t=>t.id===e.id))?.scopes?.includes("externalSecretsProvider:delete")??!1)))),L=d((()=>!!l.hasScope("externalSecretsProvider:sync")||S.value.projects.length>0&&S.value.projects.every((e=>g.myProjects.find((t=>t.id===e.id))?.scopes?.includes("externalSecretsProvider:sync")??!1)))),D=d((()=>0===S.value.projects.length)),N=d((()=>{if(y.project){const{name:e,email:t}=W(y.project.name??void 0);return e??t??""}return""})),U=d((()=>D.value?{type:"icon",value:"globe"}:ee(y.project?.icon)?y.project.icon:{type:"icon",value:"layers"})),O=d((()=>D.value?i.baseText("settings.secretsProviderConnections.badge.tooltip.global"):i.baseText("settings.secretsProviderConnections.badge.tooltip.project",{interpolate:{projectName:N.value}}))),H=d((()=>{if(!y.canUpdate)return[];const e=[{label:i.baseText("generic.edit"),value:"edit"}];return A.value&&e.push({label:i.baseText("generic.activate"),value:"activate"}),m&&e.push({label:i.baseText("settings.secretsProviderConnections.actions.share"),value:"share"}),"connected"===S.value.state&&L.value&&!A.value&&e.push({label:i.baseText("settings.externalSecrets.card.actionDropdown.reload"),value:"reload"}),z.value&&e.push({label:i.baseText("generic.delete"),value:"delete"}),e}));function G(e){"edit"===e?h("edit",S.value.name):"activate"===e?h("activate",S.value.name):"share"===e?h("share",S.value.name):"reload"===e?h("reload",S.value.name):"delete"===e&&h("delete",S.value.name)}return(e,t)=>{const r=b("n8n-truncate");return a(),T(p(M),{class:_(e.$style.card)},c({header:C((()=>[n("div",{class:_(e.$style.headerContainer)},[x(p(R),{tag:"h2",bold:"","data-test-id":"secrets-provider-name"},{default:C((()=>[s(u(S.value.name),1)])),_:1}),A.value?(a(),T(p(P),{key:0,theme:"tertiary",bold:!1,size:"xsmall","data-test-id":"disabled-badge"},{default:C((()=>[s(u(p(i).baseText("settings.secretsProviderConnections.state.disabled")),1)])),_:1})):I.value?(a(),T(p(P),{key:1,theme:"warning",bold:!1,size:"xsmall","data-test-id":"disconnected-badge"},{default:C((()=>[s(u(p(i).baseText("settings.secretsProviderConnections.state.disconnected")),1)])),_:1})):v("",!0)],2)])),default:C((()=>[x(p(B),{class:"pb-4xs",color:"text-light",size:"small"},{default:C((()=>[n("span",oe,u(E.value?.displayName??S.value.type),1),t[0]||(t[0]=s(" | ",-1)),n("span",ie,u(p(i).baseText("settings.externalSecrets.card.secretsCount",{interpolate:{count:S.value.secretsCount},adjustToNumber:S.value.secretsCount})),1),t[1]||(t[1]=s(" | ",-1)),n("span",le,u(p(i).baseText("settings.secretsProviderConnections.card.createdAt",{interpolate:{date:$.value}})),1)])),_:1})])),append:C((()=>[A.value?v("",!0):(a(),T(p(k),{key:0,class:_(e.$style.cardBadge),placement:"top"},{content:C((()=>[s(u(O.value),1)])),default:C((()=>[x(p(P),{class:_(e.$style.badge),theme:"tertiary","data-test-id":D.value?"secrets-provider-global-badge":"secrets-provider-project-badge"},{default:C((()=>[x(te,{icon:U.value,"border-less":!0,size:"mini"},null,8,["icon"]),D.value?(a(),o("span",ce,u(p(i).baseText("projects.badge.global")),1)):f((a(),o("span",{key:0,class:_(e.$style.nowrap)},[s(u(N.value),1)],2)),[[r,N.value,"20"]])])),_:1},8,["class","data-test-id"])])),_:1},8,["class"])),x(p(w),{actions:H.value,"data-test-id":"secrets-provider-action-toggle",onAction:G},null,8,["actions"])])),_:2},[E.value?{name:"prepend",fn:C((()=>[x(ae,{class:_(e.$style.providerImage),provider:E.value,"data-test-id":"secrets-provider-image"},null,8,["class","provider"])])),key:"0"}:void 0]),1032,["class"])}}}),ue=D(de,[["__cssModules",{$style:{card:"_card_1rkda_2",providerImage:"_providerImage_1rkda_13",headerContainer:"_headerContainer_1rkda_18",cardBadge:"_cardBadge_1rkda_24",badge:"_badge_1rkda_28",nowrap:"_nowrap_1rkda_42"}}]]),ve=l({__name:"SecretsProvidersEmptyState.ee",props:{providerTypes:{},canCreate:{type:Boolean}},emits:["addSecretsStore"],setup(e,{emit:t}){const l=j(),c=r(e,"providerTypes"),y=d((()=>c.value??[])),f=t,b=i(0),h=i(2),S=i(!1),w=i(!1);let k=null;function P(){f("addSecretsStore")}return g((()=>{k=setInterval((()=>{S.value=!0,setTimeout((()=>{b.value=(b.value+1)%y.value.length,S.value=!1}),300),setTimeout((()=>{w.value=!0,setTimeout((()=>{h.value=(h.value+1)%y.value.length,w.value=!1}),300)}),1500)}),3e3)})),m((()=>{k&&clearInterval(k)})),(t,r)=>(a(),T(p($),{class:"mt-2xl mb-l",description:"yes","data-test-id":"secrets-provider-connections-empty-state"},{description:C((()=>[n("div",{class:_(t.$style.iconCardContainer)},[y.value?.[b.value]?(a(),o("div",{key:0,class:_(t.$style.iconCard)},[x(ae,{provider:y.value?.[b.value],class:_([t.$style.providerLogo,{[t.$style.fading]:S.value}])},null,8,["provider","class"])],2)):v("",!0),n("div",{class:_(t.$style.iconCard)},[x(p(I),{icon:"vault"})],2),y.value?.[h.value]?(a(),o("div",{key:1,class:_(t.$style.iconCard)},[x(ae,{provider:y.value?.[h.value],class:_([t.$style.providerLogo,{[t.$style.fading]:w.value}])},null,8,["provider","class"])],2)):v("",!0)],2),x(p(R),{tag:"h2",size:"medium",align:"center",class:"mb-2xs"},{default:C((()=>[s(u(p(l).baseText("settings.secretsProviderConnections.emptyState.heading")),1)])),_:1}),n("div",null,u(p(l).baseText("settings.secretsProviderConnections.emptyState.description")),1)])),additionalContent:C((()=>[x(p(A),{variant:"ghost",class:"mr-2xs n8n-button--highlight",href:p(l).baseText("settings.externalSecrets.docs"),target:"_blank","data-test-id":"secrets-provider-connections-learn-more"},{default:C((()=>[s(u(p(l).baseText("generic.learnMore"))+" ",1),x(p(I),{icon:"arrow-up-right"})])),_:1},8,["href"]),e.canCreate?(a(),T(p(A),{key:0,variant:"solid",onClick:P},{default:C((()=>[s(u(p(l).baseText("settings.secretsProviderConnections.buttons.addSecretsStore")),1)])),_:1})):v("",!0)])),_:1}))}}),pe=D(ve,[["__cssModules",{$style:{iconCardContainer:"_iconCardContainer_mo660_2",iconCard:"_iconCard_mo660_2",providerLogo:"_providerLogo_mo660_41",fading:"_fading_mo660_52"}}]]),ge={key:0,"data-test-id":"secrets-provider-connections-content-licensed"},me={key:0,"data-test-id":"secrets-providers-loading"},ye={key:2},_e=["href"],e("default",D(l({__name:"SettingsSecretsProviders.ee",setup(e){const t=j(),r=re(),l=F(),c=Y(),m=Q(),f=U(),b=N(),w=O(),k=q(),P=H(),M=se(l.currentProjectId),D=d((()=>r.activeProviders.value.length>0)),K=d((()=>c.moduleSettings["external-secrets"])),W=d((()=>K.value?.roleBasedAccess??!1)),X=i(!1),Z=i(!1);async function ee(e){const a=Boolean(e);if(a||"confirm"===await b.confirm(t.baseText("settings.externalSecrets.systemRoles.confirm.message"),t.baseText("settings.externalSecrets.systemRoles.confirm.headline"),{confirmButtonText:t.baseText("settings.externalSecrets.systemRoles.confirm.confirmButtonText"),cancelButtonText:t.baseText("settings.externalSecrets.systemRoles.confirm.cancelButtonText")})){Z.value=!0;try{X.value=(await V(m.restApiContext,{systemRolesEnabled:a})).systemRolesEnabled,await c.getModuleSettings(),f.showMessage({title:a?t.baseText("settings.externalSecrets.systemRoles.enabled.toast"):t.baseText("settings.externalSecrets.systemRoles.disabled.toast"),type:"success"})}catch(s){f.showError(s,t.baseText("settings.externalSecrets.systemRoles.error"))}finally{Z.value=!1}}}const te=d((()=>[...r.activeProviders.value].sort(((e,t)=>e.name.localeCompare(t.name)))));function ae(e){return e&&0!==e.projects.length?l.projects.find((t=>t.id===e.projects[0].id))??null:null}async function ne(e){try{await M.activateConnection(e),await r.fetchConnection(e),f.showMessage({title:t.baseText("settings.secretsProviderConnections.actions.activate.success.title"),message:t.baseText("settings.secretsProviderConnections.actions.activate.success.description",{interpolate:{provider:e}}),type:"success"})}catch(a){f.showError(a,t.baseText("settings.secretsProviderConnections.actions.activate.error.title"),t.baseText("settings.secretsProviderConnections.actions.activate.error.description",{interpolate:{provider:e}}))}}function oe(e,t="connection"){const a=r.activeProviders.value.map((e=>e.name));P.openModalWithData({name:G,data:{activeTab:t,providerKey:e,providerTypes:r.providerTypes.value,existingProviderNames:a,onClose:async()=>{await r.fetchActiveConnections()}}})}function ie(e){oe(e,"connection")}function le(e){oe(e,"sharing")}async function ce(e){try{if(!(await M.reloadConnection(e)).success)return void f.showError(new Error("Reload failed"),t.baseText("error"));f.showMessage({title:t.baseText("settings.externalSecrets.card.reload.success.title"),message:t.baseText("settings.externalSecrets.card.reload.success.description",{interpolate:{provider:e}}),type:"success"}),await r.fetchConnection(e)}catch(a){f.showError(a,t.baseText("error"))}}function de(e){const t=r.activeProviders.value.find((t=>t.name===e));t&&P.openModalWithData({name:J,data:{providerKey:t.name,providerName:t.name,secretsCount:t.secretsCount??0,projectId:t.projects.length>0?t.projects[0].id:void 0,onConfirm:async()=>{await r.fetchActiveConnections()}}})}function ve(){k.goToUpgrade("external-secrets","upgrade-external-secrets")}return g((async()=>{if(w.set(t.baseText("settings.secretsProviderConnections.title")),r.isEnterpriseExternalSecretsEnabled.value){try{await Promise.all([r.fetchProviderTypes(),r.fetchActiveConnections(),l.getAllProjects()])}catch(e){f.showError(e,t.baseText("error"))}X.value=K.value?.systemRolesEnabled??!1}})),(e,i)=>(a(),o("div",{class:_(e.$style.container)},[n("div",{class:_(["mb-xl",e.$style.headerContainer])},[n("div",{class:_(e.$style.headerTitle)},[x(p(R),{tag:"h1",size:"2xlarge"},{default:C((()=>[s(u(p(t).baseText("settings.secretsProviderConnections.title")),1)])),_:1}),p(r).isEnterpriseExternalSecretsEnabled.value&&D.value?(a(),T(p(B),{key:0,color:"text-base",size:"medium"},{default:C((()=>[s(u(p(t).baseText("settings.secretsProviderConnections.description"))+" "+u(p(t).baseText("credentialResolver.view.learnMore"))+" ",1),x(p(L),{theme:"text",href:p(t).baseText("settings.externalSecrets.docs"),size:"medium","new-window":""},{default:C((()=>[n("span",{class:_(e.$style.link)},[s(u(p(t).baseText("generic.documentation"))+" ",1),x(p(I),{icon:"arrow-up-right"})],2)])),_:1},8,["href"])])),_:1})):v("",!0),W.value?(a(),o("div",{key:1,class:_([e.$style.systemRolesToggle,"mt-xl"]),"data-test-id":"external-secrets-system-roles-toggle"},[n("div",{class:_(e.$style.systemRolesToggleInfo)},[x(p(B),{bold:!0,size:"small"},{default:C((()=>[s(u(p(t).baseText("settings.externalSecrets.systemRoles.title")),1)])),_:1}),x(p(B),{size:"small",color:"text-light"},{default:C((()=>[s(u(p(t).baseText("settings.externalSecrets.systemRoles.description")),1)])),_:1})],2),x(p(E),{"model-value":X.value,loading:Z.value,"data-test-id":"external-secrets-system-roles-switch","onUpdate:modelValue":ee},null,8,["model-value","loading"])],2)):v("",!0),D.value&&p(r).canCreate.value?(a(),T(p(A),{key:2,class:_(e.$style.addButton),variant:"solid",size:"small",onClick:i[0]||(i[0]=e=>oe())},{default:C((()=>[x(p(I),{icon:"plus"}),s(" "+u(p(t).baseText("settings.secretsProviderConnections.buttons.addSecretsStore")),1)])),_:1},8,["class"])):v("",!0)],2)],2),p(r).isEnterpriseExternalSecretsEnabled.value?(a(),o("div",ge,[p(r).isLoading.value&&!D.value?(a(),o("div",me,[(a(),o(y,null,h(3,(e=>n("div",{key:e,class:"mb-2xs"},[x(p(z),{variant:"p",rows:1})]))),64))])):D.value?(a(),o("div",ye,[(a(!0),o(y,null,h(te.value,(e=>{return a(),T(ue,{key:e.name,class:"mb-2xs",provider:e,"provider-type-info":(t=e.type,r.providerTypes.value.find((e=>e.type===t))),project:ae(e),"can-update":p(r).canUpdate.value,onClick:t=>{oe(e.name,"connection")},onEdit:ie,onShare:le,onReload:ce,onActivate:ne,onDelete:de},null,8,["provider","provider-type-info","project","can-update","onClick"]);var t})),128))])):(a(),T(pe,{key:1,"provider-types":p(r).providerTypes.value,"can-create":p(r).canCreate.value,onAddSecretsStore:i[1]||(i[1]=e=>oe())},null,8,["provider-types","can-create"]))])):(a(),T(p($),{key:1,class:"mt-2xl mb-l","data-test-id":"secrets-provider-connections-content-unlicensed","button-text":p(t).baseText("settings.externalSecrets.actionBox.buttonText"),onClick:ve},{heading:C((()=>[n("span",null,u(p(t).baseText("settings.externalSecrets.actionBox.title")),1)])),description:C((()=>[x(p(S),{keypath:"settings.externalSecrets.actionBox.description",scope:"global"},{link:C((()=>[n("a",{href:p(t).baseText("settings.externalSecrets.docs"),target:"_blank"},u(p(t).baseText("settings.externalSecrets.actionBox.description.link")),9,_e)])),_:1})])),_:1},8,["button-text"]))],2))}}),[["__cssModules",{$style:{container:"_container_2jh78_2",headerContainer:"_headerContainer_2jh78_8",headerTitle:"_headerTitle_2jh78_14",addButton:"_addButton_2jh78_20",link:"_link_2jh78_25",systemRolesToggle:"_systemRolesToggle_2jh78_31",systemRolesToggleInfo:"_systemRolesToggleInfo_2jh78_40"}}]]))}}})); //# sourceMappingURL=SettingsSecretsProviders.ee-legacy-BhQkrwhQ.js.map