UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 13.3 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","./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","./useClipboard-legacy-D5bRgqfO.js","./ProjectIcon-legacy-Bou4IyeB.js","./EnterpriseEdition.ee-legacy-CDCH5PXv.js","./orderBy-legacy-B1QhOZ6M.js","./ProjectSharing-legacy-D18mSKYq.js","./folders.store-legacy-D5PytSyG.js","./insights.store-legacy-CoDyKxkz.js","./insights.constants-legacy-CEIQi13p.js","./insights.utils-legacy-uA0D6qm5.js","./readyToRun.store-legacy-DjI3ii4i.js","./ResourcesListLayout-legacy-CyEQJ0tB.js","./ResourceFiltersDropdown-legacy-B3UwyTK3.js","./ProjectHeader-legacy-CpoNRlY6.js","./InsightsSummary-legacy-BlZQZv-w.js","./pickBy-legacy-gyAJRZ76.js"],(function(e,a){var t,l,s,n,o,i,r,c,d,u,b,p,v,m,y,f,g,h,j,x,_,k,T,w,C,I,E,S,V,U,z,D,R,$,B,P,A,O,M,L,F,Z,q,H,K,N,W,X,J,Q,Y,G,ee,ae,te,le,se,ne,oe,ie,re,ce,de,ue,be,pe,ve,me,ye,fe,ge,he,je,xe;return{setters:[function(e){t=e.o},function(e){l=e.$,s=e.A,n=e.C,o=e.E,i=e.Ft,r=e.N,c=e.O,d=e.S,u=e.Sn,b=e.T,p=e.U,v=e.Wt,m=e.X,y=e._,f=e._n,g=e.bt,h=e.j,j=e.ot,x=e.pt,_=e.rt,k=e.vn,T=e.w,w=e.yt},function(e){C=e.bt,I=e.x},function(e){E=e.$i,S=e.Et,V=e.Mi,U=e.Qi,z=e.Ri,D=e.Tt,R=e.Ut,$=e.Zi,B=e._t,P=e.gt,A=e.lt,O=e.vt,M=e.yt},function(e){L=e.t},function(e){},function(e){F=e.Ar,Z=e.As,q=e.Ft,H=e.Pt,K=e.Tr,N=e.Za,W=e.di,X=e.en,J=e.jr,Q=e.r,Y=e.t,G=e.vn},function(e){e.Ps,ee=e.is,ae=e.pl},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){te=e.t},function(e){le=e.t},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){se=e.t},function(e){},function(e){},function(e){ne=e.r},function(e){oe=e.t},function(e){},function(e){ie=e.t},function(e){re=e.t},function(e){ce=e.t}],execute:function(){(de=document.createElement("style")).textContent='.usageSyntax[data-v-b4930937]{cursor:pointer;background:var(--variables-usage--syntax--color--background);color:var(--variables-usage--color--text);font-family:var(--font-family--monospace);font-size:var(--font-size--sm)}.scope-badge[data-v-b28a8f81]{text-transform:none;align-items:center;padding:2px;display:flex}.action-buttons[data-v-b28a8f81]{opacity:0;justify-content:end;transition:opacity .2s;display:flex}[data-v-b28a8f81] .datatable{white-space:nowrap}[data-v-b28a8f81] .datatable table tr:hover .action-buttons{opacity:1}[data-v-b28a8f81] .datatable table tr td:nth-child(2){white-space:normal}@media screen and (max-width:992px){[data-v-b28a8f81] .datatable table tr th:nth-child(3),[data-v-b28a8f81] .datatable table tr td:nth-child(3){display:none}}[data-v-b28a8f81] .datatable .variables-actions-column{width:170px}._optionContent_16ed1_125{align-items:center;gap:var(--spacing--2xs);display:flex}._menuItemEmoji_16ed1_131{font-size:var(--font-size--sm);line-height:1}._globalOption_16ed1_136{margin-bottom:var(--spacing--sm);position:relative;overflow:visible}._globalOption_16ed1_136:after{content:"";bottom:calc(var(--spacing--sm)/-2);left:var(--spacing--xs);right:var(--spacing--xs);background-color:var(--color--foreground);height:1px;position:absolute}\n/*$vite$:1*/',document.head.appendChild(de);try{a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(_e=(new a.Error).stack)&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[_e]="58468fac-031e-445b-9d3a-9548939ddcee",a._sentryDebugIdIdentifier="sentry-dbid-58468fac-031e-445b-9d3a-9548939ddcee")}catch(a){}var a,_e;ue=t(ce(),1),be=L(r({__name:"VariablesUsageBadge",props:{name:{}},setup(e){const a=C(),t=le(),{showMessage:o}=K(),i=e,r=d((()=>`$vars.${i.name}`)),c=()=>{t.copy(r.value),o({title:a.baseText("variables.row.usage.copiedToClipboard"),type:"success"})};return(e,t)=>(l(),T(v(V),{placement:"top"},{content:w((()=>[s(u(v(a).baseText("variables.row.usage.copyToClipboard")),1)])),default:w((()=>[n("span",{class:"usageSyntax",onClick:c},u(r.value),1)])),_:1}))}}),[["__scopeId","data-v-b4930937"]]),pe={class:"mb-s"},ve={key:0,class:"mb-s"},me={"data-test-id":"variables-row"},ye={key:0},fe={key:0},ge={class:"scope-badge",style:{display:"flex","align-items":"center",gap:"4px"}},he={key:1,align:"right"},je={class:"action-buttons"},xe={key:0,class:"mt-xs"},e("default",L(r({__name:"ProjectVariables",setup(e){const a=Z(),t=H(),r=Y(),L=Q(),le=X(),ce=C(),de=J(),_e=F(),ke=P(),Te=B(),we=se(),Ce=ne(),Ie=q(),Ee=x("layoutRef"),{showError:Se,showMessage:Ve}=K(),Ue=ke.params.projectId,ze=d((()=>ee(r.currentUser?.globalScopes).variable)),De=d((()=>ee(Ie.currentProject?.scopes).projectVariable)),{isLoading:Re,execute:$e}=I(t.fetchAllVariables,[],{immediate:!0}),Be=d((()=>a.isEnterpriseFeatureEnabled[ae.Variables])),Pe=()=>{L.openModalWithData({name:N,data:{mode:"new"}}),le.track("User clicked add variable button")},Ae=d((()=>t.variables.filter((e=>!Ue||e.project?.id===Ue)).map((e=>({resourceType:"variable",id:e.id,name:e.key,key:e.key,value:e.value,project:e.project}))))),Oe=d((()=>t.variables.filter((e=>!e.project)))),Me=d((()=>Be.value&&(ze.value.create??De.value.create))),Le=d((()=>{const e=[{id:0,path:"name",label:ce.baseText("variables.table.key"),classes:["variables-key-column"]},{id:1,path:"value",label:ce.baseText("variables.table.value"),classes:["variables-value-column"]},{id:2,path:"usage",label:ce.baseText("variables.table.usage"),classes:["variables-usage-column"]}];return Ue||e.push({id:3,path:"project",label:ce.baseText("variables.table.scope"),classes:["variables-scope-column"]}),Be.value?e.concat({id:4,path:"actions",label:"",classes:["variables-actions-column"]}):e})),Fe=e=>{Te.replace({query:(0,ue.default)(e)})},Ze=i({...ke.query,incomplete:"true"===ke.query.incomplete?.toString(),projectId:ke.query.projectId?.toString()||""}),qe=e=>{Fe({...Ze.value,search:e})},He=(e,a,t)=>{if(!W(e))return!1;const l=a;return l.incomplete&&(t=t&&!e.value),l.projectId&&(t="global"===l.projectId?t&&!e.project:t&&e.project?.id===l.projectId),t},Ke=(e,a,t)=>"asc"===t?Qe(e).trim().localeCompare(Qe(a).trim()):Qe(a).trim().localeCompare(Qe(e).trim()),Ne={nameAsc:(e,a)=>Ke(e,a,"asc"),nameDesc:(e,a)=>Ke(e,a,"desc")},We=d((()=>{const e=[{value:"global",label:ce.baseText("variables.modal.scope.global"),icon:{type:"icon",value:"database"}}];return e.push(...Ie.availableProjects.filter((e=>"personal"!==e.type)).map((e=>{const a=e.icon??{type:"icon",value:"layer-group"};return{value:e.id,label:e.name??e.id,icon:a}}))),e})),Xe=d((()=>We.value.find((e=>e.value===Ze.value.projectId))?.icon??{type:"icon",value:"database"}));function Je(){te().goToUpgrade("variables","upgrade-variables")}function Qe(e){return e.key}_e.$onAction((({name:e,after:a})=>{"pullWorkfolder"===e&&a&&a((()=>{$e()}))}));const Ye=d((()=>({heading:ce.baseText(L.contextBasedTranslationKeys.variables.unavailable.title),description:ce.baseText(L.contextBasedTranslationKeys.variables.unavailable.description),buttonText:ce.baseText(L.contextBasedTranslationKeys.variables.unavailable.button),buttonType:"secondary","onClick:button":Je,"data-test-id":"unavailable-resources-list"})));return m((()=>{G().set(ce.baseText("variables.heading"))})),(e,a)=>{const i=j("n8n-truncate");return l(),T(oe,{ref_key:"layoutRef",ref:Ee,filters:Ze.value,"onUpdate:filters":[a[1]||(a[1]=e=>Ze.value=e),Fe],"resource-key":"variables",disabled:!Be.value,resources:Ae.value,"additional-filters-handler":He,shareable:!1,"display-name":Qe,"sort-fns":Ne,"sort-options":["nameAsc","nameDesc"],type:"datatable","type-props":{columns:Le.value},loading:v(Re),"onUpdate:search":qe,"onClick:add":Pe},c({header:w((()=>[h(ie,{"main-button":"variable"},{default:w((()=>[v(Ce).isOverviewSubPage&&v(we).isSummaryEnabled?(l(),T(re,{key:0,loading:v(we).weeklySummary.isLoading,summary:v(we).weeklySummary.state,"time-range":"week"},null,8,["loading","summary"])):b("",!0)])),_:1})])),filters:w((({setKeyValue:t})=>[n("div",pe,[h(v(O),{label:v(ce).baseText("credentials.filters.status"),bold:!1,size:"small",color:"text-base",class:"mb-3xs"},null,8,["label"]),h(v(M),{label:"Value missing","data-test-id":"variable-filter-incomplete","model-value":Ze.value.incomplete,"onUpdate:modelValue":e=>t("incomplete",e)},null,8,["model-value","onUpdate:modelValue"])]),v(Ue)?b("",!0):(l(),o("div",ve,[h(v(O),{label:v(ce).baseText("forms.resourceFiltersDropdown.owner"),bold:!1,size:"small",color:"text-base",class:"mb-3xs"},null,8,["label"]),h(v(D),{modelValue:Ze.value.projectId,"onUpdate:modelValue":[a[0]||(a[0]=e=>Ze.value.projectId=e),e=>t("projectId",e)],size:"large",filterable:"","data-test-id":"variable-modal-scope-select"},{prefix:w((()=>["emoji"===Xe.value?.type?(l(),T(v($),{key:0,class:f(e.$style.menuItemEmoji)},{default:w((()=>[s(u(Xe.value?.value),1)])),_:1},8,["class"])):Xe.value?.value?(l(),T(v(E),{key:1,icon:Xe.value.value},null,8,["icon"])):b("",!0)])),default:w((()=>[(l(!0),o(y,null,_(We.value,(a=>(l(),T(v(S),{key:a.value||"global",value:a.value,label:a.label,class:f({[e.$style.globalOption]:"global"===a.value})},{default:w((()=>[n("div",{class:f(e.$style.optionContent)},[a.icon&&"emoji"===a.icon?.type?(l(),T(v($),{key:0,class:f(e.$style.menuItemEmoji)},{default:w((()=>[s(u(a.icon.value),1)])),_:2},1032,["class"])):a.icon?.value?(l(),T(v(E),{key:1,icon:a.icon.value},null,8,["icon"])):b("",!0),n("span",null,u(a.label),1)],2)])),_:2},1032,["value","label","class"])))),128))])),_:1},8,["modelValue","onUpdate:modelValue"])]))])),default:w((({data:e})=>[n("tr",me,[n("td",null,u(e.key),1),n("td",null,[e.value?g((l(),o("span",ye,null,512)),[[i,e.value,"20"]]):(l(),T(v(R),{key:1,theme:"warning"},{default:w((()=>[...a[2]||(a[2]=[s(" Value missing ",-1)])])),_:1}))]),n("td",null,[e.key?(l(),T(be,{key:0,name:e.key},null,8,["name"])):b("",!0)]),v(Ue)?b("",!0):(l(),o("td",fe,[h(v(R),null,{default:w((()=>[n("div",ge,[e.project?(l(),T(v(E),{key:0,icon:"layers"})):b("",!0),s(" "+u(e.project?.name??v(ce).baseText("variables.table.scope.global")),1)])])),_:2},1024)])),Be.value?(l(),o("td",he,[n("div",je,[h(v(V),{disabled:ze.value.update??De.value.update,placement:"top"},{content:w((()=>[s(u(v(ce).baseText("variables.row.button.edit.onlyRoleCanEdit")),1)])),default:w((()=>[h(v(U),{variant:"subtle",size:"small","data-test-id":"variable-row-edit-button",class:"mr-xs",disabled:!(ze.value.update??De.value.update),onClick:a=>{return t=e,void L.openModalWithData({name:N,data:{mode:"edit",variable:t}});var t}},{default:w((()=>[s(u(v(ce).baseText("variables.row.button.edit")),1)])),_:1},8,["disabled","onClick"])])),_:2},1032,["disabled"]),h(v(V),{disabled:ze.value.delete??De.value.delete,placement:"top"},{content:w((()=>[s(u(v(ce).baseText("variables.row.button.delete.onlyRoleCanDelete")),1)])),default:w((()=>[h(v(U),{variant:"subtle",size:"small","data-test-id":"variable-row-delete-button",disabled:!(ze.value.delete??De.value.delete),onClick:a=>(async e=>{try{if("confirm"!==await de.confirm(ce.baseText("variables.modals.deleteConfirm.message",{interpolate:{name:e.key}}),ce.baseText("variables.modals.deleteConfirm.title"),{confirmButtonText:ce.baseText("variables.modals.deleteConfirm.confirmButton"),cancelButtonText:ce.baseText("variables.modals.deleteConfirm.cancelButton")}))return;await t.deleteVariable({id:e.id,value:e.value,key:e.key}),Ve({title:ce.baseText("variables.delete.successful.message",{interpolate:{variableName:e.key}}),type:"success"})}catch(a){Se(a,ce.baseText("variables.errors.delete"))}})(e)},{default:w((()=>[s(u(v(ce).baseText("variables.row.button.delete")),1)])),_:1},8,["disabled","onClick"])])),_:2},1032,["disabled"])])])):b("",!0)])])),postdata:w((()=>[v(Ue)&&Oe.value.length?(l(),o("div",xe,[v(Ue)?(l(),T(v($),{key:0,size:"small"},{default:w((()=>[h(v(A),{href:"/home/variables",theme:"text",size:"small"},{default:w((()=>[s(u(Oe.value.length)+" global variables ",1)])),_:1}),a[3]||(a[3]=s(" available in this project ",-1))])),_:1})):b("",!0)])):b("",!0)])),_:2},[Be.value?void 0:{name:"preamble",fn:w((()=>[h(v(z),p({class:"mb-m"},Ye.value),null,16)])),key:"0"},!Be.value||Be.value&&!Me.value?{name:"empty",fn:w((()=>[Be.value?Me.value?b("",!0):(l(),T(v(z),{key:1,"data-test-id":"cannot-create-variables",heading:v(ce).baseText("variables.empty.notAllowedToCreate.heading",{interpolate:{name:v(r).currentUser?.firstName??""}}),description:v(ce).baseText("variables.empty.notAllowedToCreate.description")},null,8,["heading","description"])):(l(),T(v(z),k(p({key:0},Ye.value)),null,16))])),key:"1"}:void 0]),1032,["filters","disabled","resources","type-props","loading"])}}}),[["__cssModules",{$style:{optionContent:"_optionContent_16ed1_125",menuItemEmoji:"_menuItemEmoji_16ed1_131",globalOption:"_globalOption_16ed1_136"}}],["__scopeId","data-v-b28a8f81"]]))}}})); //# sourceMappingURL=ProjectVariables-legacy-Cry95-TV.js.map