UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 12.7 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","./dialog-legacy-Ctrbi48Z.js","./constants-legacy-2_ytuuS3.js","./usePageRedirectionHelper-legacy-DQM99rgh.js","./usage.store-legacy-C8awUz5T.js"],(function(e,a){var t,n,l,s,i,o,c,u,d,r,g,p,_,f,v,m,b,y,h,x,w,k,T,A,P,$,C,j,L,V,U,W,B,N,z,I,E,q,S,R,D,M,F,O,H,J,X,K,Y,Z,G,Q,ee,ae,te;return{setters:[function(e){e.o},function(e){t=e.$,n=e.A,l=e.C,s=e.E,i=e.Ft,o=e.N,c=e.S,u=e.Sn,d=e.T,r=e.Wt,g=e.X,p=e._n,_=e.h,f=e.j,v=e.w,m=e.yn,b=e.yt},function(e){y=e.nt,h=e.ot},function(e){x=e.Di,w=e.Ft,k=e.J,T=e.Ji,A=e.R,P=e.Xi,$=e.Zi,C=e.ct,j=e.dt,L=e.ji,V=e.lt},function(e){U=e.t},function(e){W=e.Pn,B=e.Rt,N=e.eo,z=e.mr,I=e.r,E=e.si,q=e.t},function(e){S=e.t},function(e){R=e.Bo},function(e){D=e.t},function(e){M=e.t}],execute:function(){(F=document.createElement("style")).textContent="._auditNotice_hanyh_125{margin-top:var(--spacing--sm)}._checkboxWrapper_hanyh_129{margin-top:var(--spacing--md)}._footerActions_hanyh_133{justify-content:flex-end;gap:var(--spacing--2xs);display:flex}._center_1weln_125>div{justify-content:center}._actionBox_1weln_129{margin:var(--spacing--2xl) 0 0}._spacedFlex_1weln_133{justify-content:space-between;align-items:center;display:flex}._title_1weln_139{padding:var(--spacing--2xl) 0 var(--spacing--md);align-items:center;display:flex}._quota_1weln_145{height:54px;padding:0 var(--spacing--sm);margin:0 0 var(--spacing--xs);background:var(--color--background--light-3);border-radius:var(--radius--lg);border:1px solid var(--color--foreground);white-space:nowrap;justify-content:space-between;align-items:center;display:flex}._quota_1weln_145 ._count_1weln_157{text-transform:lowercase;font-size:var(--font-size--sm)}._buttons_1weln_162{padding:var(--spacing--xl) 0 0;justify-content:flex-end;display:flex}._buttons_1weln_162 button{margin-left:var(--spacing--xs)}._buttons_1weln_162 button a{color:inherit;padding:var(--spacing--xs) var(--spacing--md);margin:calc(var(--spacing--xs) * -1) calc(var(--spacing--md) * -1);text-decoration:none;display:inline-block}._chart_1weln_178{flex-grow:1;justify-content:flex-end;align-items:center;display:flex}._chartLine_1weln_185{width:100%;max-width:260px;height:10px;margin:0 var(--spacing--md);background:var(--color--background);border-radius:10px;display:block}._chartBar_1weln_195{float:left;background:var(--color--secondary);border-radius:10px;max-width:100%;height:100%;transition:width .2s cubic-bezier(.19,1,.22,1)}div[class*=info]>span>span:last-child{padding:0 0 0 var(--spacing--4xs);line-height:1.4}._titleTooltip_1weln_209{margin:0 0 0 var(--spacing--2xs);align-items:center;display:flex}._dialogButtonsContainer_1weln_215{justify-content:flex-end;display:flex}.settings-usage-and-plan[data-v-151c249f] .el-dialog__wrapper{justify-content:center;align-items:center;display:flex}.settings-usage-and-plan[data-v-151c249f] .el-dialog__wrapper .el-dialog{margin:0}.settings-usage-and-plan[data-v-151c249f] .el-dialog__wrapper .el-dialog .el-dialog__footer button{margin-left:var(--spacing--xs)}\n/*$vite$:1*/",document.head.appendChild(F);try{a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(ne=(new a.Error).stack)&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[ne]="27addf05-84d2-46a4-bf56-e1c94bb58f49",a._sentryDebugIdIdentifier="sentry-dbid-27addf05-84d2-46a4-bf56-e1c94bb58f49")}catch(a){}var a,ne;O=["href"],H=o({__name:"EulaAcceptanceModal",props:{modelValue:{type:Boolean},eulaUrl:{}},emits:["update:modelValue","accept","cancel"],setup(e,{emit:a}){const s=a,o=i(!1),d=c((()=>!o.value)),g=()=>{o.value=!1,s("cancel")},_=()=>{s("accept")},m=()=>{s("update:modelValue",!1),g()};return(a,s)=>(t(),v(r(S),{"model-value":e.modelValue,title:r(y).baseText("settings.usageAndPlan.dialog.eula.title"),"before-close":m,width:"540px","data-test-id":"eula-acceptance-modal"},{default:b((()=>[l("div",null,[f(r(P),{color:"text-base",size:"medium"},{default:b((()=>[n(u(r(y).baseText("settings.usageAndPlan.dialog.eula.description")),1)])),_:1}),f(r(P),{class:p(a.$style.auditNotice),color:"text-base",size:"medium",tag:"p"},{default:b((()=>[l("em",null,u(r(y).baseText("settings.usageAndPlan.dialog.eula.audit.notice")),1)])),_:1},8,["class"]),l("div",{class:p(a.$style.checkboxWrapper)},[f(r(j),{modelValue:o.value,"onUpdate:modelValue":s[0]||(s[0]=e=>o.value=e),"data-test-id":"eula-checkbox"},{label:b((()=>[l("span",null,[n(u(r(y).baseText("settings.usageAndPlan.dialog.eula.checkbox.label"))+" "+u(" ")+" ",1),l("a",{href:e.eulaUrl,target:"_blank",rel:"noopener noreferrer","data-test-id":"eula-link"},u(r(y).baseText("settings.usageAndPlan.dialog.eula.link.text")),9,O),s[1]||(s[1]=n(". ",-1))])])),_:1},8,["modelValue"])],2)])])),footer:b((()=>[l("div",{class:p(a.$style.footerActions)},[f(r($),{variant:"subtle","data-test-id":"eula-cancel-button",onClick:g},{default:b((()=>[n(u(r(y).baseText("settings.usageAndPlan.dialog.eula.button.cancel")),1)])),_:1}),f(r($),{variant:"solid",disabled:d.value,"data-test-id":"eula-accept-button",onClick:_},{default:b((()=>[n(u(r(y).baseText("settings.usageAndPlan.dialog.eula.button.accept")),1)])),_:1},8,["disabled"])],2)])),_:1},8,["model-value","title"]))}}),J=U(H,[["__cssModules",{$style:{auditNotice:"_auditNotice_hanyh_125",checkboxWrapper:"_checkboxWrapper_hanyh_129",footerActions:"_footerActions_hanyh_133"}}]]),X={class:"settings-usage-and-plan"},K={key:0},Y={key:0},Z={key:1},G={key:0},Q={key:1},ee=["href"],ae=["href"],te=o({__name:"SettingsUsageAndPlan",setup(e){const a=M(),o=C(),j=V(),U=I(),F=q(),O=W(),H=B(),te=D(),ne=i(`callback=${encodeURIComponent(`${window.location.origin}${window.location.pathname}`)}`),le=c((()=>`${a.viewPlansUrl}&${ne.value}&source=usage_page`)),se=c((()=>`${a.managePlanUrl}&${ne.value}`)),ie=i(!1),oe=i(""),ce=i(null),ue=i(!1),de=i(""),re=c((()=>E(["rbac"],{rbac:{scope:"license:manage"}}))),ge=c((()=>{const[e,t]=a.planName.split(" ");return{name:t,badge:e}})),pe=c((()=>"community"===a.planName.toLowerCase())),_e=c((()=>"registered community"===a.planName.toLowerCase())),fe=c((()=>R(F.currentUser?.globalScopes).community.register)),ve=(e=!1)=>{const t=e?y.baseText("settings.usageAndPlan.license.activation.success.message.eula",{interpolate:{name:a.planName}}):y.baseText("settings.usageAndPlan.license.activation.success.message",{interpolate:{name:a.planName,type:a.planId?y.baseText("settings.usageAndPlan.plan"):y.baseText("settings.usageAndPlan.edition")}});O.showMessage({type:"success",title:y.baseText("settings.usageAndPlan.license.activation.success.title"),message:t})},me=e=>{O.showError(e,y.baseText("settings.usageAndPlan.license.activation.error.title"))},be=async e=>{try{await a.activateLicense(oe.value.trim(),e?.trim()),ie.value=!1,ue.value=!1,oe.value="",ve(!!e)}catch(t){if((e=>{const a=e;return 400===a.httpStatusCode&&!!a.meta?.eulaUrl})(t))return de.value=t.meta.eulaUrl,ue.value=!0,void(ie.value=!1);me(t)}},ye=async()=>{try{await be(de.value)}catch(e){ue.value=!1,me(e)}},he=()=>{ue.value=!1,de.value="",oe.value=""},xe=()=>{ie.value=!1,oe.value=""},we=()=>{ue.value||xe()};g((async()=>{if(H.set(y.baseText("settings.usageAndPlan.title")),a.setLoading(!0),o.query.key)try{return await a.activateLicense(o.query.key),await j.replace({query:{}}),ve(),void a.setLoading(!1)}catch(e){me(e)}try{!o.query.key&&re.value?await a.refreshLicenseManagementToken():await a.getLicenseInfo(),a.setLoading(!1)}catch(e){e.name||(e.name=y.baseText("settings.usageAndPlan.error")),O.showError(e,e.name,e.message)}}));const ke=e=>{const t=a.telemetryPayload;t.action=e,z.track("User clicked button on usage page",t)},Te=()=>{ie.value=!0,ke("add_activation_key")},Ae=()=>{te.goToUpgrade("usage_page","open"),ke("view_plans")},Pe=()=>{ke("manage_plan")},$e=()=>{ce.value?.focus()},Ce=()=>{U.openModalWithData({name:N,data:{customHeading:void 0}})};return(e,i)=>(t(),s("div",X,[f(r(T),{tag:"h2",size:"2xlarge"},{default:b((()=>[n(u(r(y).baseText("settings.usageAndPlan.title")),1)])),_:1}),r(a).isLoading?d("",!0):(t(),s("div",K,[f(r(T),{tag:"h3",class:p(e.$style.title),size:"large"},{default:b((()=>[f(r(h),{keypath:"settings.usageAndPlan.description",tag:"span",scope:"global"},{name:b((()=>[n(u(ge.value.name??r(a).planName),1)])),type:b((()=>[r(a).planId?(t(),s("span",Y,u(r(y).baseText("settings.usageAndPlan.plan")),1)):(t(),s("span",Z,u(r(y).baseText("settings.usageAndPlan.edition")),1))])),_:1}),ge.value.badge&&ge.value.name?(t(),s("span",{key:0,class:p(e.$style.titleTooltip)},[f(r(x),{placement:"top"},{content:b((()=>[_e.value?(t(),v(r(h),{key:0,keypath:"settings.usageAndPlan.license.communityRegistered.tooltip",scope:"global"})):d("",!0)])),default:b((()=>[f(r(w),null,{default:b((()=>[n(u(ge.value.badge),1)])),_:1})])),_:1})],2)):d("",!0)])),_:1},8,["class"]),pe.value&&fe.value?(t(),v(r(A),{key:0,class:"mt-0",theme:"warning"},{default:b((()=>[f(r(h),{keypath:"settings.usageAndPlan.callOut",scope:"global"},{link:b((()=>[f(r($),{variant:"ghost",class:"pl-0 pr-0",label:r(y).baseText("settings.usageAndPlan.callOut.link"),onClick:Ce},null,8,["label"])])),_:1})])),_:1})):d("",!0),l("div",{class:p(e.$style.quota)},[f(r(P),{size:"medium",color:"text-light"},{default:b((()=>[n(u(r(y).baseText("settings.usageAndPlan.activeWorkflows")),1)])),_:1}),l("div",{class:p(e.$style.chart)},[r(a).activeWorkflowTriggersLimit>0?(t(),s("span",{key:0,class:p(e.$style.chartLine)},[l("span",{class:p(e.$style.chartBar),style:m({width:`${r(a).executionPercentage}%`})},null,6)],2)):d("",!0),f(r(h),{tag:"span",class:p(e.$style.count),keypath:"settings.usageAndPlan.activeWorkflows.count",scope:"global"},{count:b((()=>[n(u(r(a).activeWorkflowTriggersCount),1)])),limit:b((()=>[r(a).activeWorkflowTriggersLimit<0?(t(),s("span",G,u(r(y).baseText("settings.usageAndPlan.activeWorkflows.unlimited")),1)):(t(),s("span",Q,u(r(a).activeWorkflowTriggersLimit),1))])),_:1},8,["class"])],2)],2),f(r(k),null,{default:b((()=>[n(u(r(y).baseText("settings.usageAndPlan.activeWorkflows.hint")),1)])),_:1}),l("div",{class:p(e.$style.buttons)},[re.value?(t(),v(r($),{key:0,variant:"subtle",class:p(e.$style.buttonTertiary),size:"large",onClick:Te},{default:b((()=>[l("span",null,u(r(y).baseText("settings.usageAndPlan.button.activation")),1)])),_:1},8,["class"])):d("",!0),r(a).managementToken?(t(),v(r($),{key:1,size:"large",onClick:Pe},{default:b((()=>[l("a",{href:se.value,target:"_blank"},u(r(y).baseText("settings.usageAndPlan.button.manage")),9,ee)])),_:1})):(t(),v(r($),{key:2,size:"large",onClick:_(Ae,["prevent"])},{default:b((()=>[l("a",{href:le.value,target:"_blank"},u(r(y).baseText("settings.usageAndPlan.button.plans")),9,ae)])),_:1}))],2),f(r(S),{modelValue:ie.value,"onUpdate:modelValue":i[2]||(i[2]=e=>ie.value=e),width:"480px",top:"0",title:r(y).baseText("settings.usageAndPlan.dialog.activation.title"),"modal-class":e.$style.center,onClosed:we,onOpened:$e},{default:b((()=>[f(r(L),{ref_key:"activationKeyInput",ref:ce,modelValue:oe.value,"onUpdate:modelValue":i[0]||(i[0]=e=>oe.value=e),placeholder:r(y).baseText("settings.usageAndPlan.dialog.activation.label")},null,8,["modelValue","placeholder"])])),footer:b((()=>[l("div",{class:p(e.$style.dialogButtonsContainer)},[f(r($),{variant:"subtle",onClick:xe},{default:b((()=>[n(u(r(y).baseText("settings.usageAndPlan.dialog.activation.cancel")),1)])),_:1}),f(r($),{disabled:!oe.value,onClick:i[1]||(i[1]=()=>be())},{default:b((()=>[n(u(r(y).baseText("settings.usageAndPlan.dialog.activation.activate")),1)])),_:1},8,["disabled"])],2)])),_:1},8,["modelValue","title","modal-class"]),f(J,{modelValue:ue.value,"onUpdate:modelValue":i[3]||(i[3]=e=>ue.value=e),"eula-url":de.value,onAccept:ye,onCancel:he},null,8,["modelValue","eula-url"])]))]))}}),e("default",U(te,[["__cssModules",{$style:{center:"_center_1weln_125",actionBox:"_actionBox_1weln_129",spacedFlex:"_spacedFlex_1weln_133",title:"_title_1weln_139",quota:"_quota_1weln_145",count:"_count_1weln_157",buttons:"_buttons_1weln_162",chart:"_chart_1weln_178",chartLine:"_chartLine_1weln_185",chartBar:"_chartBar_1weln_195",titleTooltip:"_titleTooltip_1weln_209",dialogButtonsContainer:"_dialogButtonsContainer_1weln_215"}}],["__scopeId","data-v-151c249f"]]))}}})); //# sourceMappingURL=SettingsUsageAndPlan-legacy-DEHZy0WH.js.map