@scalar/api-client 2.2.48 → 2.2.50

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

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

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

@@ -1,8 +1,12 @@
+import type { Environment } from '@scalar/oas-utils/entities/environment';
 import type { SelectedSecuritySchemeUids } from '@scalar/oas-utils/entities/shared';
 import type { Collection, Operation, Server } from '@scalar/oas-utils/entities/spec';
 import type { Workspace } from '@scalar/oas-utils/entities/workspace';
+import type { EnvVariable } from '../../../../store/active-entities';
 type __VLS_Props = {
     collection: Collection;
+    environment: Environment;
+    envVariables: EnvVariable[];
     layout: 'client' | 'reference';
     operation?: Operation | undefined;
     selectedSecuritySchemeUids: SelectedSecuritySchemeUids;

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

@@ -1 +1 @@
-{"version":3,"file":"RequestAuth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuth.vue"],"names":[],"mappings":"AAuTA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAA;AACnF,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AASrE,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,0BAA0B,EAAE,0BAA0B,CAAA;IACtD,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AAmWF,wBAOG"}
+{"version":3,"file":"RequestAuth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuth.vue"],"names":[],"mappings":"AA4TA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAA;AACnF,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EAET,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAMrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAe1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,0BAA0B,EAAE,0BAA0B,CAAA;IACtD,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AA0WF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import t from "./RequestAuth.vue2.js";
 /* empty css                 */
 import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-68323dc6"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-3dc33a43"]]);
 export {
-  p as default
+  m as default
 };

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

@@ -1,16 +1,18 @@
-import { defineComponent as $, ref as b, computed as d, openBlock as q, createBlock as B, withCtx as a, createElementVNode as f, toDisplayString as S, createElementBlock as V, normalizeClass as L, createCommentVNode as T, createVNode as u, unref as c } from "vue";
-import j from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { useLayout as z } from "../../../../hooks/useLayout.js";
-import { useWorkspace as E } from "../../../../store/store.js";
-import { useModal as I, ScalarComboboxMultiselect as K, ScalarButton as N, ScalarIcon as W } from "@scalar/components";
-import { isDefined as F } from "@scalar/oas-utils/helpers";
+import { defineComponent as U, ref as k, computed as d, openBlock as q, createBlock as $, withCtx as c, createElementVNode as f, toDisplayString as S, createElementBlock as B, normalizeClass as L, createCommentVNode as T, createVNode as u, unref as i } from "vue";
+import { useModal as j, ScalarComboboxMultiselect as z, ScalarButton as E, ScalarIcon as I } from "@scalar/components";
+import { isDefined as K } from "@scalar/oas-utils/helpers";
+import N from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useLayout as W } from "../../../../hooks/useLayout.js";
+import { useWorkspace as F } from "../../../../store/store.js";
 import G from "./DeleteRequestAuthModal.vue.js";
 import H from "./RequestAuthDataTable.vue.js";
 import { getSecurityRequirements as J, formatComplexScheme as P, formatScheme as Q, getSchemeOptions as X } from "../../libs/auth.js";
