@scalar/api-client 2.0.33 → 2.0.35

package/dist/views/Request/RequestSidebarItemMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSidebarItemMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItemMenu.vue"],"names":[],"mappings":"AA8IA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACf,MAAM,2CAA2C,CAAA;;UAO1C,OAAO,GAAG,cAAc;;UAAxB,OAAO,GAAG,cAAc;;AA2VhC,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"RequestSidebarItemMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItemMenu.vue"],"names":[],"mappings":"AA0MA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACf,MAAM,2CAA2C,CAAA;;UAO1C,OAAO,GAAG,cAAc;;UAAxB,OAAO,GAAG,cAAc;;AAkdhC,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/views/Request/RequestSidebarItemMenu.vue.js

@@ -1,117 +1,154 @@
-import { defineComponent as E, computed as R, openBlock as u, createBlock as d, unref as e, withCtx as l, createVNode as t, createCommentVNode as z, createElementVNode as n } from "vue";
-import { commandPaletteBus as C } from "../../libs/eventBusses/command-palette.js";
-import { PathId as p } from "../../router.js";
-import { useWorkspace as I } from "../../store/workspace.js";
-import { ScalarDropdown as w, ScalarDropdownItem as o, ScalarIcon as s, ScalarDropdownDivider as S, ScalarButton as b } from "@scalar/components";
-import { useRouter as A } from "vue-router";
-const B = /* @__PURE__ */ n("span", null, "Add Example", -1), N = /* @__PURE__ */ n("span", null, "Rename", -1), M = /* @__PURE__ */ n("span", null, "Duplicate", -1), P = /* @__PURE__ */ n("span", null, "Delete", -1), j = /* @__PURE__ */ E({
+import { defineComponent as V, computed as q, ref as I, openBlock as E, createElementBlock as $, Fragment as B, createVNode as a, unref as e, withCtx as l, createBlock as A, createCommentVNode as F, createElementVNode as r, createTextVNode as C } from "vue";
+import P from "../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
+import { commandPaletteBus as T } from "../../libs/eventBusses/command-palette.js";
+import { PathId as b } from "../../router.js";
+import { useWorkspace as U } from "../../store/workspace.js";
+import { useModal as g, ScalarDropdown as W, ScalarDropdownItem as p, ScalarIcon as u, ScalarButton as f, ScalarModal as N, ScalarTextField as j } from "@scalar/components";
+import { useRouter as G } from "vue-router";
+const H = /* @__PURE__ */ r("span", null, "Add Example", -1), J = /* @__PURE__ */ r("span", null, "Rename", -1), K = /* @__PURE__ */ r("span", null, "Delete", -1), L = { class: "flex gap-3" }, ae = /* @__PURE__ */ V({
   __name: "RequestSidebarItemMenu",
   props: {
     item: {}
   },
-  setup(f) {
-    const a = f, {
-      activeWorkspace: c,
-      activeRouterParams: r,
-      findRequestFolders: _,
-      requestMutators: x,
-      requestExampleMutators: h
-    } = I(), { replace: m } = A(), k = () => C.emit({
+  setup(y) {
+    const t = y, {
+      activeWorkspace: v,
+      activeRouterParams: x,
+      findRequestFolders: D,
+      requestMutators: _,
+      requestExampleMutators: R
+    } = U(), { replace: h } = G(), M = () => T.emit({
       commandName: "Add Example",
-      metaData: a.item.uid
-    }), v = () => {
-      console.log("rename");
-    }, g = () => {
-      console.log("duplicate");
-    }, D = () => {
-      if ("requestUid" in a.item)
-        h.delete(a.item), r.value[p.Examples] === a.item.uid && m(`/workspace/${c.value}/request/default`);
+      metaData: t.item.uid
+    }), S = () => {
+      if ("requestUid" in t.item)
+        R.delete(t.item), x.value[b.Examples] === t.item.uid && h(`/workspace/${v.value}/request/default`);
       else {
-        const i = _(a.item.uid);
-        if (!i.length) return;
-        x.delete(a.item, i[0]), r.value[p.Request] === a.item.uid && m(`/workspace/${c.value.uid}/request/default`);
+        const c = D(t.item.uid);
+        if (!c.length) return;
+        _.delete(t.item, c[0]), x.value[b.Request] === t.item.uid && h(`/workspace/${v.value.uid}/request/default`);
       }
-    }, q = R(() => "summary" in a.item);
-    return (i, V) => (u(), d(e(w), { teleport: "#scalar-client" }, {
-      items: l(() => [
-        q.value ? (u(), d(e(o), {
-          key: 0,
-          class: "flex !gap-2",
-          onClick: k
-        }, {
-          default: l(() => [
-            t(e(s), {
-              class: "inline-flex",
-              icon: "Add",
-              size: "sm"
+    }, n = q(() => "summary" in t.item), k = q(() => "summary" in t.item ? t.item.summary || "" : "name" in t.item && t.item.name || ""), i = I(""), w = () => {
+      "summary" in t.item ? _.edit(t.item.uid, "summary", i.value) : "summary" in t.item || R.edit(t.item.uid, "name", i.value), i.value = "", o.hide();
+    }, o = g(), d = g(), z = () => {
+      i.value = k.value, o.show();
+    };
+    return (c, s) => (E(), $(B, null, [
+      a(e(W), { teleport: "#scalar-client" }, {
+        items: l(() => [
+          n.value ? (E(), A(e(p), {
+            key: 0,
+            class: "flex !gap-2",
+            onClick: M
+          }, {
+            default: l(() => [
+              a(e(u), {
+                class: "inline-flex",
+                icon: "Add",
+                size: "sm"
+              }),
+              H
+            ]),
+            _: 1
+          })) : F("", !0),
+          a(e(p), {
+            class: "flex !gap-2",
+            onClick: z
+          }, {
+            default: l(() => [
+              a(e(u), {
+                class: "inline-flex",
+                icon: "Edit",
+                size: "sm"
+              }),
+              J
+            ]),
+            _: 1
+          }),
+          a(e(p), {
+            class: "flex !gap-2",
+            onClick: s[0] || (s[0] = (m) => e(d).show())
+          }, {
+            default: l(() => [
+              a(e(u), {
+                class: "inline-flex",
+                icon: "Trash",
+                size: "sm"
+              }),
+              K
+            ]),
+            _: 1
+          })
+        ]),
+        default: l(() => [
+          a(e(f), {
+            class: "z-10 hover:bg-b-3 transition-none p-1 group-hover:flex ui-open:flex absolute left-0 hidden -translate-x-full -ml-1",
+            size: "sm",
+            variant: "ghost"
+          }, {
+            default: l(() => [
+              a(e(u), {
+                icon: "Ellipses",
+                size: "sm"
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      a(e(N), {
+        size: "sm",
+        state: e(d),
+        title: n.value ? "Delete Request" : "Delete Example"
+      }, {
+        default: l(() => [
+          a(P, {
+            variableName: k.value,
+            onClose: s[1] || (s[1] = (m) => e(d).hide()),
+            onDelete: S
+          }, null, 8, ["variableName"])
+        ]),
+        _: 1
+      }, 8, ["state", "title"]),
+      a(e(N), {
+        state: e(o),
+        title: n.value ? "Rename Request" : "Rename Example"
+      }, {
+        default: l(() => [
+          a(e(j), {
+            modelValue: i.value,
+            "onUpdate:modelValue": s[2] || (s[2] = (m) => i.value = m),
+            label: n.value ? "Request" : "Example"
+          }, null, 8, ["modelValue", "label"]),
+          r("div", L, [
+            a(e(f), {
+              class: "flex-1",
+              variant: "outlined",
+              onClick: s[3] || (s[3] = (m) => e(o).hide())
+            }, {
+              default: l(() => [
+                C(" Cancel ")
+              ]),
+              _: 1
             }),
-            B
-          ]),
-          _: 1
-        })) : z("", !0),
-        t(e(o), {
-          class: "flex !gap-2",
-          onClick: v
-        }, {
-          default: l(() => [
-            t(e(s), {
-              class: "inline-flex",
-              icon: "Edit",
-              size: "sm"
-            }),
-            N
-          ]),
-          _: 1
-        }),
-        t(e(o), {
-          class: "flex !gap-2",
-          onClick: g
-        }, {
-          default: l(() => [
-            t(e(s), {
-              class: "inline-flex",
-              icon: "Duplicate",
-              size: "sm"
-            }),
-            M
-          ]),
-          _: 1
-        }),
-        t(e(S)),
-        t(e(o), {
-          class: "flex !gap-2",
-          onClick: D
-        }, {
-          default: l(() => [
-            t(e(s), {
-              class: "inline-flex",
-              icon: "Trash",
-              size: "sm"
-            }),
-            P
-          ]),
-          _: 1
-        })
-      ]),
-      default: l(() => [
-        t(e(b), {
-          class: "z-10 hover:bg-b-3 transition-none p-1 group-hover:flex ui-open:flex absolute left-0 hidden -translate-x-full -ml-1",
-          size: "sm",
-          variant: "ghost"
-        }, {
-          default: l(() => [
-            t(e(s), {
-              icon: "Ellipses",
-              size: "sm"
+            a(e(f), {
+              class: "flex-1",
+              type: "submit",
+              onClick: w
+            }, {
+              default: l(() => [
+                C(" Save ")
+              ]),
+              _: 1
             })
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }));
+          ])
+        ]),
+        _: 1
+      }, 8, ["state", "title"])
+    ], 64));
   }
 });
 export {
-  j as default
+  ae as default
 };

package/dist/views/Request/components/OAuth2.vue.d.ts

@@ -1,14 +1,8 @@
-import type { UpdateScheme } from '../../../store/workspace.js';
-import { type SecuritySchemeOptionOauth } from '../../../views/Request/libs/index.js';
-import type { SelectedSchemeOauth2 } from '@scalar/oas-utils/entities/workspace/security';
+import type { SecuritySchemeOauth2 } from '@scalar/oas-utils/entities/workspace/security';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    activeScheme: SelectedSchemeOauth2;
-    schemeModel: SecuritySchemeOptionOauth;
-    updateScheme: UpdateScheme;
+    scheme: SecuritySchemeOauth2;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    activeScheme: SelectedSchemeOauth2;
-    schemeModel: SecuritySchemeOptionOauth;
-    updateScheme: UpdateScheme;
+    scheme: SecuritySchemeOauth2;
 }>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/views/Request/components/OAuth2.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OAuth2.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/OAuth2.vue"],"names":[],"mappings":"AAyKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EACL,KAAK,yBAAyB,EAE/B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;;kBAOzE,oBAAoB;iBACrB,yBAAyB;kBACxB,YAAY;;kBAFZ,oBAAoB;iBACrB,yBAAyB;kBACxB,YAAY;;AAwb5B,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"OAuth2.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/OAuth2.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;;YAO/E,oBAAoB;;YAApB,oBAAoB;;AA4f9B,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/views/Request/components/OAuth2.vue.js

@@ -1,168 +1,197 @@
-import { defineComponent as V, openBlock as i, createBlock as c, unref as d, withCtx as l, createVNode as a, createTextVNode as s, createElementBlock as p, Fragment as h, createCommentVNode as f, createElementVNode as v } from "vue";
-import r from "../RequestSection/RequestAuthDataTableInput.vue.js";
-import { useLoadingState as k, ScalarButton as w } from "@scalar/components";
-import M from "./OAuthScopesInput.vue.js";
-import m from "../../../components/DataTable/DataTableRow.vue.js";
-import C from "../../../components/DataTable/DataTableCell.vue.js";
-import { authorizeOauth2 as g } from "../libs/oauth2.js";
-const U = { class: "h-8 flex items-center justify-self-end" }, L = /* @__PURE__ */ V({
+import { defineComponent as S, openBlock as u, createElementBlock as c, Fragment as h, createVNode as t, unref as d, withCtx as o, createTextVNode as s, createElementVNode as V, createBlock as f, createCommentVNode as m } from "vue";
+import { useWorkspace as $ } from "../../../store/workspace.js";
+import n from "../RequestSection/RequestAuthDataTableInput.vue.js";
+import { useLoadingState as v, ScalarButton as k } from "@scalar/components";
+import C from "./OAuthScopesInput.vue.js";
+import i from "../../../components/DataTable/DataTableRow.vue.js";
+import { authorizeOauth2 as T } from "../libs/oauth2.js";
+const F = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8 flex items-center justify-self-end" }, E = /* @__PURE__ */ S({
   __name: "OAuth2",
   props: {
-    activeScheme: {},
-    schemeModel: {},
-    updateScheme: { type: Function }
+    scheme: {}
   },
-  setup(S) {
-    const u = S, n = k(), y = async () => {
-      if (n.isLoading) return;
-      n.startLoading();
-      const e = await g(
-        u.activeScheme,
-        u.schemeModel
-      ).finally(() => n.stopLoading());
-      e && u.updateScheme(`flows.${u.schemeModel.flowKey}.token`, e);
+  setup(y) {
+    const w = y, p = v(), { isReadOnly: U, securitySchemeMutators: g } = $(), r = (e, l) => g.edit(w.scheme.uid, e, l), z = async () => {
+      if (p.isLoading) return;
+      p.startLoading();
+      const e = await T(w.scheme).finally(
+        () => p.stopLoading()
+      );
+      e && r("flow.token", e);
     };
-    return (e, o) => e.activeScheme.flow.token ? (i(), c(d(m), { key: 0 }, {
-      default: l(() => [
-        a(r, {
-          id: "oauth2-access-token",
-          class: "border-r-transparent",
-          modelValue: e.activeScheme.flow.token,
-          type: "password",
-          "onUpdate:modelValue": o[0] || (o[0] = (t) => e.updateScheme(`flows.${e.schemeModel.flowKey}.token`, t))
-        }, {
-          default: l(() => [
-            s(" Access Token ")
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        a(d(C), { class: "flex items-center p-0.5" }, {
-          default: l(() => [
-            a(d(w), {
+    return (e, l) => e.scheme.flow.token ? (u(), c(h, { key: 0 }, [
+      t(d(i), null, {
+        default: o(() => [
+          t(n, {
+            id: "oauth2-access-token",
+            class: "border-r-transparent",
+            modelValue: e.scheme.flow.token,
+            placeholder: "QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT",
+            type: "password",
+            "onUpdate:modelValue": l[0] || (l[0] = (a) => r("flow.token", a))
+          }, {
+            default: o(() => [
+              s(" Access Token ")
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      t(d(i), { class: "min-w-full" }, {
+        default: o(() => [
+          V("div", F, [
+            t(d(k), {
+              class: "p-0 py-0.5 px-2 mr-1",
+              loading: d(p),
               size: "sm",
-              variant: "ghost",
-              onClick: o[1] || (o[1] = (t) => e.updateScheme(`flows.${e.schemeModel.flowKey}.token`, ""))
+              variant: "outlined",
+              onClick: l[1] || (l[1] = (a) => r("flow.token", ""))
             }, {
-              default: l(() => [
+              default: o(() => [
                 s(" Clear ")
               ]),
               _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    })) : (i(), p(h, { key: 1 }, [
-      ["implicit", "authorizationCode"].includes(e.schemeModel.flowKey) ? (i(), c(d(m), { key: 0 }, {
-        default: l(() => [
-          a(r, {
-            id: "oauth2-redirect-uri",
-            modelValue: e.activeScheme.scheme.redirectUri,
+            }, 8, ["loading"])
+          ])
+        ]),
+        _: 1
+      })
+    ], 64)) : (u(), c(h, { key: 1 }, [
+      d(U) ? m("", !0) : (u(), f(d(i), { key: 0 }, {
+        default: o(() => [
+          "authorizationUrl" in e.scheme.flow ? (u(), f(n, {
+            key: 0,
+            id: `oauth2-authorization-url-${e.scheme.uid}`,
+            modelValue: e.scheme.flow.authorizationUrl,
+            placeholder: "https://galaxy.scalar.com/authorize",
+            "onUpdate:modelValue": l[2] || (l[2] = (a) => r("flow.authorizationUrl", a))
+          }, {
+            default: o(() => [
+              s(" Authorization Url ")
+            ]),
+            _: 1
+          }, 8, ["id", "modelValue"])) : m("", !0),
+          "tokenUrl" in e.scheme.flow ? (u(), f(n, {
+            key: 1,
+            id: `oauth2-token-url-${e.scheme.uid}`,
+            modelValue: e.scheme.flow.tokenUrl,
+            placeholder: "https://galaxy.scalar.com/token",
+            "onUpdate:modelValue": l[3] || (l[3] = (a) => r("flow.tokenUrl", a))
+          }, {
+            default: o(() => [
+              s(" Token Url ")
+            ]),
+            _: 1
+          }, 8, ["id", "modelValue"])) : m("", !0)
+        ]),
+        _: 1
+      })),
+      "redirectUri" in e.scheme.flow ? (u(), f(d(i), { key: 1 }, {
+        default: o(() => [
+          t(n, {
+            id: `oauth2-redirect-uri-${e.scheme.uid}`,
+            modelValue: e.scheme.flow.redirectUri,
             placeholder: "https://galaxy.scalar.com/callback",
-            "onUpdate:modelValue": o[2] || (o[2] = (t) => e.updateScheme("redirectUri", t))
+            "onUpdate:modelValue": l[4] || (l[4] = (a) => r("flow.redirectUri", a))
           }, {
-            default: l(() => [
-              s(" Redirect URI ")
+            default: o(() => [
+              s(" Redirect Url ")
             ]),
             _: 1
-          }, 8, ["modelValue"])
+          }, 8, ["id", "modelValue"])
         ]),
         _: 1
-      })) : f("", !0),
-      e.schemeModel.flowKey === "password" && "value" in e.activeScheme.flow ? (i(), p(h, { key: 1 }, [
-        a(d(m), null, {
-          default: l(() => [
-            a(r, {
-              id: "oauth2-password-username",
+      })) : m("", !0),
+      e.scheme.flow.type === "password" ? (u(), c(h, { key: 2 }, [
+        t(d(i), null, {
+          default: o(() => [
+            t(n, {
+              id: `oauth2-password-username-${e.scheme.uid}`,
               class: "text-c-2",
-              modelValue: e.activeScheme.flow.value,
+              modelValue: e.scheme.flow.value,
               placeholder: "ScalarEnjoyer01",
-              "onUpdate:modelValue": o[3] || (o[3] = (t) => e.updateScheme("flows.password.value", t))
+              "onUpdate:modelValue": l[5] || (l[5] = (a) => r("flow.value", a))
             }, {
-              default: l(() => [
+              default: o(() => [
                 s(" Username ")
               ]),
               _: 1
-            }, 8, ["modelValue"])
+            }, 8, ["id", "modelValue"])
           ]),
           _: 1
         }),
-        a(d(m), null, {
-          default: l(() => [
-            a(r, {
-              id: "oauth2-password-password",
-              modelValue: e.activeScheme.flow.secondValue,
-              placeholder: "XYZ123",
+        t(d(i), null, {
+          default: o(() => [
+            t(n, {
+              id: `oauth2-password-password-${e.scheme.uid}`,
+              modelValue: e.scheme.flow.secondValue,
+              placeholder: "xxxxxx",
               type: "password",
-              "onUpdate:modelValue": o[4] || (o[4] = (t) => e.updateScheme("flows.password.secondValue", t))
+              "onUpdate:modelValue": l[6] || (l[6] = (a) => r("flow.secondValue", a))
             }, {
-              default: l(() => [
+              default: o(() => [
                 s(" Password ")
               ]),
               _: 1
-            }, 8, ["modelValue"])
+            }, 8, ["id", "modelValue"])
           ]),
           _: 1
         })
-      ], 64)) : f("", !0),
-      a(d(m), null, {
-        default: l(() => [
-          a(r, {
-            id: "oauth2-client-id",
-            modelValue: e.activeScheme.scheme.clientId,
+      ], 64)) : m("", !0),
+      t(d(i), null, {
+        default: o(() => [
+          t(n, {
+            id: `oauth2-client-id-${e.scheme.uid}`,
+            modelValue: e.scheme.clientId,
             placeholder: "12345",
-            "onUpdate:modelValue": o[5] || (o[5] = (t) => e.updateScheme("clientId", t))
+            "onUpdate:modelValue": l[7] || (l[7] = (a) => r("clientId", a))
           }, {
-            default: l(() => [
+            default: o(() => [
               s(" Client ID ")
             ]),
             _: 1
-          }, 8, ["modelValue"])
+          }, 8, ["id", "modelValue"])
         ]),
         _: 1
       }),
-      "clientSecret" in e.activeScheme.flow ? (i(), c(d(m), { key: 2 }, {
-        default: l(() => [
-          a(r, {
-            id: "oauth2-client-secret",
-            modelValue: e.activeScheme.flow.clientSecret,
+      "clientSecret" in e.scheme.flow ? (u(), f(d(i), { key: 3 }, {
+        default: o(() => [
+          t(n, {
+            id: `oauth2-client-secret-${e.scheme.uid}`,
+            modelValue: e.scheme.flow.clientSecret,
             placeholder: "XYZ123",
             type: "password",
-            "onUpdate:modelValue": o[6] || (o[6] = (t) => (
-              // Vue cant figure out the type if we check in the template above so we do it here
-              (e.schemeModel.flowKey === "authorizationCode" || e.schemeModel.flowKey === "clientCredentials" || e.schemeModel.flowKey === "password") && e.updateScheme(`flows.${e.schemeModel.flowKey}.clientSecret`, t)
-            ))
+            "onUpdate:modelValue": l[8] || (l[8] = (a) => r("flow.clientSecret", a))
           }, {
-            default: l(() => [
+            default: o(() => [
               s(" Client Secret ")
             ]),
             _: 1
-          }, 8, ["modelValue"])
+          }, 8, ["id", "modelValue"])
         ]),
         _: 1
-      })) : f("", !0),
-      e.activeScheme.flow.scopes ? (i(), c(d(m), { key: 3 }, {
-        default: l(() => [
-          a(M, {
-            activeFlow: e.activeScheme.flow,
-            schemeModel: e.schemeModel,
-            updateScheme: e.updateScheme
-          }, null, 8, ["activeFlow", "schemeModel", "updateScheme"])
+      })) : m("", !0),
+      e.scheme.flow.scopes ? (u(), f(d(i), { key: 4 }, {
+        default: o(() => [
+          t(C, {
+            activeFlow: e.scheme.flow,
+            updateScheme: r
+          }, null, 8, ["activeFlow"])
         ]),
         _: 1
-      })) : f("", !0),
-      a(d(m), { class: "min-w-full" }, {
-        default: l(() => [
-          v("div", U, [
-            a(d(w), {
+      })) : m("", !0),
+      t(d(i), { class: "min-w-full" }, {
+        default: o(() => [
+          V("div", I, [
+            t(d(k), {
               class: "p-0 py-0.5 px-2 mr-1",
-              loading: d(n),
+              loading: d(p),
               size: "sm",
               variant: "outlined",
-              onClick: y
+              onClick: z
             }, {
-              default: l(() => [
+              default: o(() => [
                 s(" Authorize ")
               ]),
               _: 1
@@ -175,5 +204,5 @@ const U = { class: "h-8 flex items-center justify-self-end" }, L = /* @__PURE__
   }
 });
 export {
-  L as default
+  E as default
 };

package/dist/views/Request/components/OAuthScopesInput.vue.d.ts

@@ -1,14 +1,10 @@
 import type { UpdateScheme } from '../../../store/workspace.js';
-import type { SecuritySchemeOptionOauth } from '../../../views/Request/libs/index.js';
 import type { SecuritySchemeOauth2 } from '@scalar/oas-utils/entities/workspace/security';
-import type { ValueOf } from 'type-fest';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    activeFlow: ValueOf<SecuritySchemeOauth2["flows"]>;
-    schemeModel: SecuritySchemeOptionOauth;
+    activeFlow: SecuritySchemeOauth2["flow"];
     updateScheme: UpdateScheme;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    activeFlow: ValueOf<SecuritySchemeOauth2["flows"]>;
-    schemeModel: SecuritySchemeOptionOauth;
+    activeFlow: SecuritySchemeOauth2["flow"];
     updateScheme: UpdateScheme;
 }>>>, {}, {}>;
 export default _default;

package/dist/views/Request/components/OAuthScopesInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OAuthScopesInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/OAuthScopesInput.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAGrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;AACzF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;;gBAM1B,OAAO,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;iBACrC,yBAAyB;kBACxB,YAAY;;gBAFd,OAAO,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;iBACrC,yBAAyB;kBACxB,YAAY;;AAuR5B,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"OAuthScopesInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/OAuthScopesInput.vue"],"names":[],"mappings":"AAgGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;;gBAM3E,oBAAoB,CAAC,MAAM,CAAC;kBAC1B,YAAY;;gBADd,oBAAoB,CAAC,MAAM,CAAC;kBAC1B,YAAY;;AAoR5B,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}