@scalar/api-client 2.10.0 → 2.12.0

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

@@ -1,181 +1,4 @@
-import { defineComponent as T, useId as $, ref as f, computed as b, createBlock as x, openBlock as r, unref as a, withCtx as u, createVNode as m, createCommentVNode as S, createElementVNode as i, createElementBlock as h, Fragment as g, createTextVNode as k, toDisplayString as p, withModifiers as L, normalizeClass as M } from "vue";
-import { useModal as N, ScalarComboboxMultiselect as j, ScalarButton as z, ScalarListboxCheckbox as U, ScalarIconButton as E } from "@scalar/components";
-import { ScalarIconCaretDown as F, ScalarIconTrash as P } from "@scalar/icons";
-import { isDefined as G } from "@scalar/oas-utils/helpers";
-import { getResolvedRef as H } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import J from "./DeleteRequestAuthModal.vue.js";
-import { formatComplexScheme as K, formatScheme as Q, getSecuritySchemeOptions as W } from "../helpers/security-scheme.js";
-import X from "./RequestAuthDataTable.vue.js";
-import Y from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { useLayout as Z } from "../../../../hooks/useLayout.js";
-const _ = ["id"], ee = { class: "flex flex-1" }, te = { class: "min-w-0 flex-1 truncate" }, de = /* @__PURE__ */ T({
-  __name: "AuthSelector",
-  props: {
-    environment: {},
-    envVariables: {},
-    layout: {},
-    security: {},
-    selectedSecurity: {},
-    securitySchemes: {},
-    server: {},
-    title: {},
-    eventBus: {},
-    meta: {}
-  },
-  setup(l, { expose: A }) {
-    const { layout: C } = Z(), B = $(), V = f(null), d = N(), n = f(null), O = f(!1), y = b(() => {
-      if (!l.security?.length)
-        return null;
-      const e = !l.security.some(
-        (v) => Object.keys(v).length > 1
-      ) && l.security.some((v) => Object.keys(v).length === 0);
-      return { icon: e ? "Unlock" : "Lock", text: e ? "Optional" : "Required" };
-    }), s = b(() => l.selectedSecurity?.["x-schemes"].length ? l.selectedSecurity["x-schemes"].map((t) => {
-      const e = Object.keys(t);
-      if (e.length > 1)
-        return K(t);
-      const o = e[0];
-      if (!o)
-        return;
-      const c = H(l.securitySchemes?.[o]);
-      if (c)
-        return Q({ name: o, type: c.type, value: t });
-    }).filter(G) : []);
-    function w({
-      label: t,
-      value: e
-    }) {
-      n.value = { label: t, payload: e }, d.show();
-    }
-    const R = b(() => W(
-      l.security ?? [],
-      l.securitySchemes ?? {},
-      C === "modal" || l.layout === "reference"
-    )), D = (t) => {
-      O.value && t.stopPropagation(), V.value?.$el.click();
-    }, I = (t) => {
-      l.eventBus.emit("auth:update:selected-security-schemes", {
-        // Only include updated schemes
-        selectedRequirements: t.filter((e) => e.payload === void 0).map((e) => e.value),
-        // Only include created schemes
-        newSchemes: t.filter((e) => e.payload !== void 0).map((e) => ({
-          name: e.label,
-          scheme: e.payload
-        })),
-        meta: l.meta
-      });
-    }, q = () => {
-      n.value && (l.eventBus.emit("auth:delete:security-scheme", {
-        names: Object.keys(n.value.payload)
-      }), n.value = null, d.hide());
-    };
-    return A({
-      authIndicator: y,
-      selectedSchemeOptions: s,
-      schemeOptions: R
-    }), (t, e) => (r(), x(a(Y), {
-      class: "group/params relative",
-      itemCount: s.value.length,
-      layout: t.layout,
-      "onUpdate:modelValue": e[1] || (e[1] = (o) => O.value = o)
-    }, {
-      title: u(() => [
-        i("div", {
-          id: a(B),
-          class: "inline-flex items-center gap-0.5 leading-[20px]"
-        }, [
-          i("span", null, p(t.title), 1),
-          y.value ? (r(), h("span", {
-            key: 0,
-            class: M(["text-c-3 hover:bg-b-3 hover:text-c-1 -mr-1 cursor-pointer rounded px-1 py-0.5 text-xs leading-[normal]", { "text-c-1": y.value.text === "Required" }]),
-            "data-testid": "auth-indicator",
-            onClick: D
-          }, p(y.value.text), 3)) : S("", !0)
-        ], 8, _)
-      ]),
-      actions: u(() => [
-        i("div", ee, [
-          m(a(j), {
-            class: "w-72 text-xs",
-            modelValue: s.value,
-            multiple: "",
-            options: R.value,
-            placement: "bottom-end",
-            teleport: "",
-            onDelete: w,
-            "onUpdate:modelValue": I
-          }, {
-            option: u(({ option: o, selected: c }) => [
-              m(a(U), {
-                multiselect: "",
-                selected: c
-              }, null, 8, ["selected"]),
-              i("div", te, p(o.label), 1),
-              o.isDeletable ?? (a(C) !== "modal" && t.layout !== "reference") ? (r(), x(a(E), {
-                key: 0,
-                class: "-m-0.5 shrink-0 p-0.5 opacity-0 group-hover/item:opacity-100",
-                icon: a(P),
-                label: `Delete ${o.label}`,
-                size: "xs",
-                onClick: L((v) => w(o), ["stop"])
-              }, null, 8, ["icon", "label", "onClick"])) : S("", !0)
-            ]),
-            default: u(() => [
-              m(a(z), {
-                ref_key: "comboboxButtonRef",
-                ref: V,
-                "aria-describedby": a(B),
-                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 transition-transform",
-                variant: "ghost"
-              }, {
-                default: u(() => [
-                  s.value.length === 1 ? (r(), h(g, { key: 0 }, [
-                    e[2] || (e[2] = i("span", { class: "sr-only" }, "Selected Auth Type:", -1)),
-                    k(" " + p(s.value[0]?.label), 1)
-                  ], 64)) : s.value.length > 1 ? (r(), h(g, { key: 1 }, [
-                    e[3] || (e[3] = k(" Multiple ", -1)),
-                    e[4] || (e[4] = i("span", { class: "sr-only" }, "Auth Types Selected", -1))
-                  ], 64)) : (r(), h(g, { key: 2 }, [
-                    e[5] || (e[5] = i("span", { class: "sr-only" }, "Select", -1)),
-                    e[6] || (e[6] = k(" Auth Type ", -1))
-                  ], 64)),
-                  m(a(F), {
-                    class: "size-3 shrink-0 transition-transform duration-100 group-aria-expanded/combobox-button:rotate-180",
-                    weight: "bold"
-                  })
-                ]),
-                _: 1
-              }, 8, ["aria-describedby"])
-            ]),
-            _: 1
-          }, 8, ["modelValue", "options"])
-        ])
-      ]),
-      default: u(() => [
-        m(X, {
-          envVariables: t.envVariables,
-          environment: t.environment,
-          layout: t.layout,
-          securitySchemes: t.securitySchemes,
-          selectedSchemeOptions: s.value,
-          server: t.server,
-          meta: t.meta,
-          activeAuthIndex: t.selectedSecurity?.["x-selected-index"] ?? 0,
-          eventBus: t.eventBus
-        }, null, 8, ["envVariables", "environment", "layout", "securitySchemes", "selectedSchemeOptions", "server", "meta", "activeAuthIndex", "eventBus"]),
-        n.value ? (r(), x(J, {
-          key: 0,
-          label: n.value.label,
-          scheme: n.value,
-          state: a(d),
-          onClose: e[0] || (e[0] = (o) => a(d).hide()),
-          onDelete: q
-        }, null, 8, ["label", "scheme", "state"])) : S("", !0)
-      ]),
-      _: 1
-    }, 8, ["itemCount", "layout"]));
-  }
-});
+import f from "./AuthSelector.vue.js";
 export {
-  de as default
+  f as default
 };

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

