n8n-editor-ui/dist/assets/ProjectVariables-legacy-BRYI5per.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(["./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","./settings.store-legacy-I6rZOvfF.js","./usePageRedirectionHelper-legacy-DQM99rgh.js","./useClipboard-legacy-DnQV92ly.js","./insights.store-legacy-DUO1OIHA.js","./readyToRun.store-legacy-B3LJTBp4.js","./ResourcesListLayout-legacy-wXDvF7ay.js","./ProjectHeader-legacy-CcOtkJZs.js","./InsightsSummary-legacy-B4sy_ZtW.js","./pickBy-legacy-COks6XQT.js"],(function(e,a){var t,l,s,n,o,i,r,d,c,u,b,p,v,m,y,f,g,x,h,_,k,j,T,w,C,I,E,S,V,D,U,$,z,B,R,A,P,L,O,K,M,q,F,N,W,Q,H,X,Y,Z,G,J,ee,ae,te,le,se,ne,oe,ie,re,de,ce,ue,be,pe,ve,me,ye,fe,ge,xe,he,_e;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,d=e.O,c=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,x=e.j,h=e.ot,_=e.pt,k=e.rt,j=e.vn,T=e.w,w=e.yt},function(e){C=e.at,I=e.s},function(e){E=e.Di,S=e.Ft,V=e.Pi,D=e.Qi,U=e.Xi,$=e.Zi,z=e._t,B=e.ct,R=e.dt,A=e.lt,P=e.tt,L=e.ut,O=e.vt},function(e){K=e.t},function(e){M=e.Ir,q=e.Ln,F=e.Pn,N=e.Qa,W=e.Rt,Q=e.ai,H=e.cr,X=e.fr,Y=e.oi,Z=e.r,G=e.t},function(e){J=e.Bo,ee=e.Qc,e.ys},function(e){ae=e.t},function(e){te=e.t},function(e){le=e.t},function(e){se=e.t},function(e){ne=e.r},function(e){oe=e.t},function(e){ie=e.t},function(e){re=e.t},function(e){de=e.t}],execute:function(){(ce=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(ce);try{a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(ke=(new a.Error).stack)&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[ke]="ccae602f-94d9-442b-9e89-a7e84d95dd61",a._sentryDebugIdIdentifier="sentry-dbid-ccae602f-94d9-442b-9e89-a7e84d95dd61")}catch(a){}var a,ke;ue=t(de(),1),be=K(r({__name:"VariablesUsageBadge",props:{name:{}},setup(e){const a=C(),t=le(),{showMessage:o}=F(),i=e,r=c((()=>`$vars.${i.name}`)),d=()=>{t.copy(r.value),o({title:a.baseText("variables.row.usage.copiedToClipboard"),type:"success"})};return(e,t)=>(l(),T(v(E),{placement:"top"},{content:w((()=>[s(u(v(a).baseText("variables.row.usage.copyToClipboard")),1)])),default:w((()=>[n("span",{class:"usageSyntax",onClick:d},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"}},xe={key:1,align:"right"},he={class:"action-buttons"},_e={key:0,class:"mt-xs"},e("default",K(r({__name:"ProjectVariables",setup(e){const a=ae(),t=H(),r=G(),K=Z(),le=X(),de=C(),ce=q(),ke=Y(),je=B(),Te=A(),we=se(),Ce=ne(),Ie=Q(),Ee=_("layoutRef"),{showError:Se,showMessage:Ve}=F(),De=je.params.projectId,Ue=c((()=>J(r.currentUser?.globalScopes).variable)),$e=c((()=>J(Ie.currentProject?.scopes).projectVariable)),{isLoading:ze,execute:Be}=I(t.fetchAllVariables,[],{immediate:!0}),Re=c((()=>a.isEnterpriseFeatureEnabled[ee.Variables])),Ae=()=>{K.openModalWithData({name:N,data:{mode:"new"}}),le.track("User clicked add variable button")},Pe=c((()=>t.variables.filter((e=>!De||e.project?.id===De)).map((e=>({resourceType:"variable",id:e.id,name:e.key,key:e.key,value:e.value,project:e.project}))))),Le=c((()=>t.variables.filter((e=>!e.project)))),Oe=c((()=>Re.value&&(Ue.value.create??$e.value.create))),Ke=c((()=>{const e=[{id:0,path:"name",label:de.baseText("variables.table.key"),classes:["variables-key-column"]},{id:1,path:"value",label:de.baseText("variables.table.value"),classes:["variables-value-column"]},{id:2,path:"usage",label:de.baseText("variables.table.usage"),classes:["variables-usage-column"]}];return De||e.push({id:3,path:"project",label:de.baseText("variables.table.scope"),classes:["variables-scope-column"]}),Re.value?e.concat({id:4,path:"actions",label:"",classes:["variables-actions-column"]}):e})),Me=e=>{Te.replace({query:(0,ue.default)(e)})},qe=i({...je.query,incomplete:"true"===je.query.incomplete?.toString(),projectId:je.query.projectId?.toString()||""}),Fe=e=>{Me({...qe.value,search:e})},Ne=(e,a,t)=>{if(!M(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},We=(e,a,t)=>"asc"===t?Ze(e).trim().localeCompare(Ze(a).trim()):Ze(a).trim().localeCompare(Ze(e).trim()),Qe={nameAsc:(e,a)=>We(e,a,"asc"),nameDesc:(e,a)=>We(e,a,"desc")},He=c((()=>{const e=[{value:"global",label:de.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=c((()=>He.value.find((e=>e.value===qe.value.projectId))?.icon??{type:"icon",value:"database"}));function Ye(){te().goToUpgrade("variables","upgrade-variables")}function Ze(e){return e.key}ke.$onAction((({name:e,after:a})=>{"pullWorkfolder"===e&&a&&a((()=>{Be()}))}));const Ge=c((()=>({heading:de.baseText(K.contextBasedTranslationKeys.variables.unavailable.title),description:de.baseText(K.contextBasedTranslationKeys.variables.unavailable.description),buttonText:de.baseText(K.contextBasedTranslationKeys.variables.unavailable.button),buttonType:"secondary","onClick:button":Ye,"data-test-id":"unavailable-resources-list"})));return m((()=>{W().set(de.baseText("variables.heading"))})),(e,a)=>{const i=h("n8n-truncate");return l(),T(oe,{ref_key:"layoutRef",ref:Ee,filters:qe.value,"onUpdate:filters":[a[1]||(a[1]=e=>qe.value=e),Me],"resource-key":"variables",disabled:!Re.value,resources:Pe.value,"additional-filters-handler":Ne,shareable:!1,"display-name":Ze,"sort-fns":Qe,"sort-options":["nameAsc","nameDesc"],type:"datatable","type-props":{columns:Ke.value},loading:v(ze),"onUpdate:search":Fe,"onClick:add":Ae},d({header:w((()=>[x(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,[x(v(L),{label:v(de).baseText("credentials.filters.status"),bold:!1,size:"small",color:"text-base",class:"mb-3xs"},null,8,["label"]),x(v(R),{label:"Value missing","data-test-id":"variable-filter-incomplete","model-value":qe.value.incomplete,"onUpdate:modelValue":e=>t("incomplete",e)},null,8,["model-value","onUpdate:modelValue"])]),v(De)?b("",!0):(l(),o("div",ve,[x(v(L),{label:v(de).baseText("forms.resourceFiltersDropdown.owner"),bold:!1,size:"small",color:"text-base",class:"mb-3xs"},null,8,["label"]),x(v(z),{modelValue:qe.value.projectId,"onUpdate:modelValue":[a[0]||(a[0]=e=>qe.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(U),{key:0,class:f(e.$style.menuItemEmoji)},{default:w((()=>[s(u(Xe.value?.value),1)])),_:1},8,["class"])):Xe.value?.value?(l(),T(v(D),{key:1,icon:Xe.value.value},null,8,["icon"])):b("",!0)])),default:w((()=>[(l(!0),o(y,null,k(He.value,(a=>(l(),T(v(O),{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(U),{key:0,class:f(e.$style.menuItemEmoji)},{default:w((()=>[s(u(a.icon.value),1)])),_:2},1032,["class"])):a.icon?.value?(l(),T(v(D),{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(S),{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(De)?b("",!0):(l(),o("td",fe,[x(v(S),null,{default:w((()=>[n("div",ge,[e.project?(l(),T(v(D),{key:0,icon:"layers"})):b("",!0),s(" "+u(e.project?.name??v(de).baseText("variables.table.scope.global")),1)])])),_:2},1024)])),Re.value?(l(),o("td",xe,[n("div",he,[x(v(E),{disabled:Ue.value.update??$e.value.update,placement:"top"},{content:w((()=>[s(u(v(de).baseText("variables.row.button.edit.onlyRoleCanEdit")),1)])),default:w((()=>[x(v($),{variant:"subtle",size:"small","data-test-id":"variable-row-edit-button",class:"mr-xs",disabled:!(Ue.value.update??$e.value.update),onClick:a=>{return t=e,void K.openModalWithData({name:N,data:{mode:"edit",variable:t}});var t}},{default:w((()=>[s(u(v(de).baseText("variables.row.button.edit")),1)])),_:1},8,["disabled","onClick"])])),_:2},1032,["disabled"]),x(v(E),{disabled:Ue.value.delete??$e.value.delete,placement:"top"},{content:w((()=>[s(u(v(de).baseText("variables.row.button.delete.onlyRoleCanDelete")),1)])),default:w((()=>[x(v($),{variant:"subtle",size:"small","data-test-id":"variable-row-delete-button",disabled:!(Ue.value.delete??$e.value.delete),onClick:a=>(async e=>{try{if("confirm"!==await ce.confirm(de.baseText("variables.modals.deleteConfirm.message",{interpolate:{name:e.key}}),de.baseText("variables.modals.deleteConfirm.title"),{confirmButtonText:de.baseText("variables.modals.deleteConfirm.confirmButton"),cancelButtonText:de.baseText("variables.modals.deleteConfirm.cancelButton")}))return;await t.deleteVariable({id:e.id,value:e.value,key:e.key}),Ve({title:de.baseText("variables.delete.successful.message",{interpolate:{variableName:e.key}}),type:"success"})}catch(a){Se(a,de.baseText("variables.errors.delete"))}})(e)},{default:w((()=>[s(u(v(de).baseText("variables.row.button.delete")),1)])),_:1},8,["disabled","onClick"])])),_:2},1032,["disabled"])])])):b("",!0)])])),postdata:w((()=>[v(De)&&Le.value.length?(l(),o("div",_e,[v(De)?(l(),T(v(U),{key:0,size:"small"},{default:w((()=>[x(v(P),{href:"/home/variables",theme:"text",size:"small"},{default:w((()=>[s(u(Le.value.length)+" global variables ",1)])),_:1}),a[3]||(a[3]=s(" available in this project ",-1))])),_:1})):b("",!0)])):b("",!0)])),_:2},[Re.value?void 0:{name:"preamble",fn:w((()=>[x(v(V),p({class:"mb-m"},Ge.value),null,16)])),key:"0"},!Re.value||Re.value&&!Oe.value?{name:"empty",fn:w((()=>[Re.value?Oe.value?b("",!0):(l(),T(v(V),{key:1,"data-test-id":"cannot-create-variables",heading:v(de).baseText("variables.empty.notAllowedToCreate.heading",{interpolate:{name:v(r).currentUser?.firstName??""}}),description:v(de).baseText("variables.empty.notAllowedToCreate.description")},null,8,["heading","description"])):(l(),T(v(V),j(p({key:0},Ge.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-BRYI5per.js.map