@scalar/api-client 2.26.2 → 2.27.1

package/dist/v2/blocks/scalar-auth-selector-block/components/AuthSelector.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as U, useId as $, ref as p, computed as S, createBlock as x, openBlock as c, unref as s, withCtx as r, createVNode as m, createCommentVNode as b, createElementBlock as v, Fragment as g, createElementVNode as u, createTextVNode as k, toDisplayString as y, withModifiers as q, normalizeClass as M } from "vue";
+import { defineComponent as U, useId as $, ref as y, computed as S, createBlock as p, openBlock as c, unref as s, withCtx as r, createVNode as m, createCommentVNode as x, createElementBlock as v, Fragment as b, createElementVNode as u, createTextVNode as g, toDisplayString as f, withModifiers as q, normalizeClass as M } from "vue";
 import { useModal as N, ScalarComboboxMultiselect as T, ScalarButton as j, ScalarListboxCheckbox as z, ScalarIconButton as E } from "@scalar/components";
 import { ScalarIconCaretDown as L, ScalarIconTrash as P } from "@scalar/icons";
 import { getResolvedRef as F } from "@scalar/workspace-store/helpers/get-resolved-ref";
@@ -22,8 +22,8 @@ const Z = ["id"], _ = { class: "min-w-0 flex-1 truncate" }, ue = /* @__PURE__ */
     server: {},
     title: {}
   },
