import{_ as g}from"./markdown.d94e73c1.js";import{e as t,f as o,E as e,F as c,h as n,s as k,z as u,J as i,n as b,L as d,_ as f}from"./windi.23b0d74b.js";const v={key:0},P={class:"mb-1"},w={class:"app-code-badge mr-1 mb-1"},x={class:"pl-3",style:{"list-style":"circle"}},O={key:0,class:"mt-1"},A={class:"font-code mt-1 border-b border-grey-lightest"},B={class:"-ml-3 mt-1 bg-grey-darkest text-white p-1 rounded shadow-inner"},T={key:0},C={class:"font-bold text-red-light"},M={class:"block"},N={class:"font-bold text-red-light"},S={key:1,class:"mt-1"},F={class:"font-bold text-red-light"};function I(p,r,s,z,D,y){const m=g;return t(),o("div",null,[s.app.authType?s.app.authType==="keys"?(t(),o(c,{key:1},[n("p",null,e(s.app.name)+" uses API keys for authentication. When you connect your "+e(s.app.name)+" account, Pipedream securely stores the keys so you can easily authenticate to "+e(s.app.name)+" APIs in both code and no-code steps.",1),s.app.customFieldsDescriptionMd?(t(),k(m,{key:0,class:"markdown-body mt-2",source:s.app.customFieldsDescriptionMd},null,8,["source"])):u("",!0)],64)):s.app.authType==="oauth"?(t(),o(c,{key:2},[n("p",P,e(s.app.name)+" uses OAuth authentication. When you connect your "+e(s.app.name)+" account, Pipedream will open a popup window where you can sign into "+e(s.app.name)+" and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any "+e(s.app.name)+" API.",1),r[1]||(r[1]=n("p",{class:"mb-1"},"Pipedream requests the following authorization scopes when you connect your account:",-1)),n("div",null,[(t(!0),o(c,null,i(s.app.oauthScopes,a=>(t(),o("code",w,e(a),1))),256))]),s.showOauthConfig?(t(),o(c,{key:0},[r[0]||(r[0]=n("div",{class:"mt-2"},[n("div",{class:"font-bold mb-1"},"OAuth Request Configurations:")],-1)),n("ol",x,[(t(!0),o(c,null,i(y.revivedOauthReqsByType,(a,_)=>(t(),o(c,null,[a.url?(t(),o("li",O,[n("div",A,e(_),1),n("div",B,[n("code",{class:b(["font-bold mr-1",`app-method-${a.httpMethod}`])},e(a.httpMethod),3),n("code",null,e(a.url),1),a.urlParams.length?(t(),o("code",T,"?")):u("",!0),(t(!0),o(c,null,i(a.urlParams,(l,h)=>(t(),o("code",null,[d(e(l.key)+"=",1),n("code",C,e(l.value),1),d(e(h<a.urlParams.length-1?"&":""),1)]))),256)),(t(!0),o(c,null,i(a.headerParams,(l,h)=>(t(),o("code",M,[d(e(l.key)+": ",1),n("code",N,e(l.value),1)]))),256)),a.bodyParams.length?(t(),o("div",S,[(t(!0),o(c,null,i(a.bodyParams,(l,h)=>(t(),o("code",null,[d(e(l.key)+"=",1),n("code",F,e(l.value),1),d(e(h<a.bodyParams.length-1?"&":""),1)]))),256))])):u("",!0)])])):u("",!0)],64))),256))])],64)):u("",!0)],64)):u("",!0):(t(),o("p",v,"The "+e(s.app.name)+" API does not require authentication.",1))])}const R={props:{app:{},showOauthConfig:Boolean},computed:{revivedOauthReqsByType(){const p=JSON.stringify(this.app.oauthReqsByType);return JSON.parse(p.replace(/⫷/g,"{{").replace(/⫸/g,"}}"))}}},E=f(R,[["render",I],["__file","app-auth-section.vue"]]);export{E as _};