n8n-editor-ui/dist/assets/ProviderSettingsModal-CN078q1R.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.13.4`}}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]=`15e31eff-6318-4cc7-9220-7d863f2c45d7`,e._sentryDebugIdIdentifier=`sentry-dbid-15e31eff-6318-4cc7-9220-7d863f2c45d7`)})()}catch{}import{o as e}from"./chunk-DxpFCn6T.js";import{$ as t,A as n,C as r,E as i,Ft as a,N as o,S as s,Sn as c,T as l,Wt as u,X as d,_n as f,gt as p,j as m,w as h,yt as g}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as _}from"./_MapCache-CUJwh2qp.js";import{At as v,Ii as y,Mi as b,Qi as x,Wt as S,Yi as C,Zi as w}from"./src-wni2AGA3.js";import{t as T}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import{Tr as E,at as D}from"./users.store-BHWXXawf.js";import{li as O}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import{r as k}from"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import{t as A}from"./Modal-CfEU2AWh.js";import{t as j}from"./TagsDropdown-DD1kUoaA.js";import{y as M}from"./constants-B7scOakb.js";import{t as N}from"./CredentialPicker-Cr8cHjM9.js";import{D as P,t as F}from"./chat.store-Bg89IR0u.js";var I=T(o({__name:`ProviderSettingsModal`,props:{modalName:{},data:{}},setup(e){let o=e,T=a(null),I=a(v()),L=a(!1),R=a(!1),z=a(!1),B=a([]),V=a([]),H=s(()=>{let e=new Map(B.value.reduce((e,t)=>(t.model.provider!==`custom-agent`&&t.model.provider!==`n8n`&&e.push([t.model.model,{id:t.model.model,name:t.name}]),e),[]));for(let t of V.value)e.set(t,{id:t,name:t,isManual:!0});return Array.from(e.values())}),U=s(()=>{let e={};return H.value.forEach(t=>{e[t.id]=t}),e}),W=s({get:()=>T.value?.allowedModels?.map(e=>e.model)||[],set:e=>{T.value&&(T.value.allowedModels=H.value.filter(t=>e.includes(t.id)).map(e=>({model:e.id,displayName:e.name,isManual:e.isManual})),V.value=T.value.allowedModels.filter(e=>e.isManual).map(e=>e.model))}});async function G(e){return V.value.push(e),{id:e,name:e}}let K=_(),q=D(),J=F(),Y=E(),X=s(()=>O[o.data.provider]);function Z(e){T.value&&(T.value.credentialId=e)}function Q(){T.value&&(T.value.credentialId=null,T.value.allowedModels=[],z.value=!1)}async function $(){T.value?await o.data.onConfirm(T.value):o.data.onCancel(),I.value.emit(`close`)}function ee(){o.data.onCancel(),I.value.emit(`close`)}async function te(){T.value=await J.fetchProviderSettings(o.data.provider),z.value=T.value?.allowedModels.length>0,V.value=T.value.allowedModels.filter(e=>e.isManual).map(e=>e.model)}async function ne(e){R.value=!0;try{let t={[o.data.provider]:e};B.value=(await P(k().restApiContext,{credentials:t}))[o.data.provider].models||[]}catch(e){Y.showError(e,K.baseText(`settings.chatHub.providers.modal.edit.errorFetchingModels`))}finally{R.value=!1}}let re=s(()=>o.data.disabled||!T.value?!0:z.value&&T.value.allowedModels.length===0);function ie(e){T.value&&(T.value.enabled=typeof e==`boolean`?e:!!e,T.value.enabled||(T.value.credentialId=null,T.value.allowedModels=[],z.value=!1))}function ae(e){T.value&&(z.value=typeof e==`boolean`?e:!!e,z.value||(T.value.allowedModels=[]))}return d(async()=>{L.value=!0,await Promise.all([te(),q.fetchCredentialTypes(!1),q.fetchAllCredentials()]),L.value=!1}),p(()=>T.value?.credentialId,async e=>{e&&await ne(e)},{immediate:!0}),(a,s)=>(t(),h(A,{name:e.modalName,"event-bus":I.value,width:`50%`,"max-width":`500px`,center:!0},{header:g(()=>[r(`div`,{class:f(a.$style.header)},[m(u(C),{size:`large`,color:`text-dark`},{default:g(()=>[n(c(u(K).baseText(`settings.chatHub.providers.modal.edit.title`,{interpolate:{provider:u(M)[o.data.provider]}})),1)]),_:1})],2)]),content:g(()=>[r(`div`,{class:f(a.$style.content)},[r(`label`,{class:f(a.$style.container)},[m(u(w),{color:`text-dark`},{default:g(()=>[n(c(u(K).baseText(`settings.chatHub.providers.modal.edit.enabled.label`,{interpolate:{provider:u(M)[o.data.provider]}})),1)]),_:1}),m(u(b),{content:u(K).baseText(`settings.chatHub.providers.modal.edit.enabled.tooltip`),disabled:o.data.disabled,placement:`top`},{default:g(()=>[m(u(S),{size:`large`,"model-value":T.value?.enabled??!1,disabled:o.data.disabled,loading:L.value,"onUpdate:modelValue":ie},null,8,[`model-value`,`disabled`,`loading`])]),_:1},8,[`content`,`disabled`])],2),T.value&&T.value.enabled?(t(),i(`label`,{key:0,class:f(a.$style.container)},[m(u(w),{color:`text-dark`},{default:g(()=>[n(c(u(K).baseText(`settings.chatHub.providers.modal.edit.credential.label`)),1)]),_:1}),r(`div`,{class:f(a.$style.credentialContainer)},[m(N,{class:f(a.$style.credentialPicker),"app-name":u(M)[o.data.provider],"credential-type":X.value,"selected-credential-id":T.value.credentialId,"hide-create-new":!0,onCredentialSelected:Z,onCredentialDeselected:Q},null,8,[`class`,`app-name`,`credential-type`,`selected-credential-id`]),T.value.credentialId?(t(),h(u(y),{key:0,type:`button`,variant:`outline`,title:u(K).baseText(`settings.chatHub.providers.modal.edit.credential.clearButton`),icon:`x`,"icon-size":`large`,onClick:Q},null,8,[`title`])):l(``,!0)],2)],2)):l(``,!0),T.value&&T.value.enabled&&T.value.credentialId?(t(),i(`label`,{key:1,class:f(a.$style.container)},[m(u(w),{color:`text-dark`},{default:g(()=>[n(c(u(K).baseText(`settings.chatHub.providers.modal.edit.limitModels.label`,{interpolate:{provider:u(M)[o.data.provider]}})),1)]),_:1}),m(u(b),{content:u(K).baseText(`settings.chatHub.providers.modal.edit.limitModels.tooltip`),disabled:o.data.disabled,placement:`top`},{default:g(()=>[m(u(S),{size:`large`,"model-value":z.value,disabled:o.data.disabled,loading:L.value,"onUpdate:modelValue":ae},null,8,[`model-value`,`disabled`,`loading`])]),_:1},8,[`content`,`disabled`])],2)):l(``,!0),T.value&&T.value.enabled&&T.value.credentialId&&z.value?(t(),i(`label`,{key:2,class:f(a.$style.container)},[m(u(w),{color:`text-dark`},{default:g(()=>[n(c(u(K).baseText(`settings.chatHub.providers.modal.edit.allowedModels.label`)),1)]),_:1}),m(j,{modelValue:W.value,"onUpdate:modelValue":s[0]||=e=>W.value=e,class:f(a.$style.modelPicker),placeholder:u(K).baseText(`settings.chatHub.providers.modal.edit.models.placeholder`),"event-bus":null,"create-enabled":!0,"manage-enabled":!1,"all-tags":H.value,"is-loading":R.value,"tags-by-id":U.value,"create-tag":G,"create-tag-i18n-key":`settings.chatHub.providers.modal.edit.models.create`},null,8,[`modelValue`,`class`,`placeholder`,`all-tags`,`is-loading`,`tags-by-id`])],2)):l(``,!0)],2)]),footer:g(()=>[r(`div`,{class:f(a.$style.footer)},[r(`div`,{class:f(a.$style.footerRight)},[m(u(x),{variant:`subtle`,onClick:ee},{default:g(()=>[n(c(u(K).baseText(`settings.chatHub.providers.modal.edit.cancel`)),1)]),_:1}),m(u(x),{variant:`solid`,onClick:$,disabled:re.value},{default:g(()=>[n(c(u(K).baseText(`settings.chatHub.providers.modal.edit.confirm`)),1)]),_:1},8,[`disabled`])],2)],2)]),_:1},8,[`name`,`event-bus`]))}}),[[`__cssModules`,{$style:{header:`_header_3xawo_125`,content:`_content_3xawo_131`,container:`_container_3xawo_138`,credentialContainer:`_credentialContainer_3xawo_146`,credentialPicker:`_credentialPicker_3xawo_153`,modelPicker:`_modelPicker_3xawo_157`,footer:`_footer_3xawo_161`,footerRight:`_footerRight_3xawo_168`}}]]);export{I as default};
//# sourceMappingURL=ProviderSettingsModal-CN078q1R.js.map