-  setup(e, { expose: I }) {
-    const C = $(), B = p(null), O = p(!1), d = N(), o = p(null), h = S(() => {
+  setup(e, { expose: D }) {
+    const k = $(), C = y(null), B = y(!1), d = N(), o = y(null), h = S(() => {
       if (!e.securityRequirements?.length)
         return null;
       const l = J(e.securityRequirements);
@@ -31,7 +31,7 @@ const Z = ["id"], _ = { class: "min-w-0 flex-1 truncate" }, ue = /* @__PURE__ */
         icon: l ? "Unlock" : "Lock",
         text: l ? "Optional" : "Required"
       };
-    }), R = S(
+    }), O = S(
       () => K(
         e.securityRequirements ?? [],
         e.securitySchemes ?? {},
@@ -46,18 +46,14 @@ const Z = ["id"], _ = { class: "min-w-0 flex-1 truncate" }, ue = /* @__PURE__ */
         if (a.length > 1)
           return Q(t);
         const n = a[0];
-        if (!n)
-          return [];
-        const f = F(e.securitySchemes?.[n]);
-        return f ? W({
+        return n ? F(e.securitySchemes?.[n]) ? W({
           name: n,
-          type: f.type,
           value: t
-        }) : [];
+        }) : [] : [];
       }) : [];
-    }), w = (l) => {
-      O.value && l.stopPropagation(), B.value?.$el.click();
-    }, A = (l) => {
+    }), I = (l) => {
+      B.value && l.stopPropagation(), C.value?.$el.click();
+    }, w = (l) => {
       const t = l.filter((n) => n.payload === void 0).map((n) => G(n.value, { depth: 2 })), a = l.filter((n) => n.payload !== void 0).map((n) => ({
         name: n.label,
         scheme: n.payload
@@ -67,35 +63,35 @@ const Z = ["id"], _ = { class: "min-w-0 flex-1 truncate" }, ue = /* @__PURE__ */
         newSchemes: a,
         meta: e.meta
       });
-    }, D = (l) => {
+    }, R = (l) => {
       o.value = { label: l.label, payload: l.value }, d.show();
-    }, V = () => {
+    }, A = () => {
       o.value && (e.eventBus.emit("auth:delete:security-scheme", {
         names: Object.keys(o.value.payload)
       }), o.value = null, d.hide());
     };
-    return I({
+    return D({
       authIndicator: h,
       selectedSchemeOptions: i,
-      schemeOptions: R
-    }), (l, t) => (c(), x(s(Y), {
+      schemeOptions: O
+    }), (l, t) => (c(), p(s(Y), {
       class: "group/params relative",
       isStatic: e.isStatic,
       itemCount: i.value.length,
-      "onUpdate:modelValue": t[1] || (t[1] = (a) => O.value = a)
+      "onUpdate:modelValue": t[1] || (t[1] = (a) => B.value = a)
     }, {
       title: r(() => [
         u("div", {
-          id: s(C),
+          id: s(k),
           class: "inline-flex items-center gap-0.5 leading-[20px]"
         }, [
-          u("span", null, y(e.title), 1),
+          u("span", null, f(e.title), 1),
           h.value ? (c(), v("span", {
             key: 0,
             class: M(["text-c-3 hover:bg-b-3 hover:text-c-1 -my-0.5 -mr-1 cursor-pointer rounded px-1 py-0.5 leading-[normal] font-normal", { "text-c-1": h.value.text === "Required" }]),
             "data-testid": "auth-indicator",
-            onClick: w
-          }, y(h.value.text), 3)) : b("", !0)
+            onClick: I
+          }, f(h.value.text), 3)) : x("", !0)
         ], 8, Z)
       ]),
       actions: r(() => [
@@ -103,45 +99,45 @@ const Z = ["id"], _ = { class: "min-w-0 flex-1 truncate" }, ue = /* @__PURE__ */
           class: "w-72 text-xs",
           modelValue: i.value,
           multiple: "",
-          options: R.value,
+          options: O.value,
           placement: "bottom-end",
           teleport: "",
-          onDelete: D,
-          "onUpdate:modelValue": A
+          onDelete: R,
+          "onUpdate:modelValue": w
         }, {
           option: r(({ option: a, selected: n }) => [
             m(s(z), {
               multiselect: "",
               selected: n
             }, null, 8, ["selected"]),
-            u("div", _, y(a.label), 1),
-            a.isDeletable ? (c(), x(s(E), {
+            u("div", _, f(a.label), 1),
+            a.isDeletable ? (c(), p(s(E), {
               key: 0,
               class: "-m-0.5 shrink-0 p-0.5 opacity-0 group-hover/item:opacity-100",
               icon: s(P),
               label: `Delete ${a.label}`,
               size: "xs",
-              onClick: q((f) => D(a), ["stop"])
-            }, null, 8, ["icon", "label", "onClick"])) : b("", !0)
+              onClick: q((V) => R(a), ["stop"])
+            }, null, 8, ["icon", "label", "onClick"])) : x("", !0)
           ]),
           default: r(() => [
             m(s(j), {
               ref_key: "comboboxButtonRef",
-              ref: B,
-              "aria-describedby": s(C),
+              ref: C,
+              "aria-describedby": s(k),
               class: "group/combobox-button hover:text-c-1 text-c-2 flex h-fit w-full items-center gap-1 px-0.75 py-0.25 text-base font-normal",
               variant: "ghost"
             }, {
               default: r(() => [
-                i.value.length === 1 ? (c(), v(g, { key: 0 }, [
+                i.value.length === 1 ? (c(), v(b, { key: 0 }, [
                   t[2] || (t[2] = u("span", { class: "sr-only" }, "Selected Auth Type:", -1)),
-                  k(" " + y(i.value[0]?.label), 1)
-                ], 64)) : i.value.length > 1 ? (c(), v(g, { key: 1 }, [
-                  t[3] || (t[3] = k(" Multiple ", -1)),
+                  g(" " + f(i.value[0]?.label), 1)
+                ], 64)) : i.value.length > 1 ? (c(), v(b, { key: 1 }, [
+                  t[3] || (t[3] = g(" Multiple ", -1)),
                   t[4] || (t[4] = u("span", { class: "sr-only" }, "Auth Types Selected", -1))
-                ], 64)) : (c(), v(g, { key: 2 }, [
+                ], 64)) : (c(), v(b, { key: 2 }, [
                   t[5] || (t[5] = u("span", { class: "sr-only" }, "Select", -1)),
-                  t[6] || (t[6] = k(" Auth Type ", -1))
+                  t[6] || (t[6] = g(" Auth Type ", -1))
                 ], 64)),
                 m(s(L), {
                   class: "size-3 shrink-0 transition-transform duration-100 group-aria-expanded/combobox-button:rotate-180",
@@ -166,14 +162,14 @@ const Z = ["id"], _ = { class: "min-w-0 flex-1 truncate" }, ue = /* @__PURE__ */
           selectedSchemeOptions: i.value,
           server: e.server
         }, null, 8, ["activeAuthIndex", "environment", "eventBus", "isStatic", "meta", "proxyUrl", "securitySchemes", "selectedSchemeOptions", "server"]),
-        o.value ? (c(), x(H, {
+        o.value ? (c(), p(H, {
           key: 0,
           label: o.value.label,
           scheme: o.value,
           state: s(d),
           onClose: t[0] || (t[0] = (a) => s(d).hide()),
-          onDelete: V
-        }, null, 8, ["label", "scheme", "state"])) : b("", !0)
+          onDelete: A
+        }, null, 8, ["label", "scheme", "state"])) : x("", !0)
       ]),
       _: 1
     }, 8, ["isStatic", "itemCount"]));

package/dist/v2/blocks/scalar-auth-selector-block/components/OAuth2.vue.d.ts

@@ -1,17 +1,18 @@
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import type { OAuthFlowsObjectSecret } from '../../../../v2/blocks/scalar-auth-selector-block/helpers/secret-types';
+import type { OAuthFlowsObjectSecret, SecuritySchemeObjectSecret } from '../../../../v2/blocks/scalar-auth-selector-block/helpers/secret-types';
 type __VLS_Props = {
     /** Current environment configuration */
     environment: XScalarEnvironment;
     /** OAuth flows */
     flows: OAuthFlowsObjectSecret;
-    /** Current environment configuration */
     /** Type of the OAuth flow */
     type: keyof OAuthFlowsObjectSecret;
     /** Selected scopes */
     selectedScopes: string[];
+    /** Security scheme */
+    scheme: SecuritySchemeObjectSecret;
     /** Current server configuration */
     server: ServerObject | null;
     /** Proxy URL */

package/dist/v2/blocks/scalar-auth-selector-block/components/OAuth2.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OAuth2.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/OAuth2.vue"],"names":[],"mappings":"AAkWA,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAGnH,OAAO,KAAK,EAEV,YAAY,EACb,MAAM,8DAA8D,CAAA;AAMrE,OAAO,KAAK,EAIV,sBAAsB,EACvB,MAAM,6DAA6D,CAAA;AAIpE,KAAK,WAAW,GAAG;IACjB,wCAAwC;IACxC,WAAW,EAAE,kBAAkB,CAAA;IAC/B,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAA;IAC7B,wCAAwC;IACxC,6BAA6B;IAC7B,IAAI,EAAE,MAAM,sBAAsB,CAAA;IAClC,sBAAsB;IACtB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,mCAAmC;IACnC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,2CAA2C;IAC3C,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AAyrBF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"OAuth2.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/OAuth2.vue"],"names":[],"mappings":"AAiYA,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAGnH,OAAO,KAAK,EAEV,YAAY,EACb,MAAM,8DAA8D,CAAA;AAMrE,OAAO,KAAK,EAIV,sBAAsB,EACtB,0BAA0B,EAC3B,MAAM,6DAA6D,CAAA;AAIpE,KAAK,WAAW,GAAG;IACjB,wCAAwC;IACxC,WAAW,EAAE,kBAAkB,CAAA;IAC/B,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAA;IAC7B,6BAA6B;IAC7B,IAAI,EAAE,MAAM,sBAAsB,CAAA;IAClC,sBAAsB;IACtB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,sBAAsB;IACtB,MAAM,EAAE,0BAA0B,CAAA;IAClC,mCAAmC;IACnC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,2CAA2C;IAC3C,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AA6uBF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/blocks/scalar-auth-selector-block/components/OAuth2.vue.js

@@ -1,19 +1,20 @@
-import { defineComponent as b, computed as w, watch as L, createElementBlock as x, openBlock as c, Fragment as V, createVNode as r, unref as o, withCtx as l, createTextVNode as s, createElementVNode as U, createBlock as f, createCommentVNode as v } from "vue";
-import { useLoadingState as O, ScalarButton as S } from "@scalar/components";
-import { pkceOptions as P } from "@scalar/oas-utils/entities/spec";
-import { useToasts as R } from "@scalar/use-toasts";
-import F from "./OAuthScopesInput.vue.js";
+import { defineComponent as P, computed as C, ref as R, watch as I, createElementBlock as p, openBlock as m, Fragment as V, createVNode as r, unref as o, withCtx as l, createTextVNode as d, createElementVNode as S, createBlock as f, createCommentVNode as v } from "vue";
+import { useLoadingState as L, ScalarButton as k } from "@scalar/components";
+import { pkceOptions as F } from "@scalar/oas-utils/entities/spec";
+import { useToasts as A } from "@scalar/use-toasts";
+import N from "./OAuthScopesInput.vue.js";
 /* empty css                      */
-import { authorizeOauth2 as A } from "../helpers/oauth.js";
-import i from "./RequestAuthDataTableInput.vue.js";
+import { authorizeOauth2 as h } from "../helpers/oauth.js";
+import c from "./RequestAuthDataTableInput.vue.js";
 import u from "../../../../components/DataTable/DataTableRow.vue.js";
-const I = { class: "flex h-8 items-center justify-end gap-2 border-t" }, N = { class: "flex h-8 w-full items-center justify-end border-t" }, Y = /* @__PURE__ */ b({
+const j = { class: "flex h-8 items-center justify-end gap-2 border-t" }, E = { class: "flex h-8 w-full items-center justify-end border-t" }, q = /* @__PURE__ */ P({
   __name: "OAuth2",
   props: {
     environment: {},
     flows: {},
     type: {},
     selectedScopes: {},
+    scheme: {},
     server: {},
     proxyUrl: {},
     name: {},
@@ -21,60 +22,66 @@ const I = { class: "flex h-8 items-center justify-end gap-2 border-t" }, N = { c
   },
   emits: ["update:selectedScopes"],
   setup(t, { emit: g }) {
-    const C = g, p = O(), { toast: T } = R(), a = w(() => t.flows[t.type]), k = w(
-      () => t.selectedScopes.filter((d) => d in (a.value.scopes ?? {}))
-    ), y = (d) => t.eventBus.emit("auth:update:security-scheme", {
+    const z = g, y = L(), { toast: B } = A(), a = C(() => t.flows[t.type]), U = C(
+      () => t.selectedScopes.filter((s) => s in (a.value.scopes ?? {}))
+    ), x = (s) => {
+      if (t.scheme.type === "openIdConnect")
+        return i(s);
+      t.eventBus.emit("auth:update:security-scheme", {
+        payload: {
+          type: t.scheme.type,
+          flows: {
+            [t.type]: s
+          }
+        },
+        name: t.name
+      });
+    }, i = (s) => t.eventBus.emit("auth:update:security-scheme-secrets", {
       payload: {
-        type: "oauth2",
-        flows: {
-          [t.type]: d
-        }
+        type: t.scheme.type,
+        [t.type]: s
       },
       name: t.name
-    }), m = (d) => t.eventBus.emit("auth:update:security-scheme-secrets", {
-      payload: {
-        type: "oauth2",
-        [t.type]: d
-      },
+    }), T = () => t.eventBus.emit("auth:clear:security-scheme-secrets", {
       name: t.name
-    });
-    L(
+    }), w = R(!1);
+    I(
       () => a.value["x-scalar-secret-redirect-uri"],
-      (d) => {
-        d || typeof window > "u" || !("x-scalar-secret-redirect-uri" in a.value) || m({
-          "x-scalar-secret-redirect-uri": window.location.origin + window.location.pathname
-        });
+      (s) => {
+        w.value || s || typeof window > "u" || !("x-scalar-secret-redirect-uri" in a.value) || (w.value = !0, i({
+          "x-scalar-secret-redirect-uri": window.location.origin
+        }));
       },
       { immediate: !0 }
     );
-    const z = async () => {
-      if (p.isLoading)
+    const b = async () => {
+      if (y.isLoading)
         return;
-      p.start();
-      const [d, e] = await A(
+      y.start();
+      const [s, e] = await h(
         t.flows,
         t.type,
-        k.value,
+        U.value,
         t.server,
         t.proxyUrl
       );
-      await p.clear(), e ? m({ "x-scalar-secret-token": e }) : (console.error(d), T(d?.message ?? "Failed to authorize", "error"));
-    }, B = (d) => y({
-      "x-scalar-credentials-location": d === "body" ? "body" : "header"
+      await y.clear(), e ? i({ "x-scalar-secret-token": e }) : (console.error(s), B(s?.message ?? "Failed to authorize", "error"));
+    }, O = (s) => x({
+      "x-scalar-credentials-location": s === "body" ? "body" : "header"
     });
-    return (d, e) => a.value["x-scalar-secret-token"] ? (c(), x(V, { key: 0 }, [
+    return (s, e) => a.value["x-scalar-secret-token"] ? (m(), p(V, { key: 0 }, [
       r(o(u), null, {
         default: l(() => [
-          r(i, {
+          r(c, {
             class: "border-r-transparent",
             environment: t.environment,
             modelValue: a.value["x-scalar-secret-token"],
             placeholder: "QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT",
             type: "password",
-            "onUpdate:modelValue": e[0] || (e[0] = (n) => m({ "x-scalar-secret-token": n }))
+            "onUpdate:modelValue": e[0] || (e[0] = (n) => i({ "x-scalar-secret-token": n }))
           }, {
             default: l(() => [...e[12] || (e[12] = [
-              s(" Access Token ", -1)
+              d(" Access Token ", -1)
             ])]),
             _: 1
           }, 8, ["environment", "modelValue"])
@@ -83,16 +90,16 @@ const I = { class: "flex h-8 items-center justify-end gap-2 border-t" }, N = { c
       }),
       r(o(u), { class: "min-w-full" }, {
         default: l(() => [
-          U("div", I, [
-            r(o(S), {
+          S("div", j, [
+            r(o(k), {
               class: "mr-1 p-0 px-2 py-0.5",
-              loader: o(p),
+              loader: o(y),
               size: "sm",
               variant: "outlined",
-              onClick: e[1] || (e[1] = () => m({ "x-scalar-secret-token": "" }))
+              onClick: e[1] || (e[1] = () => i({ "x-scalar-secret-token": "" }))
             }, {
               default: l(() => [...e[13] || (e[13] = [
-                s(" Clear ", -1)
+                d(" Clear ", -1)
               ])]),
               _: 1
             }, 8, ["loader"])
@@ -100,65 +107,65 @@ const I = { class: "flex h-8 items-center justify-end gap-2 border-t" }, N = { c
         ]),
         _: 1
       })
-    ], 64)) : (c(), x(V, { key: 1 }, [
+    ], 64)) : (m(), p(V, { key: 1 }, [
       r(o(u), null, {
         default: l(() => [
-          "authorizationUrl" in a.value ? (c(), f(i, {
+          "authorizationUrl" in a.value ? (m(), f(c, {
             key: 0,
             containerClass: "border-r-0",
             environment: t.environment,
             modelValue: a.value.authorizationUrl,
             placeholder: "https://galaxy.scalar.com/authorize",
-            "onUpdate:modelValue": e[2] || (e[2] = (n) => y({ authorizationUrl: n }))
+            "onUpdate:modelValue": e[2] || (e[2] = (n) => x({ authorizationUrl: n }))
           }, {
             default: l(() => [...e[14] || (e[14] = [
-              s(" Auth URL ", -1)
+              d(" Auth URL ", -1)
             ])]),
             _: 1
           }, 8, ["environment", "modelValue"])) : v("", !0),
-          "tokenUrl" in a.value ? (c(), f(i, {
+          "tokenUrl" in a.value ? (m(), f(c, {
             key: 1,
             environment: t.environment,
             modelValue: a.value.tokenUrl,
             placeholder: "https://galaxy.scalar.com/token",
-            "onUpdate:modelValue": e[3] || (e[3] = (n) => y({ tokenUrl: n }))
+            "onUpdate:modelValue": e[3] || (e[3] = (n) => x({ tokenUrl: n }))
           }, {
             default: l(() => [...e[15] || (e[15] = [
-              s(" Token URL ", -1)
+              d(" Token URL ", -1)
             ])]),
             _: 1
           }, 8, ["environment", "modelValue"])) : v("", !0)
         ]),
         _: 1
       }),
-      "x-scalar-secret-redirect-uri" in a.value ? (c(), f(o(u), { key: 0 }, {
+      "x-scalar-secret-redirect-uri" in a.value ? (m(), f(o(u), { key: 0 }, {
         default: l(() => [
-          r(i, {
+          r(c, {
             environment: t.environment,
             modelValue: a.value["x-scalar-secret-redirect-uri"],
             placeholder: "https://galaxy.scalar.com/callback",
-            "onUpdate:modelValue": e[4] || (e[4] = (n) => m({ "x-scalar-secret-redirect-uri": n }))
+            "onUpdate:modelValue": e[4] || (e[4] = (n) => i({ "x-scalar-secret-redirect-uri": n }))
           }, {
             default: l(() => [...e[16] || (e[16] = [
-              s(" Redirect URL ", -1)
+              d(" Redirect URL ", -1)
             ])]),
             _: 1
           }, 8, ["environment", "modelValue"])
         ]),
         _: 1
       })) : v("", !0),
-      "x-scalar-secret-username" in a.value && "x-scalar-secret-password" in a.value ? (c(), x(V, { key: 1 }, [
+      "x-scalar-secret-username" in a.value && "x-scalar-secret-password" in a.value ? (m(), p(V, { key: 1 }, [
         r(o(u), null, {
           default: l(() => [
-            r(i, {
+            r(c, {
               class: "text-c-2",
               environment: t.environment,
               modelValue: a.value["x-scalar-secret-username"],
               placeholder: "janedoe",
-              "onUpdate:modelValue": e[5] || (e[5] = (n) => m({ "x-scalar-secret-username": n }))
+              "onUpdate:modelValue": e[5] || (e[5] = (n) => i({ "x-scalar-secret-username": n }))
             }, {
               default: l(() => [...e[17] || (e[17] = [
-                s(" Username ", -1)
+                d(" Username ", -1)
               ])]),
               _: 1
             }, 8, ["environment", "modelValue"])
@@ -167,15 +174,15 @@ const I = { class: "flex h-8 items-center justify-end gap-2 border-t" }, N = { c
         }),
         r(o(u), null, {
           default: l(() => [
-            r(i, {
+            r(c, {
               environment: t.environment,
               modelValue: a.value["x-scalar-secret-password"],
               placeholder: "********",
               type: "password",
-              "onUpdate:modelValue": e[6] || (e[6] = (n) => m({ "x-scalar-secret-password": n }))
+              "onUpdate:modelValue": e[6] || (e[6] = (n) => i({ "x-scalar-secret-password": n }))
             }, {
               default: l(() => [...e[18] || (e[18] = [
-                s(" Password ", -1)
+                d(" Password ", -1)
               ])]),
               _: 1
             }, 8, ["environment", "modelValue"])
@@ -185,68 +192,68 @@ const I = { class: "flex h-8 items-center justify-end gap-2 border-t" }, N = { c
       ], 64)) : v("", !0),
       r(o(u), null, {
         default: l(() => [
-          r(i, {
+          r(c, {
             environment: t.environment,
             modelValue: a.value["x-scalar-secret-client-id"],
             placeholder: "12345",
-            "onUpdate:modelValue": e[7] || (e[7] = (n) => m({ "x-scalar-secret-client-id": n }))
+            "onUpdate:modelValue": e[7] || (e[7] = (n) => i({ "x-scalar-secret-client-id": n }))
           }, {
             default: l(() => [...e[19] || (e[19] = [
-              s(" Client ID ", -1)
+              d(" Client ID ", -1)
             ])]),
             _: 1
           }, 8, ["environment", "modelValue"])
         ]),
         _: 1
       }),
-      "x-scalar-secret-client-secret" in a.value ? (c(), f(o(u), { key: 2 }, {
+      "x-scalar-secret-client-secret" in a.value ? (m(), f(o(u), { key: 2 }, {
         default: l(() => [
-          r(i, {
+          r(c, {
             environment: t.environment,
             modelValue: a.value["x-scalar-secret-client-secret"],
             placeholder: "XYZ123",
             type: "password",
-            "onUpdate:modelValue": e[8] || (e[8] = (n) => m({ "x-scalar-secret-client-secret": n }))
+            "onUpdate:modelValue": e[8] || (e[8] = (n) => i({ "x-scalar-secret-client-secret": n }))
           }, {
             default: l(() => [...e[20] || (e[20] = [
-              s(" Client Secret ", -1)
+              d(" Client Secret ", -1)
             ])]),
             _: 1
           }, 8, ["environment", "modelValue"])
         ]),
         _: 1
       })) : v("", !0),
-      "x-usePkce" in a.value ? (c(), f(o(u), { key: 3 }, {
+      "x-usePkce" in a.value ? (m(), f(o(u), { key: 3 }, {
         default: l(() => [
-          r(i, {
-            enum: o(P),
+          r(c, {
+            enum: o(F),
             environment: t.environment,
             modelValue: a.value["x-usePkce"],
             readOnly: "",
-            "onUpdate:modelValue": e[9] || (e[9] = (n) => y({
+            "onUpdate:modelValue": e[9] || (e[9] = (n) => x({
               "x-usePkce": n
             }))
           }, {
             default: l(() => [...e[21] || (e[21] = [
-              s(" Use PKCE ", -1)
+              d(" Use PKCE ", -1)
             ])]),
             _: 1
           }, 8, ["enum", "environment", "modelValue"])
         ]),
         _: 1
       })) : v("", !0),
-      t.type !== "implicit" ? (c(), f(o(u), { key: 4 }, {
+      t.type !== "implicit" ? (m(), f(o(u), { key: 4 }, {
         default: l(() => [
-          r(i, {
+          r(c, {
             enum: ["header", "body"],
             environment: t.environment,
             modelValue: a.value["x-scalar-credentials-location"] || "header",
             placeholder: "header",
             readOnly: "",
-            "onUpdate:modelValue": e[10] || (e[10] = (n) => B(n))
+            "onUpdate:modelValue": e[10] || (e[10] = (n) => O(n))
           }, {
             default: l(() => [...e[22] || (e[22] = [
-              s(" Credentials Location ", -1)
+              d(" Credentials Location ", -1)
             ])]),
             _: 1
           }, 8, ["environment", "modelValue"])
@@ -255,27 +262,40 @@ const I = { class: "flex h-8 items-center justify-end gap-2 border-t" }, N = { c
       })) : v("", !0),
       r(o(u), null, {
         default: l(() => [
-          r(F, {
+          r(N, {
             flow: a.value,
             flowType: t.type,
-            selectedScopes: k.value,
-            "onUpdate:selectedScopes": e[11] || (e[11] = (n) => C("update:selectedScopes", n))
+            selectedScopes: U.value,
+            "onUpdate:selectedScopes": e[11] || (e[11] = (n) => z("update:selectedScopes", n))
           }, null, 8, ["flow", "flowType", "selectedScopes"])
         ]),
         _: 1
       }),
       r(o(u), { class: "min-w-full" }, {
         default: l(() => [
-          U("div", N, [
-            r(o(S), {
-              class: "mr-0.75 p-0 px-2 py-0.5",
-              loader: o(p),
+          S("div", E, [
+            t.scheme.type === "openIdConnect" ? (m(), f(o(k), {
+              key: 0,
+              class: "mr-1 p-0 px-2 py-0.5",
+              loader: o(y),
               size: "sm",
               variant: "outlined",
-              onClick: z
+              onClick: T
             }, {
               default: l(() => [...e[23] || (e[23] = [
-                s(" Authorize ", -1)
+                d(" Clear ", -1)
+              ])]),
+              _: 1
+            }, 8, ["loader"])) : v("", !0),
+            r(o(k), {
+              class: "mr-0.75 p-0 px-2 py-0.5",
+              loader: o(y),
+              size: "sm",
+              variant: "outlined",
+              onClick: b
+            }, {
+              default: l(() => [...e[24] || (e[24] = [
+                d(" Authorize ", -1)
               ])]),
               _: 1
             }, 8, ["loader"])
@@ -287,5 +307,5 @@ const I = { class: "flex h-8 items-center justify-end gap-2 border-t" }, N = { c
   }
 });
 export {
-  Y as default
+  q as default
 };

package/dist/v2/blocks/scalar-auth-selector-block/components/OpenIDConnect.vue.d.ts

@@ -0,0 +1,21 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
+import { type OpenIdConnectObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+type __VLS_Props = {
+    /** Current environment configuration */
+    environment: XScalarEnvironment;
+    /** Event bus for authentication updates */
+    eventBus: WorkspaceEventBus;
+    /** Get the static border class */
+    getStaticBorderClass: () => string | false;
+    /** Name of the security scheme */
+    name: string;
+    /** Proxy URL */
+    proxyUrl: string;
+    /** OpenID Connect scheme */
+    scheme: OpenIdConnectObject;
+};
+declare const __VLS_export: 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=OpenIDConnect.vue.d.ts.map

package/dist/v2/blocks/scalar-auth-selector-block/components/OpenIDConnect.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenIDConnect.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/OpenIDConnect.vue"],"names":[],"mappings":"AA4GA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,8DAA8D,CAAA;AAQvG,KAAK,WAAW,GAAG;IACf,wCAAwC;IACxC,WAAW,EAAE,kBAAkB,CAAA;IAC/B,2CAA2C;IAC3C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,kCAAkC;IAClC,oBAAoB,EAAE,MAAM,MAAM,GAAG,KAAK,CAAA;IAC1C,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,4BAA4B;IAC5B,MAAM,EAAE,mBAAmB,CAAA;CAC5B,CAAC;AA0KJ,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}