-const Y = { class: "inline-flex gap-1 items-center" }, Z = { class: "flex flex-1 -mx-1" }, _ = { class: "text-c-1" }, ae = /* @__PURE__ */ $({
+const Y = { class: "inline-flex items-center gap-1" }, Z = { class: "-mx-1 flex flex-1" }, _ = { class: "text-c-1" }, ce = /* @__PURE__ */ U({
   __name: "RequestAuth",
   props: {
     collection: {},
+    environment: {},
+    envVariables: {},
     layout: {},
     operation: {},
     selectedSecuritySchemeUids: {},
@@ -18,107 +20,109 @@ const Y = { class: "inline-flex gap-1 items-center" }, Z = { class: "flex flex-1
     title: {},
     workspace: {}
   },
-  setup(s) {
-    const { layout: h } = z(), {
+  setup(r) {
+    const { layout: h } = W(), {
       securitySchemes: y,
       securitySchemeMutators: R,
       requestMutators: C,
-      collectionMutators: A
-    } = E(), g = b(null), m = I(), p = b(null), x = d(() => {
-      const e = J(s.operation, s.collection);
+      collectionMutators: V
+    } = F(), g = k(null), m = j(), v = k(
+      null
+    ), b = d(() => {
+      const e = J(r.operation, r.collection);
       return { filteredRequirements: e.filter((o) => Object.keys(o).length), requirements: e };
-    }), v = d(() => {
-      const { filteredRequirements: e, requirements: t } = x.value;
+    }), p = d(() => {
+      const { filteredRequirements: e, requirements: t } = b.value;
       if (!t.length) return null;
-      const o = e.length < t.length, n = o ? "Unlock" : "Lock", l = o ? "Optional" : "Required", U = `${e.length === 1 ? Object.keys(e[0] || {})[0] : ""} ${l}`;
-      return { icon: n, text: U };
-    }), r = d(
-      () => s.selectedSecuritySchemeUids.map((e) => {
+      const o = e.length < t.length, n = o ? "Unlock" : "Lock", l = o ? "Optional" : "Required", M = `${e.length === 1 ? Object.keys(e[0] || {})[0] : ""} ${l}`;
+      return { icon: n, text: M };
+    }), s = d(
+      () => r.selectedSecuritySchemeUids.map((e) => {
         if (Array.isArray(e)) return P(e, y);
         const t = y[e ?? ""];
         if (t)
           return Q(t);
-      }).filter(F)
+      }).filter(K)
     );
-    function D(e) {
+    function A(e) {
       var n;
       const t = e.find((l) => l.payload), o = e.filter((l) => !l.payload).map(({ id: l }) => {
-        const i = l.split(",");
-        return i.length > 1 ? i : l;
+        const a = l.split(",");
+        return a.length > 1 ? a : l;
       });
       if (t != null && t.payload) {
         const l = R.add(
           t.payload,
-          (n = s.collection) == null ? void 0 : n.uid
+          (n = r.collection) == null ? void 0 : n.uid
         );
         l && o.push(l.uid);
       }
-      k(o);
+      x(o);
     }
-    const k = (e) => {
+    const x = (e) => {
       var t;
-      h === "modal" || s.layout === "reference" ? A.edit(s.collection.uid, "selectedSecuritySchemeUids", e) : (t = s.operation) != null && t.uid && C.edit(s.operation.uid, "selectedSecuritySchemeUids", e);
+      h === "modal" || r.layout === "reference" ? V.edit(r.collection.uid, "selectedSecuritySchemeUids", e) : (t = r.operation) != null && t.uid && C.edit(r.operation.uid, "selectedSecuritySchemeUids", e);
     };
-    function w(e) {
-      p.value = e, m.show();
+    function D({ id: e, label: t }) {
+      v.value = { id: e, label: t }, m.show();
     }
-    const O = (e) => {
+    const w = (e) => {
       var o;
       if (!e) return;
-      const t = s.selectedSecuritySchemeUids.filter((n) => {
+      const t = r.selectedSecuritySchemeUids.filter((n) => {
         const l = e.split(",");
-        return l.length > 1 && Array.isArray(n) && l.length === n.length ? n.every((i) => !l.includes(i)) : n !== e;
+        return l.length > 1 && Array.isArray(n) && l.length === n.length ? n.every((a) => !l.includes(a)) : n !== e;
       });
-      k(t), (o = g.value) == null || o.$el.focus(), m.hide();
-    }, M = d(
+      x(t), (o = g.value) == null || o.$el.focus(), m.hide();
+    }, O = d(
       () => {
         var e;
         return X(
-          x.value.filteredRequirements,
-          ((e = s.collection) == null ? void 0 : e.securitySchemes) ?? [],
+          b.value.filteredRequirements,
+          ((e = r.collection) == null ? void 0 : e.securitySchemes) ?? [],
           y,
-          h === "modal" || s.layout === "reference"
+          h === "modal" || r.layout === "reference"
         );
       }
     );
-    return (e, t) => (q(), B(j, {
+    return (e, t) => (q(), $(N, {
       class: "group/params",
-      itemCount: r.value.length,
+      itemCount: s.value.length,
       layout: e.layout
     }, {
-      title: a(() => [
+      title: c(() => [
         f("div", Y, [
           f("span", null, S(e.title), 1),
-          v.value ? (q(), V("span", {
+          p.value ? (q(), B("span", {
             key: 0,
-            class: L(["text-c-3 text-xs leading-[normal]", { "text-c-1": v.value.text === "Required" }])
-          }, S(v.value.text), 3)) : T("", !0)
+            class: L(["text-c-3 text-xs leading-[normal]", { "text-c-1": p.value.text === "Required" }])
+          }, S(p.value.text), 3)) : T("", !0)
         ])
       ]),
-      actions: a(() => [
+      actions: c(() => [
         f("div", Z, [
-          u(c(K), {
-            class: "text-xs w-72",
-            isDeletable: c(h) !== "modal" && e.layout !== "reference",
-            modelValue: r.value,
+          u(i(z), {
+            class: "w-72 text-xs",
+            isDeletable: i(h) !== "modal" && e.layout !== "reference",
+            modelValue: s.value,
             multiple: "",
-            options: M.value,
-            onDelete: w,
-            "onUpdate:modelValue": D
+            options: O.value,
+            onDelete: D,
+            "onUpdate:modelValue": A
           }, {
-            default: a(() => [
-              u(c(N), {
+            default: c(() => [
+              u(i(E), {
                 ref_key: "comboboxButtonRef",
                 ref: g,
-                class: "h-auto px-1.5 py-0.75 hover:bg-b-3 text-c-1 hover:text-c-1 font-normal",
+                class: "py-0.75 hover:bg-b-3 text-c-1 hover:text-c-1 h-auto px-1.5 font-normal",
                 fullWidth: "",
                 variant: "ghost"
               }, {
-                default: a(() => {
+                default: c(() => {
                   var o;
                   return [
-                    f("div", _, S(r.value.length === 0 ? "Auth Type" : r.value.length === 1 ? (o = r.value[0]) == null ? void 0 : o.label : "Multiple"), 1),
-                    u(c(W), {
+                    f("div", _, S(s.value.length === 0 ? "Auth Type" : s.value.length === 1 ? (o = s.value[0]) == null ? void 0 : o.label : "Multiple"), 1),
+                    u(i(I), {
                       class: "ml-1 shrink-0",
                       icon: "ChevronDown",
                       size: "sm"
@@ -132,21 +136,23 @@ const Y = { class: "inline-flex gap-1 items-center" }, Z = { class: "flex flex-1
           }, 8, ["isDeletable", "modelValue", "options"])
         ])
       ]),
-      default: a(() => [
+      default: c(() => [
         u(H, {
           collection: e.collection,
+          envVariables: e.envVariables,
+          environment: e.environment,
           layout: e.layout,
-          selectedSchemeOptions: r.value,
+          selectedSchemeOptions: s.value,
           server: e.server,
           workspace: e.workspace
-        }, null, 8, ["collection", "layout", "selectedSchemeOptions", "server", "workspace"]),
+        }, null, 8, ["collection", "envVariables", "environment", "layout", "selectedSchemeOptions", "server", "workspace"]),
         u(G, {
-          scheme: p.value,
-          state: c(m),
-          onClose: t[0] || (t[0] = (o) => c(m).hide()),
+          scheme: v.value,
+          state: i(m),
+          onClose: t[0] || (t[0] = (o) => i(m).hide()),
           onDelete: t[1] || (t[1] = (o) => {
             var n;
-            return O((n = p.value) == null ? void 0 : n.id);
+            return w((n = v.value) == null ? void 0 : n.id);
           })
         }, null, 8, ["scheme", "state"])
       ]),
@@ -155,5 +161,5 @@ const Y = { class: "inline-flex gap-1 items-center" }, Z = { class: "flex flex-1
   }
 });
 export {
-  ae as default
+  ce as default
 };

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

@@ -1,7 +1,11 @@
+import type { Environment } from '@scalar/oas-utils/entities/environment';
 import type { Collection, Server } from '@scalar/oas-utils/entities/spec';
 import type { Workspace } from '@scalar/oas-utils/entities/workspace';
+import type { EnvVariable } from '../../../../store/active-entities';
 type __VLS_Props = {
     collection: Collection;
+    environment: Environment;
+    envVariables: EnvVariable[];
     layout: 'client' | 'reference';
     selectedSchemeOptions: {
         id: string;

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

@@ -1 +1 @@
-{"version":3,"file":"RequestAuthDataTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuthDataTable.vue"],"names":[],"mappings":"AAiMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAQrE,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,qBAAqB,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACtD,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AA+MF,wBAOG"}
+{"version":3,"file":"RequestAuthDataTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuthDataTable.vue"],"names":[],"mappings":"AA+MA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EACV,UAAU,EAEV,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAO1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,qBAAqB,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACtD,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AAmNF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import t from "./RequestAuthDataTable.vue2.js";
 /* empty css                          */
 import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b74275b0"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-3569c0b2"]]);
 export {
   m as default
 };