@scalar/api-client 2.2.28 → 2.2.29

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

@@ -1,96 +1,93 @@
-import { defineComponent as y, computed as x, openBlock as p, createBlock as w, unref as t, withCtx as n, createElementVNode as o, createVNode as r, normalizeClass as C, toDisplayString as d, createElementBlock as v, Fragment as b, renderList as k, createTextVNode as V, createCommentVNode as D } from "vue";
+import { defineComponent as C, computed as x, openBlock as m, createBlock as w, unref as t, withCtx as a, createElementVNode as n, createVNode as r, normalizeClass as y, toDisplayString as d, createElementBlock as v, Fragment as k, renderList as V, createTextVNode as b, createCommentVNode as D } from "vue";
 import { Disclosure as $, DisclosureButton as B, DisclosurePanel as N } from "@headlessui/vue";
 import { ScalarIcon as O } from "@scalar/components";
 import S from "../../../../components/DataTable/DataTableCell.vue.js";
 import T from "../../../../components/DataTable/DataTableRow.vue.js";
 import j from "../../../../components/DataTable/DataTableCheckbox.vue.js";
 const z = { class: "flex h-fit w-full" }, E = { class: "flex-1" }, F = {
-  class: "grid auto-rows-auto border-t-1/2",
+  class: "grid auto-rows-auto",
   style: { gridTemplateColumns: "1fr auto" }
-}, I = { key: 0 }, R = { class: "font-code text-xs" }, H = /* @__PURE__ */ y({
+}, I = { key: 0 }, R = { class: "font-code text-xs" }, H = /* @__PURE__ */ C({
   __name: "OAuthScopesInput",
   props: {
     flow: {},
-    layout: { default: "client" },
     updateScheme: { type: Function }
   },
-  setup(s) {
+  setup(o) {
     const g = x(
       () => {
         var e;
-        return Object.entries(((e = s.flow) == null ? void 0 : e.scopes) ?? {}).map(([l, c]) => ({
+        return Object.entries(((e = o.flow) == null ? void 0 : e.scopes) ?? {}).map(([l, s]) => ({
           id: l,
           label: l,
-          description: c
+          description: s
         }));
       }
     ), u = x(() => {
       var e;
-      return ((e = s.flow) == null ? void 0 : e.selectedScopes) || [];
+      return ((e = o.flow) == null ? void 0 : e.selectedScopes) || [];
     });
     function _(e, l) {
-      l ? s.updateScheme(`flows.${s.flow.type}.selectedScopes`, [
+      l ? o.updateScheme(`flows.${o.flow.type}.selectedScopes`, [
         ...u.value,
         e
-      ]) : s.updateScheme(
-        `flows.${s.flow.type}.selectedScopes`,
-        u.value.filter((c) => c !== e)
+      ]) : o.updateScheme(
+        `flows.${o.flow.type}.selectedScopes`,
+        u.value.filter((s) => s !== e)
       );
     }
-    return (e, l) => (p(), w(t(S), { class: "items-center min-h-8 h-auto !max-h-[initial]" }, {
-      default: n(() => [
-        o("div", z, [
-          l[0] || (l[0] = o("div", { class: "text-c-1 min-w-[94px] items-center pl-2 h-full" }, [
-            o("span", { class: "h-8 flex items-center" }, " Scopes ")
-          ], -1)),
+    return (e, l) => (m(), w(t(S), { class: "items-center min-h-8 h-auto !max-h-[initial]" }, {
+      default: a(() => [
+        n("div", z, [
+          l[0] || (l[0] = n("div", { class: "text-c-1 items-center h-full" }, null, -1)),
           r(t($), {
             as: "div",
             class: "flex flex-col w-full bl"
           }, {
-            default: n(() => {
-              var c, h;
+            default: a(() => {
+              var s, h;
               return [
                 r(t(B), {
-                  class: C([
-                    "group/scopes-accordion flex items-center text-left min-h-8 gap-1.5 h-auto pl-2 hover:text-c-1 pr-2.5 cursor-pointer",
-                    (((h = (c = e.flow) == null ? void 0 : c.selectedScopes) == null ? void 0 : h.length) || 0) > 0 ? "text-c-1" : "text-c-3"
+                  class: y([
+                    "group/scopes-accordion flex items-center text-left min-h-8 gap-1.5 h-auto pl-3 pr-2 hover:text-c-1 cursor-pointer",
+                    (((h = (s = e.flow) == null ? void 0 : s.selectedScopes) == null ? void 0 : h.length) || 0) > 0 ? "text-c-1" : "text-c-3"
                   ])
                 }, {
-                  default: n(({ open: a }) => {
-                    var f, i, m;
+                  default: a(({ open: c }) => {
+                    var f, i, p;
                     return [
-                      o("div", E, " Selected " + d(((i = (f = e.flow) == null ? void 0 : f.selectedScopes) == null ? void 0 : i.length) || 0) + " / " + d(Object.keys(((m = e.flow) == null ? void 0 : m.scopes) ?? {}).length || 0), 1),
+                      n("div", E, " Scopes Selected " + d(((i = (f = e.flow) == null ? void 0 : f.selectedScopes) == null ? void 0 : i.length) || 0) + " / " + d(Object.keys(((p = e.flow) == null ? void 0 : p.scopes) ?? {}).length || 0), 1),
                       r(t(O), {
                         class: "text-c-3 group-hover/scopes-accordion:text-c-2",
-                        icon: a ? "ChevronDown" : "ChevronRight",
-                        size: "xs"
+                        icon: c ? "ChevronDown" : "ChevronRight",
+                        size: "sm"
                       }, null, 8, ["icon"])
                     ];
                   }),
                   _: 1
                 }, 8, ["class"]),
                 r(t(N), { as: "template" }, {
-                  default: n(() => [
-                    o("table", F, [
-                      (p(!0), v(b, null, k(g.value, ({ id: a, label: f, description: i }) => (p(), w(t(T), {
-                        key: a,
+                  default: a(() => [
+                    n("table", F, [
+                      (m(!0), v(k, null, V(g.value, ({ id: c, label: f, description: i }) => (m(), w(t(T), {
+                        key: c,
                         class: "text-c-2",
-                        onClick: (m) => _(a, !u.value.includes(a))
+                        onClick: (p) => _(c, !u.value.includes(c))
                       }, {
-                        default: n(() => [
-                          r(t(S), { class: "w-full px-2 py-1.5 hover:text-c-1 cursor-pointer !max-h-[initial]" }, {
-                            default: n(() => [
-                              o("span", null, [
-                                i ? (p(), v("span", I, [
-                                  o("span", R, d(f), 1),
-                                  V(" – " + d(i), 1)
+                        default: a(() => [
+                          r(t(S), { class: "w-full px-3 py-1.5 hover:text-c-1 cursor-pointer !max-h-[initial]" }, {
+                            default: a(() => [
+                              n("span", null, [
+                                i ? (m(), v("span", I, [
+                                  n("span", R, d(f), 1),
+                                  b(" – " + d(i), 1)
                                 ])) : D("", !0)
                               ])
                             ]),
                             _: 2
                           }, 1024),
                           r(t(j), {
-                            modelValue: u.value.includes(a),
+                            modelValue: u.value.includes(c),
                             "onUpdate:modelValue": () => {
                             }
                           }, null, 8, ["modelValue"])

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

@@ -1,7 +1,12 @@
 type __VLS_Props = {
     selectedSecuritySchemeUids: string[];
     title: string;
+    layout?: 'client' | 'reference';
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedSecuritySchemeUids": (args_0: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedSecuritySchemeUids"?: ((args_0: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=RequestAuth.vue.d.ts.map

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":"AA6JA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;IACpC,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;;AAyJF,wBAOG"}
+{"version":3,"file":"RequestAuth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuth.vue"],"names":[],"mappings":"AA+UA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;;;;;;AAsYF,wBAQG"}

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 m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-348ebd6a"]]);
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-456c0241"]]);
 export {
-  m as default
+  p as default
 };

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

@@ -1,61 +1,171 @@
-import { defineComponent as q, computed as n, openBlock as o, createBlock as x, withCtx as l, createElementVNode as _, createTextVNode as u, toDisplayString as m, createElementBlock as g, createVNode as a, unref as k, createCommentVNode as R } from "vue";
-import C from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { useActiveEntities as U } from "../../../../store/active-entities.js";
-import { ScalarIcon as A } from "@scalar/components";
-import { isDefined as b } from "@scalar/oas-utils/helpers";
-import N from "./RequestAuthDataTable.vue.js";
-import { useWorkspace as O } from "../../../../store/store.js";
-import { displaySchemeFormatter as V } from "../../libs/auth.js";
-const j = { class: "flex flex-1 gap-1 items-center justify-between" }, B = {
-  key: 0,
-  class: "flex items-center gap-1 text-c-3"
-}, L = /* @__PURE__ */ q({
+import { defineComponent as F, ref as C, computed as r, openBlock as O, createBlock as K, withCtx as d, createElementVNode as p, toDisplayString as x, createElementBlock as N, normalizeClass as z, createCommentVNode as W, createVNode as m, unref as a } from "vue";
+import H from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useActiveEntities as L } from "../../../../store/active-entities.js";
+import { useModal as P, ScalarComboboxMultiselect as G, ScalarButton as J, ScalarIcon as Q } from "@scalar/components";
+import { isDefined as q } from "@scalar/oas-utils/helpers";
+import X from "./DeleteRequestAuthModal.vue.js";
+import Y from "./RequestAuthDataTable.vue.js";
+import { ADD_AUTH_OPTIONS as Z } from "../../consts/new-auth-options.js";
+import { useWorkspace as ee } from "../../../../store/store.js";
+import { displaySchemeFormatter as U } from "../../libs/auth.js";
+const te = { class: "inline-flex gap-1 items-center" }, le = { class: "flex flex-1 -mx-1" }, ie = { class: "text-c-1" }, fe = /* @__PURE__ */ F({
   __name: "RequestAuth",
   props: {
     selectedSecuritySchemeUids: {},
-    title: {}
+    title: {},
+    layout: { default: "client" }
   },
-  setup(d) {
-    const { activeCollection: f, activeRequest: p } = U(), { securitySchemes: h } = O(), y = n(() => {
-      var c, i;
-      const e = ((c = p.value) == null ? void 0 : c.security) ?? ((i = f.value) == null ? void 0 : i.security) ?? [];
-      return { filteredRequirements: e.filter((s) => Object.keys(s).length), requirements: e };
-    }), r = n(() => {
-      const { filteredRequirements: e, requirements: t } = y.value;
+  emits: ["update:selectedSecuritySchemeUids"],
+  setup(g, { emit: M }) {
+    const R = M, { activeCollection: n, activeRequest: h } = L(), {
+      isReadOnly: v,
+      securitySchemes: _,
+      securitySchemeMutators: $,
+      requestMutators: B,
+      collectionMutators: V
+    } = ee(), k = C(null), f = P(), y = C(null), A = r(() => {
+      var l, o;
+      const e = ((l = h.value) == null ? void 0 : l.security) ?? ((o = n.value) == null ? void 0 : o.security) ?? [];
+      return { filteredRequirements: e.filter(
+        (s) => Object.keys(s).length
+      ), requirements: e };
+    }), S = r(() => {
+      const { filteredRequirements: e, requirements: t } = A.value;
       if (!t.length) return null;
-      const c = e.length < t.length, i = c ? "Unlock" : "Lock", s = c ? "Optional" : "Required", v = `${e.length === 1 ? Object.keys(e[0] ?? {})[0] : "Authentication"} ${s}`;
-      return { icon: i, text: v };
-    }), S = n(
-      () => d.selectedSecuritySchemeUids.map((e) => {
-        const t = h[e ?? ""];
+      const l = e.length < t.length, o = l ? "Unlock" : "Lock", s = l ? "Optional" : "Required", u = `${e.length === 1 ? Object.keys(e[0] || {})[0] : ""} ${s}`;
+      return { icon: o, text: u };
+    }), c = r(
+      () => g.selectedSecuritySchemeUids.map((e) => {
+        const t = _[e ?? ""];
         if (t)
-          return V(t);
-      }).filter(b)
+          return U(t);
+      }).filter(q)
     );
-    return (e, t) => (o(), x(C, {
+    function w(e) {
+      var o, s;
+      if (!((o = n.value) != null && o.uid) || !((s = h.value) != null && s.uid)) return;
+      const t = e.find((i) => i.payload), l = e.filter((i) => !i.payload).map(({ id: i }) => i);
+      if (t != null && t.payload) {
+        const i = $.add(
+          t.payload,
+          n.value.uid
+        );
+        i && l.push(i.uid);
+      }
+      D(l), R("update:selectedSecuritySchemeUids", l);
+    }
+    const D = (e) => {
+      !n.value || !h.value || (v ? V.edit(
+        n.value.uid,
+        "selectedSecuritySchemeUids",
+        e
+      ) : B.edit(
+        h.value.uid,
+        "selectedSecuritySchemeUids",
+        e
+      ));
+    };
+    function T(e) {
+      y.value = e, f.show();
+    }
+    const E = (e) => {
+      var l;
+      const t = g.selectedSecuritySchemeUids.filter(
+        (o) => o !== e
+      );
+      D(t), R("update:selectedSecuritySchemeUids", t), (l = k.value) == null || l.$el.focus(), f.hide();
+    }, I = r(() => {
+      var t;
+      return (((t = n.value) == null ? void 0 : t.securitySchemes) ?? []).map((l) => _[l]).filter((l) => l);
+    }), j = r(
+      () => {
+        const e = [...I.value], t = [];
+        A.value.filteredRequirements.forEach((i) => {
+          const u = e.findIndex(
+            (b) => (b == null ? void 0 : b.nameKey) === Object.keys(i)[0]
+          );
+          u > -1 && (t.push(e[u]), e.splice(u, 1));
+        });
+        const l = e.map((i) => i ? U(i) : void 0).filter(q), o = t.map((i) => i ? U(i) : void 0).filter(q), s = [
+          { label: "Required authentication", options: o },
+          { label: "Available authentication", options: l }
+        ];
+        return v ? o.length ? s : l : (s.push({
+          label: "Add new authentication",
+          options: Z
+        }), s);
+      }
+    );
+    return (e, t) => (O(), K(H, {
       class: "group/params",
-      itemCount: S.value.length
+      itemCount: c.value.length,
+      layout: e.layout
     }, {
-      title: l(() => [
-        _("div", j, [
-          u(m(e.title) + " ", 1),
-          r.value ? (o(), g("div", B, [
-            u(m(r.value.text) + " ", 1),
-            a(k(A), {
-              class: "text-c-3",
-              icon: r.value.icon,
-              size: "xs"
-            }, null, 8, ["icon"])
-          ])) : R("", !0)
+      title: d(() => [
+        p("div", te, [
+          p("span", null, x(e.title), 1),
+          S.value ? (O(), N("span", {
+            key: 0,
+            class: z(["text-c-3 text-xs leading-[normal]", { "text-c-1": S.value.text === "Required" }])
+          }, x(S.value.text), 3)) : W("", !0)
+        ])
+      ]),
+      actions: d(() => [
+        p("div", le, [
+          m(a(G), {
+            class: "text-xs w-72",
+            isDeletable: !a(v),
+            modelValue: c.value,
+            multiple: "",
+            options: j.value,
+            onDelete: T,
+            "onUpdate:modelValue": w
+          }, {
+            default: d(() => [
+              m(a(J), {
+                ref_key: "comboboxButtonRef",
+                ref: k,
+                class: "h-auto px-1.5 py-0.75 hover:bg-b-3 text-c-1 hover:text-c-1 font-normal",
+                fullWidth: "",
+                variant: "ghost"
+              }, {
+                default: d(() => {
+                  var l;
+                  return [
+                    p("div", ie, x(c.value.length === 0 ? "Auth Type" : c.value.length === 1 ? (l = c.value[0]) == null ? void 0 : l.label : "Multiple"), 1),
+                    m(a(Q), {
+                      class: "ml-1 shrink-0",
+                      icon: "ChevronDown",
+                      size: "sm"
+                    })
+                  ];
+                }),
+                _: 1
+              }, 512)
+            ]),
+            _: 1
+          }, 8, ["isDeletable", "modelValue", "options"])
         ])
       ]),
-      default: l(() => [
-        a(N, { selectedSecuritySchemeUids: e.selectedSecuritySchemeUids }, null, 8, ["selectedSecuritySchemeUids"])
+      default: d(() => [
+        m(Y, {
+          layout: e.layout,
+          selectedSecuritySchemeUids: e.selectedSecuritySchemeUids
+        }, null, 8, ["layout", "selectedSecuritySchemeUids"]),
+        m(X, {
+          scheme: y.value,
+          state: a(f),
+          onClose: t[0] || (t[0] = (l) => a(f).hide()),
+          onDelete: t[1] || (t[1] = (l) => {
+            var o;
+            return E((o = y.value) == null ? void 0 : o.id);
+          })
+        }, null, 8, ["scheme", "state"])
       ]),
       _: 1
-    }, 8, ["itemCount"]));
+    }, 8, ["itemCount", "layout"]));
   }
 });
 export {
-  L as default
+  fe as default
 };

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":"AAsaA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;IACpC,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;;AAqfF,wBAOG"}
+{"version":3,"file":"RequestAuthDataTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuthDataTable.vue"],"names":[],"mappings":"AA+LA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;IACpC,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;;AA4MF,wBAOG"}

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

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