UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 9.31 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","./col-legacy-CMpmSVs6.js","./constants-legacy-DNCca_FT.js","./merge-legacy-uu1aGqHK.js","./_baseOrderBy-legacy-PsQY_Pvh.js","./dateformat-legacy-BxdD_OP7.js","./useDebounce-legacy-CT3oYGrC.js","./versions.store-legacy-BoVYiMEK.js","./usePageRedirectionHelper-legacy-dYzA8Va8.js","./apiKeys.store-legacy-BVkbnZIb.js"],(function(e,t){var a,i,n,s,o,l,r,c,d,p,g,u,_,y,f,b,h,m,x,v,w,k,T,A,K,j,$,C,D,H,I,E,z,P,S,M,B,L,U,R,N,V,W,F,X,Y,Z,J;return{setters:[function(e){e.o},function(e){a=e.$,i=e.A,n=e.C,s=e.E,o=e.Ft,l=e.N,r=e.Sn,c=e.T,d=e.Wt,p=e.X,g=e._,u=e._n,_=e.j,y=e.rt,f=e.w,b=e.yt},function(e){h=e.bt,m=e.xt},function(e){x=e.Nt,v=e.Qi,w=e.Ri,k=e.Rt,T=e.Yi,A=e.Zi,K=e.lt},function(e){j=e.t},function(e){},function(e){$=e.As,C=e.Tr,D=e.en,H=e.hr,I=e.ja,E=e.jr,z=e.r,P=e.vn},function(e){S=e.n,M=e.t},function(e){e.Ps,B=e.h,L=e.mo},function(e){},function(e){U=e.N,R=e.r},function(e){},function(e){},function(e){},function(e){N=e.t},function(e){V=e.t}],execute:function(){(W=document.createElement("style")).textContent="._cardLink_ec33a_125{cursor:pointer;padding:0 0 0 var(--spacing--sm);align-items:stretch;transition:box-shadow .3s}._cardLink_ec33a_125:hover{box-shadow:var(--shadow--card-hover)}._cardHeading_ec33a_135{font-size:var(--font-size--sm);word-break:word-break;padding:var(--spacing--sm)0 0 var(--spacing--sm);width:200px}._cardDescription_ec33a_142{min-height:19px;padding:0 0 var(--spacing--sm)var(--spacing--sm);align-items:center;display:flex}._cardActions_ec33a_149{padding:0 var(--spacing--sm)0 0;cursor:default;flex-direction:row;justify-content:center;align-items:center;display:flex}._cardApiKey_ec33a_158{flex-grow:1;justify-content:center;display:flex}._header_g9f1h_125{white-space:nowrap;margin-bottom:var(--spacing--xl);align-items:center;display:flex}._header_g9f1h_125 :first-child{flex-grow:1}._card_g9f1h_135{position:relative}._destinationItem_g9f1h_139{margin-bottom:var(--spacing--2xs)}._delete_g9f1h_143{top:var(--spacing--sm);right:var(--spacing--sm);display:inline-block;position:absolute}._topHint_g9f1h_150{margin-top:none;margin-bottom:var(--spacing--sm);color:var(--color--text--tint-1)}._topHint_g9f1h_150 span{font-size:var(--font-size--sm);line-height:var(--line-height--lg);font-weight:var(--font-weight--regular)}._BottomHint_g9f1h_161{margin-bottom:var(--spacing--sm);margin-top:var(--spacing--sm)}._apiKeysContainer_g9f1h_166{scrollbar-width:none;max-height:45vh;overflow-x:hidden;overflow-y:auto}\n/*$vite$:1*/",document.head.appendChild(W);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(O=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[O]="0a2c9293-7797-4c2f-9692-3db1a1c5e8bb",t._sentryDebugIdIdentifier="sentry-dbid-0a2c9293-7797-4c2f-9692-3db1a1c5e8bb")}catch(t){}var t,O;F=j(l({__name:"ApiKeyCard",props:{apiKey:{}},emits:["edit","delete"],setup(e,{emit:t}){const l="edit",p="delete",g=[{label:"Edit",value:l},{label:"Delete",value:p}],y=h(),m=o(null),v=e,w=t;async function T(e){e===l?w("edit",v.apiKey.id):e===p&&w("delete",v.apiKey.id)}const K=e=>!!e.expiresAt&&e.expiresAt<=Date.now()/1e3,j=e=>{if(!e.expiresAt)return y.baseText("settings.api.neverExpires");if(K(e))return y.baseText("settings.api.expired");const t=L.fromSeconds(e.expiresAt).toFormat("ccc, MMM d yyyy");return y.baseText("settings.api.expirationTime",{interpolate:{time:t}})};return(t,o)=>(a(),f(d(x),{class:u(t.$style.cardLink),"data-test-id":"api-key-card",onClick:o[0]||(o[0]=e=>T("edit"))},{header:b((()=>[n("div",null,[_(d(A),{tag:"h2",bold:"",class:u(t.$style.cardHeading)},{default:b((()=>[i(r(e.apiKey.label),1)])),_:1},8,["class"]),n("div",{class:u([t.$style.cardDescription])},[_(d(A),{color:K(e.apiKey)?"warning":"text-light",size:"small"},{default:b((()=>[n("span",null,r(j(e.apiKey)),1)])),_:1},8,["color"])],2)]),e.apiKey.apiKey.includes("*")?(a(),s("div",{key:0,class:u(t.$style.cardApiKey)},[_(d(A),{color:"text-light",size:"small"},{default:b((()=>[i(r(e.apiKey.apiKey),1)])),_:1})],2)):c("",!0)])),append:b((()=>[n("div",{ref_key:"cardActions",ref:m,class:u(t.$style.cardActions)},[_(d(k),{actions:g,theme:"dark",onAction:T})],2)])),_:1},8,["class"]))}}),[["__cssModules",{$style:{cardLink:"_cardLink_ec33a_125",cardHeading:"_cardHeading_ec33a_135",cardDescription:"_cardDescription_ec33a_142",cardActions:"_cardActions_ec33a_149",cardApiKey:"_cardApiKey_ec33a_158"}}]]),X=["textContent"],Y=["textContent"],Z={class:"mt-m text-right"},J=l({__name:"SettingsApiView",setup(e){const l=$(),x=z(),k=H(),{showError:j,showMessage:L}=C(),{confirm:W}=E(),J=P(),O=h(),{goToUpgrade:Q}=N(),q=D(),G=o(!1),ee=V(),{getAndCacheApiKeys:te,deleteApiKey:ae,getApiKeyAvailableScopes:ie}=ee,{apiKeysSortByCreationDate:ne}=U(ee),{isSwaggerUIEnabled:se,publicApiPath:oe,publicApiLatestVersion:le}=l,{baseUrl:re}=R(),{isPublicApiEnabled:ce}=l,de=o(""),pe=async()=>{q.track("User clicked create API key button"),x.openModalWithData({name:I,data:{mode:"new"}})};function ge(){Q("settings-n8n-api","upgrade-api","redirect")}async function ue(e){if("confirm"===await W(O.baseText("settings.api.delete.description"),O.baseText("settings.api.delete.title"),{confirmButtonText:O.baseText("settings.api.delete.button"),cancelButtonText:O.baseText("generic.cancel")}))try{await ae(e),L({title:O.baseText("settings.api.delete.toast"),type:"success"})}catch(t){j(t,O.baseText("settings.api.delete.error"))}finally{q.track("User clicked delete API key button")}}function _e(e){x.openModalWithData({name:I,data:{mode:"edit",activeId:e}})}return p((async()=>{J.set(O.baseText("settings.api")),de.value=se?`${re}${oe}/v${le}/docs`:`https://${B}/api/api-reference/`,ce&&await async function(){try{G.value=!0,await Promise.all([te(),ie()])}catch(e){j(e,O.baseText("settings.api.view.error"))}finally{G.value=!1}}()})),(e,t)=>(a(),s("div",{class:u(e.$style.container)},[n("div",{class:u(e.$style.header)},[_(d(T),{size:"2xlarge"},{default:b((()=>[i(r(d(O).baseText("settings.api")),1)])),_:1})],2),d(ce)&&d(ne).length?(a(),s("p",{key:0,class:u(e.$style.topHint)},[_(d(A),null,{default:b((()=>[_(d(m),{keypath:"settings.api.view.info",tag:"span",scope:"global"},{apiAction:b((()=>[n("a",{"data-test-id":"api-docs-link",href:"https://docs.n8n.io/api",target:"_blank",textContent:r(d(O).baseText("settings.api.view.info.api"))},null,8,X)])),webhookAction:b((()=>[n("a",{"data-test-id":"webhook-docs-link",href:"https://docs.n8n.io/integrations/builtin/core-nodes/n8n-nodes-base.webhook/",target:"_blank",textContent:r(d(O).baseText("settings.api.view.info.webhook"))},null,8,Y)])),_:1})])),_:1})],2)):c("",!0),n("div",{class:u(e.$style.apiKeysContainer)},[d(ne).length?(a(!0),s(g,{key:0},y(d(ne),((t,i)=>(a(),f(d(S),{key:t.id,gutter:10,class:u([{[e.$style.destinationItem]:i!==d(ne).length-1}])},{default:b((()=>[_(d(M),null,{default:b((()=>[_(F,{"api-key":t,onDelete:ue,onEdit:_e},null,8,["api-key"])])),_:2},1024)])),_:2},1032,["class"])))),128)):c("",!0)],2),d(ce)&&d(ne).length?(a(),s("div",{key:1,class:u(e.$style.BottomHint)},[_(d(A),{size:"small",color:"text-light"},{default:b((()=>[i(r(d(O).baseText("settings.api.view."+(d(l).isSwaggerUIEnabled?"tryapi":"more-details"))),1)])),_:1}),t[0]||(t[0]=i(" "+r(" ")+" ",-1)),d(se)?(a(),f(d(K),{key:0,"data-test-id":"api-playground-link",to:de.value,"new-window":!0,size:"small"},{default:b((()=>[i(r(d(O).baseText("settings.api.view.apiPlayground")),1)])),_:1},8,["to"])):(a(),f(d(K),{key:1,"data-test-id":"api-endpoint-docs-link",to:de.value,"new-window":!0,size:"small"},{default:b((()=>[i(r(d(O).baseText("settings.api.view.external-docs")),1)])),_:1},8,["to"]))],2)):c("",!0),n("div",Z,[d(ce)&&d(ne).length?(a(),f(d(v),{key:0,size:"large",onClick:pe},{default:b((()=>[i(r(d(O).baseText("settings.api.create.button")),1)])),_:1})):c("",!0)]),!d(ce)&&d(k).userIsTrialing?(a(),f(d(w),{key:2,"data-test-id":"public-api-upgrade-cta",heading:d(O).baseText("settings.api.trial.upgradePlan.title"),description:d(O).baseText("settings.api.trial.upgradePlan.description"),"button-text":d(O).baseText("settings.api.trial.upgradePlan.cta"),"onClick:button":ge},null,8,["heading","description","button-text"])):c("",!0),d(ce)&&!d(ne).length?(a(),f(d(w),{key:3,"button-text":d(O).baseText(G.value?"settings.api.create.button.loading":"settings.api.create.button"),description:d(O).baseText("settings.api.create.description"),"onClick:button":pe},null,8,["button-text","description"])):c("",!0)],2))}}),e("default",j(J,[["__cssModules",{$style:{header:"_header_g9f1h_125",card:"_card_g9f1h_135",destinationItem:"_destinationItem_g9f1h_139",delete:"_delete_g9f1h_143",topHint:"_topHint_g9f1h_150",BottomHint:"_BottomHint_g9f1h_161",apiKeysContainer:"_apiKeysContainer_g9f1h_166"}}]]))}}})); //# sourceMappingURL=SettingsApiView-legacy-Dq0TfpGn.js.map