@@ -1,240 +1,243 @@
-import { defineComponent as C, computed as T, createElementBlock as v, openBlock as u, Fragment as x, createBlock as y, createCommentVNode as f, createVNode as r, unref as o, withCtx as l, mergeProps as p, createTextVNode as d, createElementVNode as S } from "vue";
-import { useLoadingState as z, ScalarButton as g } from "@scalar/components";
-import { pkceOptions as P } from "@scalar/oas-utils/entities/spec";
-import { useToasts as I } from "@scalar/use-toasts";
+import { defineComponent as z, computed as C, createElementBlock as k, openBlock as i, Fragment as V, createVNode as o, unref as r, withCtx as l, createTextVNode as u, createElementVNode as x, createBlock as v, createCommentVNode as f } from "vue";
+import { useLoadingState as T, ScalarButton as U } from "@scalar/components";
+import { pkceOptions as b } from "@scalar/oas-utils/entities/spec";
+import { useToasts as B } from "@scalar/use-toasts";
 import L from "./OAuthScopesInput.vue.js";
-import { authorizeOauth2 as R } from "../helpers/oauth.js";
-import c from "./RequestAuthDataTableInput.vue.js";
-import n from "../../../../components/DataTable/DataTableRow.vue.js";
-const B = { class: "flex h-8 items-center justify-end gap-2 border-t" }, F = { class: "flex h-8 w-full items-center justify-end border-t" }, M = /* @__PURE__ */ C({
+import { authorizeOauth2 as P } from "../helpers/oauth.js";
+import m from "./RequestAuthDataTableInput.vue.js";
+import d from "../../../../components/DataTable/DataTableRow.vue.js";
+const R = { class: "flex h-8 items-center justify-end gap-2 border-t" }, F = { class: "flex h-8 w-full items-center justify-end border-t" }, M = /* @__PURE__ */ z({
   __name: "OAuth2",
   props: {
     environment: {},
-    envVariables: {},
     flows: {},
     type: {},
     selectedScopes: {},
     server: {},
     proxyUrl: {}
   },
-  emits: ["update:selectedScopes", "update:securityScheme"],
-  setup(i, { emit: w }) {
-    const s = w, V = z(), { toast: U } = I(), b = async () => {
-      if (V.isLoading)
-        return;
-      if (!i.server) {
-        U("No server selected", "error");
-        return;
+  emits: ["update:securityScheme", "update:selectedScopes"],
+  setup(p, { emit: w }) {
+    const y = w, c = T(), { toast: g } = B(), t = C(() => p.flows[p.type]), s = (a) => y("update:securityScheme", {
+      type: "oauth2",
+      flows: {
+        [p.type]: a
       }
-      V.startLoading();
-      const [k, e] = await R(
-        i.flows,
-        i.type,
-        i.selectedScopes,
-        i.server,
-        i.proxyUrl
-      ).finally(() => V.stopLoading());
-      e ? s("update:securityScheme", { token: e }) : (console.error(k), U(k?.message ?? "Failed to authorize", "error"));
-    }, m = {
-      environment: i.environment,
-      envVariables: i.envVariables
-    }, t = T(() => i.flows[i.type]);
-    return (k, e) => (u(), v(x, null, [
-      t.value["x-scalar-secret-token"] ? (u(), v(x, { key: 0 }, [
-        r(o(n), null, {
-          default: l(() => [
-            r(c, p(m, {
-              class: "border-r-transparent",
-              modelValue: t.value["x-scalar-secret-token"],
-              placeholder: "QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT",
-              type: "password",
-              "onUpdate:modelValue": e[0] || (e[0] = (a) => s("update:securityScheme", { token: a }))
-            }), {
-              default: l(() => [...e[11] || (e[11] = [
-                d(" Access Token ", -1)
-              ])]),
-              _: 1
-            }, 16, ["modelValue"])
-          ]),
-          _: 1
-        }),
-        r(o(n), { class: "min-w-full" }, {
-          default: l(() => [
-            S("div", B, [
-              r(o(g), {
-                class: "mr-1 p-0 px-2 py-0.5",
-                loading: o(V),
-                size: "sm",
-                variant: "outlined",
-                onClick: e[1] || (e[1] = (a) => s("update:securityScheme", { token: "" }))
-              }, {
-                default: l(() => [...e[12] || (e[12] = [
-                  d(" Clear ", -1)
-                ])]),
-                _: 1
-              }, 8, ["loading"])
-            ])
-          ]),
-          _: 1
-        })
-      ], 64)) : (u(), v(x, { key: 1 }, [
-        r(o(n), null, {
-          default: l(() => [
-            "authorizationUrl" in t.value ? (u(), y(c, p({ key: 0 }, m, {
-              containerClass: "border-r-0",
-              modelValue: t.value.authorizationUrl,
-              placeholder: "https://galaxy.scalar.com/authorize",
-              "onUpdate:modelValue": e[2] || (e[2] = (a) => s("update:securityScheme", { authUrl: a }))
-            }), {
-              default: l(() => [...e[13] || (e[13] = [
-                d(" Auth URL ", -1)
-              ])]),
-              _: 1
-            }, 16, ["modelValue"])) : f("", !0),
-            "tokenUrl" in t.value ? (u(), y(c, p({ key: 1 }, m, {
-              modelValue: t.value.tokenUrl,
-              placeholder: "https://galaxy.scalar.com/token",
-              "onUpdate:modelValue": e[3] || (e[3] = (a) => s("update:securityScheme", { tokenUrl: a }))
-            }), {
-              default: l(() => [...e[14] || (e[14] = [
-                d(" Token URL ", -1)
-              ])]),
-              _: 1
-            }, 16, ["modelValue"])) : f("", !0)
-          ]),
-          _: 1
-        }),
-        "x-scalar-secret-redirect-uri" in t.value ? (u(), y(o(n), { key: 0 }, {
-          default: l(() => [
-            r(c, p(m, {
-              modelValue: t.value["x-scalar-secret-redirect-uri"],
-              placeholder: "https://galaxy.scalar.com/callback",
-              "onUpdate:modelValue": e[4] || (e[4] = (a) => s("update:securityScheme", { redirectUrl: a }))
-            }), {
-              default: l(() => [...e[15] || (e[15] = [
-                d(" Redirect URL ", -1)
+    }), S = async () => {
+      if (c.isLoading)
+        return;
+      c.startLoading();
+      const [a, e] = await P(
+        p.flows,
+        p.type,
+        p.selectedScopes,
+        p.server,
+        p.proxyUrl
+      ).finally(() => c.stopLoading());
+      e ? s({ "x-scalar-secret-token": e }) : (console.error(a), g(a?.message ?? "Failed to authorize", "error"));
+    };
+    return (a, e) => t.value["x-scalar-secret-token"] ? (i(), k(V, { key: 0 }, [
+      o(r(d), null, {
+        default: l(() => [
+          o(m, {
+            class: "border-r-transparent",
+            environment: a.environment,
+            modelValue: t.value["x-scalar-secret-token"],
+            placeholder: "QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT",
+            type: "password",
+            "onUpdate:modelValue": e[0] || (e[0] = (n) => s({ "x-scalar-secret-token": n }))
+          }, {
+            default: l(() => [...e[11] || (e[11] = [
+              u(" Access Token ", -1)
+            ])]),
+            _: 1
+          }, 8, ["environment", "modelValue"])
+        ]),
+        _: 1
+      }),
+      o(r(d), { class: "min-w-full" }, {
+        default: l(() => [
+          x("div", R, [
+            o(r(U), {
+              class: "mr-1 p-0 px-2 py-0.5",
+              loading: r(c),
+              size: "sm",
+              variant: "outlined",
+              onClick: e[1] || (e[1] = () => s({ "x-scalar-secret-token": "" }))
+            }, {
+              default: l(() => [...e[12] || (e[12] = [
+                u(" Clear ", -1)
               ])]),
               _: 1
-            }, 16, ["modelValue"])
-          ]),
-          _: 1
-        })) : f("", !0),
-        "x-scalar-secret-username" in t.value && "x-scalar-secret-password" in t.value ? (u(), v(x, { key: 1 }, [
-          r(o(n), null, {
-            default: l(() => [
-              r(c, p(m, {
-                class: "text-c-2",
-                modelValue: t.value["x-scalar-secret-username"],
-                placeholder: "janedoe",
-                "onUpdate:modelValue": e[5] || (e[5] = (a) => s("update:securityScheme", { username: a }))
-              }), {
-                default: l(() => [...e[16] || (e[16] = [
-                  d(" Username ", -1)
-                ])]),
-                _: 1
-              }, 16, ["modelValue"])
-            ]),
+            }, 8, ["loading"])
+          ])
+        ]),
+        _: 1
+      })
+    ], 64)) : (i(), k(V, { key: 1 }, [
+      o(r(d), null, {
+        default: l(() => [
+          "authorizationUrl" in t.value ? (i(), v(m, {
+            key: 0,
+            containerClass: "border-r-0",
+            environment: a.environment,
+            modelValue: t.value.authorizationUrl,
+            placeholder: "https://galaxy.scalar.com/authorize",
+            "onUpdate:modelValue": e[2] || (e[2] = (n) => s({ authorizationUrl: n }))
+          }, {
+            default: l(() => [...e[13] || (e[13] = [
+              u(" Auth URL ", -1)
+            ])]),
             _: 1
-          }),
-          r(o(n), null, {
-            default: l(() => [
-              r(c, p(m, {
-                modelValue: t.value["x-scalar-secret-password"],
-                placeholder: "********",
-                type: "password",
-                "onUpdate:modelValue": e[6] || (e[6] = (a) => s("update:securityScheme", { password: a }))
-              }), {
-                default: l(() => [...e[17] || (e[17] = [
-                  d(" Password ", -1)
-                ])]),
-                _: 1
-              }, 16, ["modelValue"])
-            ]),
+          }, 8, ["environment", "modelValue"])) : f("", !0),
+          "tokenUrl" in t.value ? (i(), v(m, {
+            key: 1,
+            environment: a.environment,
+            modelValue: t.value.tokenUrl,
+            placeholder: "https://galaxy.scalar.com/token",
+            "onUpdate:modelValue": e[3] || (e[3] = (n) => s({ tokenUrl: n }))
+          }, {
+            default: l(() => [...e[14] || (e[14] = [
+              u(" Token URL ", -1)
+            ])]),
             _: 1
-          })
-        ], 64)) : f("", !0),
-        r(o(n), null, {
+          }, 8, ["environment", "modelValue"])) : f("", !0)
+        ]),
+        _: 1
+      }),
+      "x-scalar-secret-redirect-uri" in t.value ? (i(), v(r(d), { key: 0 }, {
+        default: l(() => [
+          o(m, {
+            environment: a.environment,
+            modelValue: t.value["x-scalar-secret-redirect-uri"],
+            placeholder: "https://galaxy.scalar.com/callback",
+            "onUpdate:modelValue": e[4] || (e[4] = (n) => s({ "x-scalar-secret-redirect-uri": n }))
+          }, {
+            default: l(() => [...e[15] || (e[15] = [
+              u(" Redirect URL ", -1)
+            ])]),
+            _: 1
+          }, 8, ["environment", "modelValue"])
+        ]),
+        _: 1
+      })) : f("", !0),
+      "x-scalar-secret-username" in t.value && "x-scalar-secret-password" in t.value ? (i(), k(V, { key: 1 }, [
+        o(r(d), null, {
           default: l(() => [
-            r(c, p(m, {
-              modelValue: t.value["x-scalar-secret-client-id"],
-              placeholder: "12345",
-              "onUpdate:modelValue": e[7] || (e[7] = (a) => s("update:securityScheme", { clientId: a }))
-            }), {
-              default: l(() => [...e[18] || (e[18] = [
-                d(" Client ID ", -1)
+            o(m, {
+              class: "text-c-2",
+              environment: a.environment,
+              modelValue: t.value["x-scalar-secret-username"],
+              placeholder: "janedoe",
+              "onUpdate:modelValue": e[5] || (e[5] = (n) => s({ "x-scalar-secret-username": n }))
+            }, {
+              default: l(() => [...e[16] || (e[16] = [
+                u(" Username ", -1)
               ])]),
               _: 1
-            }, 16, ["modelValue"])
+            }, 8, ["environment", "modelValue"])
           ]),
           _: 1
         }),
-        "x-scalar-secret-client-secret" in t.value ? (u(), y(o(n), { key: 2 }, {
+        o(r(d), null, {
           default: l(() => [
-            r(c, p(m, {
-              modelValue: t.value["x-scalar-secret-client-secret"],
-              placeholder: "XYZ123",
+            o(m, {
+              environment: a.environment,
+              modelValue: t.value["x-scalar-secret-password"],
+              placeholder: "********",
               type: "password",
-              "onUpdate:modelValue": e[8] || (e[8] = (a) => s("update:securityScheme", { clientSecret: a }))
-            }), {
-              default: l(() => [...e[19] || (e[19] = [
-                d(" Client Secret ", -1)
-              ])]),
-              _: 1
-            }, 16, ["modelValue"])
-          ]),
-          _: 1
-        })) : f("", !0),
-        "x-usePkce" in t.value ? (u(), y(o(n), { key: 3 }, {
-          default: l(() => [
-            r(c, p(m, {
-              enum: o(P),
-              modelValue: t.value["x-usePkce"],
-              readOnly: "",
-              "onUpdate:modelValue": e[9] || (e[9] = (a) => s("update:securityScheme", {
-                usePkce: a
-              }))
-            }), {
-              default: l(() => [...e[20] || (e[20] = [
-                d(" Use PKCE ", -1)
+              "onUpdate:modelValue": e[6] || (e[6] = (n) => s({ "x-scalar-secret-password": n }))
+            }, {
+              default: l(() => [...e[17] || (e[17] = [
+                u(" Password ", -1)
               ])]),
               _: 1
-            }, 16, ["enum", "modelValue"])
+            }, 8, ["environment", "modelValue"])
           ]),
           _: 1
-        })) : f("", !0),
-        Object.keys(t.value.scopes ?? {}).length ? (u(), y(o(n), { key: 4 }, {
-          default: l(() => [
-            r(L, {
-              flow: t.value,
-              selectedScopes: k.selectedScopes,
-              "onUpdate:selectedScopes": e[10] || (e[10] = (a) => s("update:selectedScopes", a))
-            }, null, 8, ["flow", "selectedScopes"])
-          ]),
-          _: 1
-        })) : f("", !0)
-      ], 64)),
-      t.value["x-scalar-secret-token"] ? f("", !0) : (u(), y(o(n), {
-        key: 2,
-        class: "min-w-full"
-      }, {
+        })
+      ], 64)) : f("", !0),
+      o(r(d), null, {
+        default: l(() => [
+          o(m, {
+            environment: a.environment,
+            modelValue: t.value["x-scalar-secret-client-id"],
+            placeholder: "12345",
+            "onUpdate:modelValue": e[7] || (e[7] = (n) => s({ "x-scalar-secret-client-id": n }))
+          }, {
+            default: l(() => [...e[18] || (e[18] = [
+              u(" Client ID ", -1)
+            ])]),
+            _: 1
+          }, 8, ["environment", "modelValue"])
+        ]),
+        _: 1
+      }),
+      "x-scalar-secret-client-secret" in t.value ? (i(), v(r(d), { key: 2 }, {
+        default: l(() => [
+          o(m, {
+            environment: a.environment,
+            modelValue: t.value["x-scalar-secret-client-secret"],
+            placeholder: "XYZ123",
+            type: "password",
+            "onUpdate:modelValue": e[8] || (e[8] = (n) => s({ "x-scalar-secret-client-secret": n }))
+          }, {
+            default: l(() => [...e[19] || (e[19] = [
+              u(" Client Secret ", -1)
+            ])]),
+            _: 1
+          }, 8, ["environment", "modelValue"])
+        ]),
+        _: 1
+      })) : f("", !0),
+      "x-usePkce" in t.value ? (i(), v(r(d), { key: 3 }, {
+        default: l(() => [
+          o(m, {
+            enum: r(b),
+            environment: a.environment,
+            modelValue: t.value["x-usePkce"],
+            readOnly: "",
+            "onUpdate:modelValue": e[9] || (e[9] = (n) => s({
+              "x-usePkce": n
+            }))
+          }, {
+            default: l(() => [...e[20] || (e[20] = [
+              u(" Use PKCE ", -1)
+            ])]),
+            _: 1
+          }, 8, ["enum", "environment", "modelValue"])
+        ]),
+        _: 1
+      })) : f("", !0),
+      Object.keys(t.value.scopes ?? {}).length ? (i(), v(r(d), { key: 4 }, {
+        default: l(() => [
+          o(L, {
+            flow: t.value,
+            selectedScopes: a.selectedScopes,
+            "onUpdate:selectedScopes": e[10] || (e[10] = (n) => y("update:selectedScopes", n))
+          }, null, 8, ["flow", "selectedScopes"])
+        ]),
+        _: 1
+      })) : f("", !0),
+      o(r(d), { class: "min-w-full" }, {
         default: l(() => [
-          S("div", F, [
-            r(o(g), {
+          x("div", F, [
+            o(r(U), {
               class: "mr-0.75 p-0 px-2 py-0.5",
-              loading: o(V),
+              loading: r(c),
               size: "sm",
               variant: "outlined",
-              onClick: b
+              onClick: S
             }, {
               default: l(() => [...e[21] || (e[21] = [
-                d(" Authorize ", -1)
+                u(" Authorize ", -1)
               ])]),
               _: 1
             }, 8, ["loading"])
           ])
         ]),
         _: 1
-      }))
+      })
     ], 64));
   }
 });

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

@@ -1,22 +1,27 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { AuthMeta } from '@scalar/workspace-store/mutators';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { ComponentsObject, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import type { EnvVariable } from '../../../../store/index.js';
 import type { SecuritySchemeOption } from '../../../../v2/blocks/scalar-auth-selector-block/helpers/security-scheme.js';
 type __VLS_Props = {
-    environment: Environment;
-    envVariables: EnvVariable[];
-    layout: 'client' | 'reference';
+    /** The current environment configuration */
+    environment: XScalarEnvironment;
+    /** Controls border display for static (non-collapsible) layouts */
+    isStatic: boolean;
+    /** Available authentication scheme options */
     selectedSchemeOptions: SecuritySchemeOption[];
+    /** Index of the currently active authentication tab */
     activeAuthIndex: number;
+    /** OpenAPI security scheme definitions */
     securitySchemes: ComponentsObject['securitySchemes'];
+    /** Current server configuration */
     server: ServerObject | undefined;
+    /** Event bus for authentication updates */
     eventBus: WorkspaceEventBus;
+    /** Metadata for authentication context */
     meta: AuthMeta;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
-    activeAuthIndex: number;
     activeScheme: import("vue").ComputedRef<SecuritySchemeOption | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;