@scalar/api-client 2.2.8 → 2.2.9

package/dist/views/Request/Request.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as K, ref as R, computed as B, watch as P, onMounted as X, onBeforeUnmount as Y, openBlock as b, createElementBlock as Z, Fragment as _, createElementVNode as ee, normalizeClass as N, unref as s, createVNode as d, withCtx as O, createBlock as g, createCommentVNode as I } from "vue";
+import { defineComponent as K, ref as y, computed as N, watch as P, onMounted as X, onBeforeUnmount as Y, openBlock as h, createElementBlock as Z, Fragment as _, createElementVNode as ee, normalizeClass as O, unref as s, createVNode as d, withCtx as g, createBlock as I, createCommentVNode as T } from "vue";
 import te from "../../components/ImportCurl/ImportCurlModal.vue.js";
 import oe from "../../components/ViewLayout/ViewLayout.vue.js";
 import re from "../../components/ViewLayout/ViewLayoutContent.vue.js";
@@ -20,48 +20,47 @@ const He = /* @__PURE__ */ K({
   __name: "Request",
   emits: ["newTab"],
   setup(Re) {
-    const T = ye(), { toast: w } = de(), {
+    const M = ye(), { toast: w } = de(), {
       activeCollection: x,
       activeExample: v,
-      activeEnvironment: M,
-      activeRequest: q,
+      activeEnvironment: U,
+      activeRequest: R,
       activeWorkspace: a,
       activeServer: A
     } = ue(), {
       cookies: H,
       isReadOnly: l,
       modalState: n,
-      requestHistory: U,
+      requestHistory: k,
       securitySchemes: L,
       requestMutators: $,
-      serverMutators: W,
-      servers: j,
+      serverMutators: j,
+      servers: W,
       events: p
-    } = T, u = R(!l), k = R(), e = R(), h = R(""), z = ve(), D = B(
-      () => U.findLast((o) => {
-        var t;
-        return o.request.uid === ((t = v.value) == null ? void 0 : t.uid);
+    } = M, u = y(!l), E = y(), t = y(), q = y(""), z = ve(), D = N(
+      () => k.findLast((o) => {
+        var e;
+        return o.request.uid === ((e = v.value) == null ? void 0 : e.uid);
       })
     ), { mediaQueries: F } = ce();
     P(F.md, (o) => u.value = o);
-    const E = B(
+    const V = N(
       () => {
-        var o, t;
-        return (l ? (o = x.value) == null ? void 0 : o.selectedSecuritySchemeUids : (t = q.value) == null ? void 0 : t.selectedSecuritySchemeUids) ?? [];
+        var o, e;
+        return (l ? (o = x.value) == null ? void 0 : o.selectedSecuritySchemeUids : (e = R.value) == null ? void 0 : e.selectedSecuritySchemeUids) ?? [];
       }
     ), C = async () => {
-      var S;
-      if (!q.value || !v.value || !x.value)
+      if (!R.value || !v.value || !x.value)
         return;
-      const o = me.parse(((S = M.value) == null ? void 0 : S.value) || "{}");
-      o.error && console.error("INVALID ENVIRONMENT!");
-      const t = o.error || typeof o.data != "object" ? {} : o.data ?? {}, r = a.value.cookies.map((y) => H[y]), [i, m] = fe({
-        request: q.value,
+      const o = typeof U.value == "object" ? U.value.value : "{}", e = me.parse(o);
+      e.error && console.error("INVALID ENVIRONMENT!");
+      const r = e.error || typeof e.data != "object" ? {} : e.data ?? {}, f = a.value.cookies.map((S) => H[S]), [i, m] = fe({
+        request: R.value,
         example: v.value,
-        selectedSecuritySchemeUids: E.value,
+        selectedSecuritySchemeUids: V.value,
         proxyUrl: a.value.proxyUrl ?? "",
-        environment: t,
-        globalCookies: r,
+        environment: r,
+        globalCookies: f,
         status: p.requestStatus,
         securitySchemes: L,
         server: A.value
@@ -70,96 +69,96 @@ const He = /* @__PURE__ */ K({
         w(i.message, "error");
         return;
       }
-      k.value = m.controller;
-      const [c, f] = await m.sendRequest();
-      c ? w(c.message, "error") : U.push(f);
+      E.value = m.controller;
+      const [c, b] = await m.sendRequest();
+      c ? w(c.message, "error") : k.push(b);
     }, Q = async () => {
       var o;
-      return (o = k.value) == null ? void 0 : o.abort(Se.REQUEST_ABORTED);
+      return (o = E.value) == null ? void 0 : o.abort(Se.REQUEST_ABORTED);
     };
     X(() => {
       p.executeRequest.on(C), p.cancelRequest.on(Q);
     }), ie(), Y(() => p.executeRequest.off(C));
     function J({ requestName: o }) {
-      var r, i, m, c;
-      if (!e.value) return;
-      if (e.value.servers) {
-        const f = Object.values(j).find(
-          (S) => {
-            var y, V;
-            return S.url === ((V = (y = e == null ? void 0 : e.value) == null ? void 0 : y.servers) == null ? void 0 : V[0]);
+      var r, f, i, m;
+      if (!t.value) return;
+      if (t.value.servers) {
+        const c = Object.values(W).find(
+          (b) => {
+            var S, B;
+            return b.url === ((B = (S = t == null ? void 0 : t.value) == null ? void 0 : S.servers) == null ? void 0 : B[0]);
           }
         );
-        f ? h.value = f.uid : h.value = W.add(
-          { url: e.value.servers[0] },
+        c ? q.value = c.uid : q.value = j.add(
+          { url: t.value.servers[0] },
           a.value.collections[0]
         ).uid;
       }
-      const t = $.add(
+      const e = $.add(
         {
           summary: o,
-          path: (r = e == null ? void 0 : e.value) == null ? void 0 : r.path,
-          method: (i = e == null ? void 0 : e.value) == null ? void 0 : i.method,
-          parameters: (m = e == null ? void 0 : e.value) == null ? void 0 : m.parameters,
-          selectedServerUid: h.value,
-          requestBody: (c = e == null ? void 0 : e.value) == null ? void 0 : c.requestBody
+          path: (r = t == null ? void 0 : t.value) == null ? void 0 : r.path,
+          method: (f = t == null ? void 0 : t.value) == null ? void 0 : f.method,
+          parameters: (i = t == null ? void 0 : t.value) == null ? void 0 : i.parameters,
+          selectedServerUid: q.value,
+          requestBody: (m = t == null ? void 0 : t.value) == null ? void 0 : m.requestBody
         },
         a.value.collections[0]
       );
-      t && z.push(
-        `/workspace/${a.value.uid}/request/${t.uid}`
+      e && z.push(
+        `/workspace/${a.value.uid}/request/${e.uid}`
       ), n.hide();
     }
     function G(o) {
-      e.value = se(o), n.show();
+      t.value = se(o), n.show();
     }
-    return (o, t) => (b(), Z(_, null, [
+    return (o, e) => (h(), Z(_, null, [
       ee("div", {
-        class: N(["flex flex-1 flex-col pt-0 h-full bg-b-1 relative z-0 overflow-hidden", {
+        class: O(["flex flex-1 flex-col pt-0 h-full bg-b-1 relative z-0 overflow-hidden", {
           "!mr-0 !mb-0 !border-0": s(l)
         }])
       }, [
         d(le, {
           modelValue: u.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (r) => u.value = r),
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => u.value = r),
           isReadonly: s(l),
-          onHideModal: t[1] || (t[1] = () => s(n).hide()),
+          onHideModal: e[1] || (e[1] = () => s(n).hide()),
           onImportCurl: G
         }, null, 8, ["modelValue", "isReadonly"]),
         d(oe, null, {
-          default: O(() => [
+          default: g(() => [
             d(pe, {
               isReadonly: s(l),
               showSidebar: u.value,
-              onNewTab: t[2] || (t[2] = (r) => o.$emit("newTab", r)),
-              "onUpdate:showSidebar": t[3] || (t[3] = (r) => u.value = r)
+              onNewTab: e[2] || (e[2] = (r) => o.$emit("newTab", r)),
+              "onUpdate:showSidebar": e[3] || (e[3] = (r) => u.value = r)
             }, null, 8, ["isReadonly", "showSidebar"]),
-            s(v) ? (b(), g(re, {
+            s(v) ? (h(), I(re, {
               key: 0,
-              class: N(["flex-1", [u.value ? "sidebar-active-hide-layout" : ""]])
+              class: O(["flex-1", [u.value ? "sidebar-active-hide-layout" : ""]])
             }, {
-              default: O(() => {
+              default: g(() => {
                 var r;
                 return [
-                  d(ae, { selectedSecuritySchemeUids: E.value }, null, 8, ["selectedSecuritySchemeUids"]),
+                  d(ae, { selectedSecuritySchemeUids: V.value }, null, 8, ["selectedSecuritySchemeUids"]),
                   d(ne, {
                     response: (r = D.value) == null ? void 0 : r.response
                   }, null, 8, ["response"])
                 ];
               }),
               _: 1
-            }, 8, ["class"])) : I("", !0)
+            }, 8, ["class"])) : T("", !0)
           ]),
           _: 1
         })
       ], 2),
-      e.value ? (b(), g(te, {
+      t.value ? (h(), I(te, {
         key: 0,
-        parsedCurl: e.value,
+        parsedCurl: t.value,
         state: s(n),
-        onClose: t[4] || (t[4] = (r) => s(n).hide()),
+        onClose: e[4] || (e[4] = (r) => s(n).hide()),
         onImportCurl: J
-      }, null, 8, ["parsedCurl", "state"])) : I("", !0)
+      }, null, 8, ["parsedCurl", "state"])) : T("", !0)
     ], 64));
   }
 });

package/dist/views/Request/RequestSection/RequestAuth/OAuth2.vue.d.ts

@@ -2,6 +2,7 @@ import { type Oauth2Flow, type SecuritySchemeOauth2 } from '@scalar/oas-utils/en
 type __VLS_Props = {
     scheme: SecuritySchemeOauth2;
     flow: Oauth2Flow;
+    layout?: 'client' | 'reference';
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/views/Request/RequestSection/RequestAuth/OAuth2.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OAuth2.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/OAuth2.vue"],"names":[],"mappings":"AAyOA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,oBAAoB,EAE1B,MAAM,iCAAiC,CAAA;AAOxC,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,oBAAoB,CAAA;IAC5B,IAAI,EAAE,UAAU,CAAA;CACjB,CAAC;;AAwdF,wBAMG"}
+{"version":3,"file":"OAuth2.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/OAuth2.vue"],"names":[],"mappings":"AAuOA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,oBAAoB,EAE1B,MAAM,iCAAiC,CAAA;AAQxC,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,oBAAoB,CAAA;IAC5B,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;;AA6dF,wBAMG"}

package/dist/views/Request/RequestSection/RequestAuth/OAuth2.vue.js

@@ -1,232 +1,230 @@
-import { defineComponent as T, openBlock as i, createElementBlock as k, Fragment as y, createVNode as d, unref as a, withCtx as o, createTextVNode as s, createElementVNode as V, createBlock as m, createCommentVNode as f } from "vue";
-import { useActiveEntities as P } from "../../../../store/active-entities.js";
-import n from "../RequestAuthDataTableInput.vue.js";
-import { useLoadingState as A, ScalarButton as U } from "@scalar/components";
-import { pkceOptions as B } from "@scalar/oas-utils/entities/spec";
-import { useToasts as F } from "@scalar/use-toasts";
-import O from "./OAuthScopesInput.vue.js";
-import u from "../../../../components/DataTable/DataTableRow.vue.js";
-import { authorizeOauth2 as E } from "../../libs/oauth2.js";
-import { useWorkspace as I } from "../../../../store/store.js";
-const R = { class: "h-8 flex items-center justify-self-end" }, b = { class: "h-8 flex items-center justify-self-end" }, Y = /* @__PURE__ */ T({
+import { defineComponent as T, openBlock as s, createElementBlock as w, Fragment as y, createVNode as a, unref as r, withCtx as o, createTextVNode as d, createElementVNode as V, createBlock as m, createCommentVNode as i } from "vue";
+import { useActiveEntities as L } from "../../../../store/active-entities.js";
+import { useLoadingState as P, ScalarButton as U } from "@scalar/components";
+import { pkceOptions as R } from "@scalar/oas-utils/entities/spec";
+import { useToasts as A } from "@scalar/use-toasts";
+import B from "./OAuthScopesInput.vue.js";
+import f from "./RequestAuthDataTableInput.vue.js";
+import n from "../../../../components/DataTable/DataTableRow.vue.js";
+import { authorizeOauth2 as F } from "../../libs/oauth2.js";
+import { useWorkspace as b } from "../../../../store/store.js";
+const I = { class: "h-8 flex items-center justify-self-end" }, O = { class: "h-8 flex items-center justify-end border-t-1/2 w-full" }, Y = /* @__PURE__ */ T({
   __name: "OAuth2",
   props: {
     scheme: {},
-    flow: {}
+    flow: {},
+    layout: { default: "client" }
   },
-  setup(w) {
-    const p = A(), { toast: $ } = F(), { activeCollection: g, activeServer: v, activeWorkspace: S } = P(), { isReadOnly: z, securitySchemeMutators: h } = I(), r = (l, e) => h.edit(w.scheme.uid, l, e), C = async () => {
+  setup(k) {
+    const p = P(), { toast: g } = A(), { activeCollection: $, activeServer: v, activeWorkspace: S } = L(), { securitySchemeMutators: z } = b(), u = (l, e) => z.edit(k.scheme.uid, l, e), C = async () => {
       var t;
-      if (p.isLoading || !((t = g.value) != null && t.uid)) return;
+      if (p.isLoading || !((t = $.value) != null && t.uid)) return;
       p.startLoading();
-      const [l, e] = await E(
-        w.flow,
+      const [l, e] = await F(
+        k.flow,
         v.value,
         S.value.proxyUrl
       ).finally(() => p.stopLoading());
-      e ? r(`flows.${w.flow.type}.token`, e) : (console.error(l), $((l == null ? void 0 : l.message) ?? "Failed to authorize", "error"));
+      e ? u(`flows.${k.flow.type}.token`, e) : (console.error(l), g((l == null ? void 0 : l.message) ?? "Failed to authorize", "error"));
     };
-    return (l, e) => l.flow.token ? (i(), k(y, { key: 0 }, [
-      d(a(u), null, {
-        default: o(() => [
-          d(n, {
-            id: "oauth2-access-token",
-            class: "border-r-transparent",
-            modelValue: l.flow.token,
-            placeholder: "QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT",
-            type: "password",
-            "onUpdate:modelValue": e[0] || (e[0] = (t) => r(`flows.${l.flow.type}.token`, t))
-          }, {
-            default: o(() => e[10] || (e[10] = [
-              s(" Access Token ")
-            ])),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        _: 1
-      }),
-      d(a(u), { class: "min-w-full" }, {
-        default: o(() => [
-          V("div", R, [
-            d(a(U), {
-              class: "p-0 py-0.5 px-2 mr-1",
-              loading: a(p),
-              size: "sm",
-              variant: "outlined",
-              onClick: e[1] || (e[1] = (t) => r(`flows.${l.flow.type}.token`, ""))
+    return (l, e) => (s(), w(y, null, [
+      l.flow.token ? (s(), w(y, { key: 0 }, [
+        a(r(n), null, {
+          default: o(() => [
+            a(f, {
+              class: "border-r-transparent",
+              modelValue: l.flow.token,
+              placeholder: "QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT",
+              type: "password",
+              "onUpdate:modelValue": e[0] || (e[0] = (t) => u(`flows.${l.flow.type}.token`, t))
             }, {
-              default: o(() => e[11] || (e[11] = [
-                s(" Clear ")
+              default: o(() => e[10] || (e[10] = [
+                d(" Access Token ")
               ])),
               _: 1
-            }, 8, ["loading"])
-          ])
-        ]),
-        _: 1
-      })
-    ], 64)) : (i(), k(y, { key: 1 }, [
-      a(z) ? f("", !0) : (i(), m(a(u), { key: 0 }, {
-        default: o(() => [
-          "authorizationUrl" in l.flow ? (i(), m(n, {
-            key: 0,
-            id: `oauth2-authorization-url-${l.scheme.uid}`,
-            modelValue: l.flow.authorizationUrl,
-            placeholder: "https://galaxy.scalar.com/authorize",
-            "onUpdate:modelValue": e[2] || (e[2] = (t) => r(`flows.${l.flow.type}.authorizationUrl`, t))
-          }, {
-            default: o(() => e[12] || (e[12] = [
-              s(" Auth Url ")
-            ])),
-            _: 1
-          }, 8, ["id", "modelValue"])) : f("", !0),
-          "tokenUrl" in l.flow ? (i(), m(n, {
-            key: 1,
-            id: `oauth2-token-url-${l.scheme.uid}`,
-            modelValue: l.flow.tokenUrl,
-            placeholder: "https://galaxy.scalar.com/token",
-            "onUpdate:modelValue": e[3] || (e[3] = (t) => r(`flows.${l.flow.type}.tokenUrl`, t))
-          }, {
-            default: o(() => e[13] || (e[13] = [
-              s(" Token Url ")
-            ])),
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        a(r(n), { class: "min-w-full" }, {
+          default: o(() => [
+            V("div", I, [
+              a(r(U), {
+                class: "p-0 py-0.5 px-2 mr-1",
+                loading: r(p),
+                size: "sm",
+                variant: "outlined",
+                onClick: e[1] || (e[1] = (t) => u(`flows.${l.flow.type}.token`, ""))
+              }, {
+                default: o(() => e[11] || (e[11] = [
+                  d(" Clear ")
+                ])),
+                _: 1
+              }, 8, ["loading"])
+            ])
+          ]),
+          _: 1
+        })
+      ], 64)) : (s(), w(y, { key: 1 }, [
+        a(r(n), null, {
+          default: o(() => [
+            "authorizationUrl" in l.flow ? (s(), m(f, {
+              key: 0,
+              modelValue: l.flow.authorizationUrl,
+              placeholder: "https://galaxy.scalar.com/authorize",
+              "onUpdate:modelValue": e[2] || (e[2] = (t) => u(`flows.${l.flow.type}.authorizationUrl`, t))
+            }, {
+              default: o(() => e[12] || (e[12] = [
+                d(" Auth URL ")
+              ])),
+              _: 1
+            }, 8, ["modelValue"])) : i("", !0),
+            "tokenUrl" in l.flow ? (s(), m(f, {
+              key: 1,
+              modelValue: l.flow.tokenUrl,
+              placeholder: "https://galaxy.scalar.com/token",
+              "onUpdate:modelValue": e[3] || (e[3] = (t) => u(`flows.${l.flow.type}.tokenUrl`, t))
+            }, {
+              default: o(() => e[13] || (e[13] = [
+                d(" Token URL ")
+              ])),
+              _: 1
+            }, 8, ["modelValue"])) : i("", !0)
+          ]),
+          _: 1
+        }),
+        "x-scalar-redirect-uri" in l.flow ? (s(), m(r(n), { key: 0 }, {
+          default: o(() => [
+            a(f, {
+              modelValue: l.flow["x-scalar-redirect-uri"],
+              placeholder: "https://galaxy.scalar.com/callback",
+              "onUpdate:modelValue": e[4] || (e[4] = (t) => u(`flows.${l.flow.type}.x-scalar-redirect-uri`, t))
+            }, {
+              default: o(() => e[14] || (e[14] = [
+                d(" Redirect URL ")
+              ])),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        })) : i("", !0),
+        l.flow.type === "password" ? (s(), w(y, { key: 1 }, [
+          a(r(n), null, {
+            default: o(() => [
+              a(f, {
+                class: "text-c-2",
+                modelValue: l.flow.username,
+                placeholder: "janedoe",
+                "onUpdate:modelValue": e[5] || (e[5] = (t) => u(`flows.${l.flow.type}.username`, t))
+              }, {
+                default: o(() => e[15] || (e[15] = [
+                  d(" Username ")
+                ])),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
             _: 1
-          }, 8, ["id", "modelValue"])) : f("", !0)
-        ]),
-        _: 1
-      })),
-      "x-scalar-redirect-uri" in l.flow ? (i(), m(a(u), { key: 1 }, {
-        default: o(() => [
-          d(n, {
-            id: `oauth2-redirect-uri-${l.scheme.uid}`,
-            modelValue: l.flow["x-scalar-redirect-uri"],
-            placeholder: "https://galaxy.scalar.com/callback",
-            "onUpdate:modelValue": e[4] || (e[4] = (t) => r(`flows.${l.flow.type}.x-scalar-redirect-uri`, t))
-          }, {
-            default: o(() => e[14] || (e[14] = [
-              s(" Redirect Url ")
-            ])),
+          }),
+          a(r(n), null, {
+            default: o(() => [
+              a(f, {
+                modelValue: l.flow.password,
+                placeholder: "********",
+                type: "password",
+                "onUpdate:modelValue": e[6] || (e[6] = (t) => u(`flows.${l.flow.type}.password`, t))
+              }, {
+                default: o(() => e[16] || (e[16] = [
+                  d(" Password ")
+                ])),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
             _: 1
-          }, 8, ["id", "modelValue"])
-        ]),
-        _: 1
-      })) : f("", !0),
-      l.flow.type === "password" ? (i(), k(y, { key: 2 }, [
-        d(a(u), null, {
+          })
+        ], 64)) : i("", !0),
+        a(r(n), null, {
           default: o(() => [
-            d(n, {
-              id: `oauth2-password-username-${l.scheme.uid}`,
-              class: "text-c-2",
-              modelValue: l.flow.username,
-              placeholder: "ScalarEnjoyer01",
-              "onUpdate:modelValue": e[5] || (e[5] = (t) => r(`flows.${l.flow.type}.username`, t))
+            a(f, {
+              modelValue: l.flow["x-scalar-client-id"],
+              placeholder: "12345",
+              "onUpdate:modelValue": e[7] || (e[7] = (t) => u(`flows.${l.flow.type}.x-scalar-client-id`, t))
             }, {
-              default: o(() => e[15] || (e[15] = [
-                s(" Username ")
+              default: o(() => e[17] || (e[17] = [
+                d(" Client ID ")
               ])),
               _: 1
-            }, 8, ["id", "modelValue"])
+            }, 8, ["modelValue"])
           ]),
           _: 1
         }),
-        d(a(u), null, {
+        "clientSecret" in l.flow ? (s(), m(r(n), { key: 2 }, {
           default: o(() => [
-            d(n, {
-              id: `oauth2-password-password-${l.scheme.uid}`,
-              modelValue: l.flow.password,
-              placeholder: "xxxxxx",
+            a(f, {
+              modelValue: l.flow.clientSecret,
+              placeholder: "XYZ123",
               type: "password",
-              "onUpdate:modelValue": e[6] || (e[6] = (t) => r(`flows.${l.flow.type}.password`, t))
+              "onUpdate:modelValue": e[8] || (e[8] = (t) => u(`flows.${l.flow.type}.clientSecret`, t))
             }, {
-              default: o(() => e[16] || (e[16] = [
-                s(" Password ")
+              default: o(() => e[18] || (e[18] = [
+                d(" Client Secret ")
               ])),
               _: 1
-            }, 8, ["id", "modelValue"])
+            }, 8, ["modelValue"])
           ]),
           _: 1
-        })
-      ], 64)) : f("", !0),
-      d(a(u), null, {
-        default: o(() => [
-          d(n, {
-            id: `oauth2-client-id-${l.scheme.uid}`,
-            modelValue: l.flow["x-scalar-client-id"],
-            placeholder: "12345",
-            "onUpdate:modelValue": e[7] || (e[7] = (t) => r(`flows.${l.flow.type}.x-scalar-client-id`, t))
-          }, {
-            default: o(() => e[17] || (e[17] = [
-              s(" Client ID ")
-            ])),
-            _: 1
-          }, 8, ["id", "modelValue"])
-        ]),
-        _: 1
-      }),
-      "clientSecret" in l.flow ? (i(), m(a(u), { key: 3 }, {
-        default: o(() => [
-          d(n, {
-            id: `oauth2-client-secret-${l.scheme.uid}`,
-            modelValue: l.flow.clientSecret,
-            placeholder: "XYZ123",
-            type: "password",
-            "onUpdate:modelValue": e[8] || (e[8] = (t) => r(`flows.${l.flow.type}.clientSecret`, t))
-          }, {
-            default: o(() => e[18] || (e[18] = [
-              s(" Client Secret ")
-            ])),
-            _: 1
-          }, 8, ["id", "modelValue"])
-        ]),
-        _: 1
-      })) : f("", !0),
-      "x-usePkce" in l.flow ? (i(), m(a(u), { key: 4 }, {
-        default: o(() => [
-          d(n, {
-            id: `oauth2-use-pkce-${l.scheme.uid}`,
-            enum: a(B),
-            modelValue: l.flow["x-usePkce"],
-            readOnly: "",
-            "onUpdate:modelValue": e[9] || (e[9] = (t) => r(
-              `flows.${l.flow.type}.x-usePkce`,
-              t
-            ))
-          }, {
-            default: o(() => e[19] || (e[19] = [
-              s(" Use PKCE ")
-            ])),
-            _: 1
-          }, 8, ["id", "enum", "modelValue"])
-        ]),
-        _: 1
-      })) : f("", !0),
-      Object.keys(l.flow.scopes ?? {}).length ? (i(), m(a(u), { key: 5 }, {
-        default: o(() => [
-          d(O, {
-            flow: l.flow,
-            updateScheme: r
-          }, null, 8, ["flow"])
-        ]),
-        _: 1
-      })) : f("", !0),
-      d(a(u), { class: "min-w-full" }, {
+        })) : i("", !0),
+        "x-usePkce" in l.flow ? (s(), m(r(n), { key: 3 }, {
+          default: o(() => [
+            a(f, {
+              enum: r(R),
+              modelValue: l.flow["x-usePkce"],
+              readOnly: "",
+              "onUpdate:modelValue": e[9] || (e[9] = (t) => u(
+                `flows.${l.flow.type}.x-usePkce`,
+                t
+              ))
+            }, {
+              default: o(() => e[19] || (e[19] = [
+                d(" Use PKCE ")
+              ])),
+              _: 1
+            }, 8, ["enum", "modelValue"])
+          ]),
+          _: 1
+        })) : i("", !0),
+        Object.keys(l.flow.scopes ?? {}).length ? (s(), m(r(n), { key: 4 }, {
+          default: o(() => [
+            a(B, {
+              flow: l.flow,
+              layout: l.layout,
+              updateScheme: u
+            }, null, 8, ["flow", "layout"])
+          ]),
+          _: 1
+        })) : i("", !0)
+      ], 64)),
+      l.flow.token ? i("", !0) : (s(), m(r(n), {
+        key: 2,
+        class: "min-w-full"
+      }, {
         default: o(() => [
-          V("div", b, [
-            d(a(U), {
+          V("div", O, [
+            a(r(U), {
               class: "p-0 py-0.5 px-2 mr-1",
-              loading: a(p),
+              loading: r(p),
               size: "sm",
               variant: "outlined",
               onClick: C
             }, {
               default: o(() => e[20] || (e[20] = [
-                s(" Authorize ")
+                d(" Authorize ")
               ])),
               _: 1
             }, 8, ["loading"])
           ])
         ]),
         _: 1
-      })
+      }))
     ], 64));
   }
 });