n8n-editor-ui/dist/assets/ProjectVariables-d30bDIsV.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]=`c7f251f4-6204-4dcc-9867-187cd6b0b182`,e._sentryDebugIdIdentifier=`sentry-dbid-c7f251f4-6204-4dcc-9867-187cd6b0b182`)})()}catch{}import{o as e}from"./chunk-CACdhNlC.js";import{$ as t,A as n,C as r,E as i,Ft as a,N as o,O as s,S as c,Sn as l,T as u,U as d,Wt as f,X as ee,_ as te,_n as p,bt as ne,j as m,ot as re,pt as ie,rt as h,vn as ae,w as g,yt as _}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as v,s as oe}from"./core-Bz5WjPxS.js";import{Di as y,Ft as b,Pi as x,Qi as S,Xi as C,Zi as w,_t as se,ct as ce,dt as le,lt as ue,tt as de,ut as T,vt as fe}from"./src-XqE2yCpG.js";import{t as E}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Ir as pe,Ln as me,Pn as D,Qa as O,Rt as he,ai as ge,cr as _e,fr as ve,oi as ye,r as be,t as xe}from"./users.store-xP93bV7X.js";import{Bo as k,Qc as A}from"./constants-DuQbSl-q.js";import{t as j}from"./settings.store-CAFiYCMH.js";import{t as M}from"./usePageRedirectionHelper-CC6sh9o0.js";import{t as N}from"./useClipboard-D2UtD35U.js";import{t as Se}from"./insights.store-i6LlshbL.js";import{r as Ce}from"./readyToRun.store-DUyOyjE3.js";import{t as we}from"./ResourcesListLayout-BANHdcmL.js";import{t as Te}from"./ProjectHeader-CZLMSWNr.js";import{t as Ee}from"./InsightsSummary-fRg21vR0.js";import{t as P}from"./pickBy-jzlqE_3l.js";var De=e(P(),1),Oe=E(o({__name:`VariablesUsageBadge`,props:{name:{}},setup(e){let i=v(),a=N(),{showMessage:o}=D(),s=e,u=c(()=>`$vars.${s.name}`),d=()=>{a.copy(u.value),o({title:i.baseText(`variables.row.usage.copiedToClipboard`),type:`success`})};return(e,a)=>(t(),g(f(y),{placement:`top`},{content:_(()=>[n(l(f(i).baseText(`variables.row.usage.copyToClipboard`)),1)]),default:_(()=>[r(`span`,{class:`usageSyntax`,onClick:d},l(u.value),1)]),_:1}))}}),[[`__scopeId`,`data-v-b4930937`]]),ke={class:`mb-s`},Ae={key:0,class:`mb-s`},je={"data-test-id":`variables-row`},Me={key:0},Ne={key:0},Pe={class:`scope-badge`,style:{display:`flex`,"align-items":`center`,gap:`4px`}},Fe={key:1,align:`right`},Ie={class:`action-buttons`},Le={key:0,class:`mt-xs`},F=E(o({__name:`ProjectVariables`,setup(e){let o=j(),E=_e(),N=xe(),P=be(),F=ve(),I=v(),Re=me(),ze=ye(),L=ce(),Be=ue(),R=Se(),Ve=Ce(),z=ge(),He=ie(`layoutRef`),{showError:Ue,showMessage:We}=D(),B=L.params.projectId,V=c(()=>k(N.currentUser?.globalScopes).variable),H=c(()=>k(z.currentProject?.scopes).projectVariable),{isLoading:Ge,execute:Ke}=oe(E.fetchAllVariables,[],{immediate:!0}),U=c(()=>o.isEnterpriseFeatureEnabled[A.Variables]),qe=()=>{P.openModalWithData({name:O,data:{mode:`new`}}),F.track(`User clicked add variable button`)},Je=e=>{P.openModalWithData({name:O,data:{mode:`edit`,variable:e}})},Ye=c(()=>E.variables.filter(e=>!B||e.project?.id===B).map(e=>({resourceType:`variable`,id:e.id,name:e.key,key:e.key,value:e.value,project:e.project}))),W=c(()=>E.variables.filter(e=>!e.project)),G=c(()=>U.value&&(V.value.create??H.value.create)),Xe=c(()=>{let e=[{id:0,path:`name`,label:I.baseText(`variables.table.key`),classes:[`variables-key-column`]},{id:1,path:`value`,label:I.baseText(`variables.table.value`),classes:[`variables-value-column`]},{id:2,path:`usage`,label:I.baseText(`variables.table.usage`),classes:[`variables-usage-column`]}];return B||e.push({id:3,path:`project`,label:I.baseText(`variables.table.scope`),classes:[`variables-scope-column`]}),U.value?e.concat({id:4,path:`actions`,label:``,classes:[`variables-actions-column`]}):e}),Ze=async e=>{try{if(await Re.confirm(I.baseText(`variables.modals.deleteConfirm.message`,{interpolate:{name:e.key}}),I.baseText(`variables.modals.deleteConfirm.title`),{confirmButtonText:I.baseText(`variables.modals.deleteConfirm.confirmButton`),cancelButtonText:I.baseText(`variables.modals.deleteConfirm.cancelButton`)})!==`confirm`)return;await E.deleteVariable({id:e.id,value:e.value,key:e.key}),We({title:I.baseText(`variables.delete.successful.message`,{interpolate:{variableName:e.key}}),type:`success`})}catch(e){Ue(e,I.baseText(`variables.errors.delete`))}},K=e=>{Be.replace({query:(0,De.default)(e)})},q=a({...L.query,incomplete:L.query.incomplete?.toString()===`true`,projectId:L.query.projectId?.toString()||``}),Qe=e=>{K({...q.value,search:e})},J=(e,t,n)=>{if(!pe(e))return!1;let r=t;return r.incomplete&&(n&&=!e.value),r.projectId&&(r.projectId===`global`?n&&=!e.project:n&&=e.project?.id===r.projectId),n},Y=(e,t,n)=>n===`asc`?Q(e).trim().localeCompare(Q(t).trim()):Q(t).trim().localeCompare(Q(e).trim()),$e={nameAsc:(e,t)=>Y(e,t,`asc`),nameDesc:(e,t)=>Y(e,t,`desc`)},X=c(()=>{let e=[{value:`global`,label:I.baseText(`variables.modal.scope.global`),icon:{type:`icon`,value:`database`}}];return e.push(...z.availableProjects.filter(e=>e.type!==`personal`).map(e=>{let t=e.icon??{type:`icon`,value:`layer-group`};return{value:e.id,label:e.name??e.id,icon:t}})),e}),Z=c(()=>X.value.find(e=>e.value===q.value.projectId)?.icon??{type:`icon`,value:`database`});function et(){M().goToUpgrade(`variables`,`upgrade-variables`)}function Q(e){return e.key}ze.$onAction(({name:e,after:t})=>{e===`pullWorkfolder`&&t&&t(()=>{Ke()})});let $=c(()=>({heading:I.baseText(P.contextBasedTranslationKeys.variables.unavailable.title),description:I.baseText(P.contextBasedTranslationKeys.variables.unavailable.description),buttonText:I.baseText(P.contextBasedTranslationKeys.variables.unavailable.button),buttonType:`secondary`,"onClick:button":et,"data-test-id":`unavailable-resources-list`}));return ee(()=>{he().set(I.baseText(`variables.heading`))}),(e,a)=>{let o=re(`n8n-truncate`);return t(),g(we,{ref_key:`layoutRef`,ref:He,filters:q.value,"onUpdate:filters":[a[1]||=e=>q.value=e,K],"resource-key":`variables`,disabled:!U.value,resources:Ye.value,"additional-filters-handler":J,shareable:!1,"display-name":Q,"sort-fns":$e,"sort-options":[`nameAsc`,`nameDesc`],type:`datatable`,"type-props":{columns:Xe.value},loading:f(Ge),"onUpdate:search":Qe,"onClick:add":qe},s({header:_(()=>[m(Te,{"main-button":`variable`},{default:_(()=>[f(Ve).isOverviewSubPage&&f(R).isSummaryEnabled?(t(),g(Ee,{key:0,loading:f(R).weeklySummary.isLoading,summary:f(R).weeklySummary.state,"time-range":`week`},null,8,[`loading`,`summary`])):u(``,!0)]),_:1})]),filters:_(({setKeyValue:o})=>[r(`div`,ke,[m(f(T),{label:f(I).baseText(`credentials.filters.status`),bold:!1,size:`small`,color:`text-base`,class:`mb-3xs`},null,8,[`label`]),m(f(le),{label:`Value missing`,"data-test-id":`variable-filter-incomplete`,"model-value":q.value.incomplete,"onUpdate:modelValue":e=>o(`incomplete`,e)},null,8,[`model-value`,`onUpdate:modelValue`])]),f(B)?u(``,!0):(t(),i(`div`,Ae,[m(f(T),{label:f(I).baseText(`forms.resourceFiltersDropdown.owner`),bold:!1,size:`small`,color:`text-base`,class:`mb-3xs`},null,8,[`label`]),m(f(se),{modelValue:q.value.projectId,"onUpdate:modelValue":[a[0]||=e=>q.value.projectId=e,e=>o(`projectId`,e)],size:`large`,filterable:``,"data-test-id":`variable-modal-scope-select`},{prefix:_(()=>[Z.value?.type===`emoji`?(t(),g(f(C),{key:0,class:p(e.$style.menuItemEmoji)},{default:_(()=>[n(l(Z.value?.value),1)]),_:1},8,[`class`])):Z.value?.value?(t(),g(f(S),{key:1,icon:Z.value.value},null,8,[`icon`])):u(``,!0)]),default:_(()=>[(t(!0),i(te,null,h(X.value,i=>(t(),g(f(fe),{key:i.value||`global`,value:i.value,label:i.label,class:p({[e.$style.globalOption]:i.value===`global`})},{default:_(()=>[r(`div`,{class:p(e.$style.optionContent)},[i.icon&&i.icon?.type===`emoji`?(t(),g(f(C),{key:0,class:p(e.$style.menuItemEmoji)},{default:_(()=>[n(l(i.icon.value),1)]),_:2},1032,[`class`])):i.icon?.value?(t(),g(f(S),{key:1,icon:i.icon.value},null,8,[`icon`])):u(``,!0),r(`span`,null,l(i.label),1)],2)]),_:2},1032,[`value`,`label`,`class`]))),128))]),_:1},8,[`modelValue`,`onUpdate:modelValue`])]))]),default:_(({data:e})=>[r(`tr`,je,[r(`td`,null,l(e.key),1),r(`td`,null,[e.value?ne((t(),i(`span`,Me,null,512)),[[o,e.value,`20`]]):(t(),g(f(b),{key:1,theme:`warning`},{default:_(()=>[...a[2]||=[n(` Value missing `,-1)]]),_:1}))]),r(`td`,null,[e.key?(t(),g(Oe,{key:0,name:e.key},null,8,[`name`])):u(``,!0)]),f(B)?u(``,!0):(t(),i(`td`,Ne,[m(f(b),null,{default:_(()=>[r(`div`,Pe,[e.project?(t(),g(f(S),{key:0,icon:`layers`})):u(``,!0),n(` `+l(e.project?.name??f(I).baseText(`variables.table.scope.global`)),1)])]),_:2},1024)])),U.value?(t(),i(`td`,Fe,[r(`div`,Ie,[m(f(y),{disabled:V.value.update??H.value.update,placement:`top`},{content:_(()=>[n(l(f(I).baseText(`variables.row.button.edit.onlyRoleCanEdit`)),1)]),default:_(()=>[m(f(w),{variant:`subtle`,size:`small`,"data-test-id":`variable-row-edit-button`,class:`mr-xs`,disabled:!(V.value.update??H.value.update),onClick:t=>Je(e)},{default:_(()=>[n(l(f(I).baseText(`variables.row.button.edit`)),1)]),_:1},8,[`disabled`,`onClick`])]),_:2},1032,[`disabled`]),m(f(y),{disabled:V.value.delete??H.value.delete,placement:`top`},{content:_(()=>[n(l(f(I).baseText(`variables.row.button.delete.onlyRoleCanDelete`)),1)]),default:_(()=>[m(f(w),{variant:`subtle`,size:`small`,"data-test-id":`variable-row-delete-button`,disabled:!(V.value.delete??H.value.delete),onClick:t=>Ze(e)},{default:_(()=>[n(l(f(I).baseText(`variables.row.button.delete`)),1)]),_:1},8,[`disabled`,`onClick`])]),_:2},1032,[`disabled`])])])):u(``,!0)])]),postdata:_(()=>[f(B)&&W.value.length?(t(),i(`div`,Le,[f(B)?(t(),g(f(C),{key:0,size:`small`},{default:_(()=>[m(f(de),{href:`/home/variables`,theme:`text`,size:`small`},{default:_(()=>[n(l(W.value.length)+` global variables `,1)]),_:1}),a[3]||=n(` available in this project `,-1)]),_:1})):u(``,!0)])):u(``,!0)]),_:2},[U.value?void 0:{name:`preamble`,fn:_(()=>[m(f(x),d({class:`mb-m`},$.value),null,16)]),key:`0`},!U.value||U.value&&!G.value?{name:`empty`,fn:_(()=>[U.value?G.value?u(``,!0):(t(),g(f(x),{key:1,"data-test-id":`cannot-create-variables`,heading:f(I).baseText(`variables.empty.notAllowedToCreate.heading`,{interpolate:{name:f(N).currentUser?.firstName??``}}),description:f(I).baseText(`variables.empty.notAllowedToCreate.description`)},null,8,[`heading`,`description`])):(t(),g(f(x),ae(d({key:0},$.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`]]);export{F as default};
//# sourceMappingURL=ProjectVariables-d30bDIsV.js.map