@scalar/api-client 2.38.4 → 2.39.1

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

@@ -0,0 +1,285 @@
+import DataTableRow_default from "../../../../components/DataTable/DataTableRow.vue.js";
+import { getEnvironmentVariables } from "../../operation-block/helpers/get-environment-variables.js";
+import OAuthScopesInput_default from "./OAuthScopesInput.vue.js";
+import { authorizeOauth2 } from "../helpers/oauth.js";
+import RequestAuthDataTableInput_default from "./RequestAuthDataTableInput.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, unref, watch, withCtx } from "vue";
+import { ScalarButton, useLoadingState } from "@scalar/components";
+import { useToasts } from "@scalar/use-toasts";
+import { pkceOptions } from "@scalar/oas-utils/entities/spec";
+//#region src/v2/blocks/scalar-auth-selector-block/components/OAuth2.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-8 items-center justify-end gap-2 border-t" };
+var _hoisted_2 = { class: "flex h-8 w-full items-center justify-end border-t" };
+/** We filter selected scopes to only include scopes that are in this flow*/
+var OAuth2_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "OAuth2",
+	props: {
+		environment: {},
+		flows: {},
+		type: {},
+		selectedScopes: {},
+		scheme: {},
+		server: {},
+		proxyUrl: {},
+		name: {},
+		eventBus: {}
+	},
+	emits: ["update:selectedScopes"],
+	setup(__props, { emit: __emit }) {
+		const emits = __emit;
+		const loader = useLoadingState();
+		const { toast } = useToasts();
+		/** The current OAuth flow based on the selected type */
+		const flow = computed(() => __props.flows[__props.type]);
+		const selectedScopes = computed(() => __props.selectedScopes.filter((scope) => scope in (flow.value.scopes ?? {})));
+		/** Updates the security scheme base */
+		const handleOauth2Update = (payload) => {
+			if (__props.scheme.type === "openIdConnect") return handleOauth2SecretsUpdate(payload);
+			__props.eventBus.emit("auth:update:security-scheme", {
+				payload: {
+					type: __props.scheme.type,
+					flows: { [__props.type]: payload }
+				},
+				name: __props.name
+			});
+		};
+		/** Updates the flow secrets */
+		const handleOauth2SecretsUpdate = (payload) => __props.eventBus.emit("auth:update:security-scheme-secrets", {
+			payload: {
+				type: __props.scheme.type,
+				[__props.type]: payload
+			},
+			name: __props.name
+		});
+		/** Clears the flow secrets */
+		const clearOauth2Secrets = () => __props.eventBus.emit("auth:clear:security-scheme-secrets", { name: __props.name });
+		/** Track if we have set the redirect uri */
+		const hasPrefilledRedirectUri = ref(false);
+		/** Default the redirect-uri to the current origin if we have access to window */
+		watch(() => flow.value["x-scalar-secret-redirect-uri"], (newRedirectUri) => {
+			if (hasPrefilledRedirectUri.value || newRedirectUri || typeof window === "undefined" || !("x-scalar-secret-redirect-uri" in flow.value)) return;
+			hasPrefilledRedirectUri.value = true;
+			handleOauth2SecretsUpdate({ "x-scalar-secret-redirect-uri": window.location.origin + window.location.pathname });
+		}, { immediate: true });
+		/**
+		* Authorizes the user using the specified OAuth flow.
+		* Opens the appropriate OAuth dialog and/or performs the token exchange.
+		*/
+		const handleAuthorize = async () => {
+			if (loader.isLoading) return;
+			loader.start();
+			const [error, tokens] = await authorizeOauth2(__props.flows, __props.type, selectedScopes.value, __props.server, __props.proxyUrl, getEnvironmentVariables(__props.environment));
+			await loader.clear();
+			if (tokens?.accessToken) handleOauth2SecretsUpdate({
+				"x-scalar-secret-token": tokens.accessToken,
+				...tokens.refreshToken ? { "x-scalar-secret-refresh-token": tokens.refreshToken } : {}
+			});
+			else {
+				console.error(error);
+				toast(error?.message ?? "Failed to authorize", "error");
+			}
+		};
+		/** Updates the secret location */
+		const handleSecretLocationUpdate = (value) => {
+			const credentialsLocation = value === "body" ? "body" : "header";
+			if (__props.scheme.type !== "openIdConnect") handleOauth2Update({ "x-scalar-credentials-location": credentialsLocation });
+			handleOauth2SecretsUpdate({ "x-scalar-credentials-location": credentialsLocation });
+		};
+		return (_ctx, _cache) => {
+			return Boolean(flow.value["x-scalar-secret-token"]) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(DataTableRow_default), null, {
+				default: withCtx(() => [createVNode(RequestAuthDataTableInput_default, {
+					class: "border-r-transparent",
+					environment: __props.environment,
+					modelValue: flow.value["x-scalar-secret-token"],
+					placeholder: "QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT",
+					type: "password",
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => handleOauth2SecretsUpdate({ "x-scalar-secret-token": v }))
+				}, {
+					default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode(" Access Token ", -1)])]),
+					_: 1
+				}, 8, ["environment", "modelValue"])]),
+				_: 1
+			}), createVNode(unref(DataTableRow_default), { class: "min-w-full" }, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(ScalarButton), {
+					class: "mr-1 p-0 px-2 py-0.5",
+					loader: unref(loader),
+					size: "sm",
+					variant: "outlined",
+					onClick: _cache[1] || (_cache[1] = () => handleOauth2SecretsUpdate({
+						"x-scalar-secret-token": "",
+						"x-scalar-secret-refresh-token": ""
+					}))
+				}, {
+					default: withCtx(() => [..._cache[13] || (_cache[13] = [createTextVNode(" Clear ", -1)])]),
+					_: 1
+				}, 8, ["loader"])])]),
+				_: 1
+			})], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+				createVNode(unref(DataTableRow_default), null, {
+					default: withCtx(() => ["authorizationUrl" in flow.value ? (openBlock(), createBlock(RequestAuthDataTableInput_default, {
+						key: 0,
+						containerClass: "border-r-0",
+						environment: __props.environment,
+						modelValue: flow.value["x-scalar-secret-auth-url"] ?? "",
+						placeholder: "https://galaxy.scalar.com/authorize",
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = (v) => {
+							handleOauth2SecretsUpdate({ "x-scalar-secret-auth-url": v });
+							handleOauth2Update({ authorizationUrl: v });
+						})
+					}, {
+						default: withCtx(() => [..._cache[14] || (_cache[14] = [createTextVNode(" Auth URL ", -1)])]),
+						_: 1
+					}, 8, ["environment", "modelValue"])) : createCommentVNode("", true), "tokenUrl" in flow.value ? (openBlock(), createBlock(RequestAuthDataTableInput_default, {
+						key: 1,
+						environment: __props.environment,
+						modelValue: flow.value["x-scalar-secret-token-url"] ?? "",
+						placeholder: "https://galaxy.scalar.com/token",
+						"onUpdate:modelValue": _cache[3] || (_cache[3] = (v) => {
+							handleOauth2SecretsUpdate({ "x-scalar-secret-token-url": v });
+							handleOauth2Update({ tokenUrl: v });
+						})
+					}, {
+						default: withCtx(() => [..._cache[15] || (_cache[15] = [createTextVNode(" Token URL ", -1)])]),
+						_: 1
+					}, 8, ["environment", "modelValue"])) : createCommentVNode("", true)]),
+					_: 1
+				}),
+				"x-scalar-secret-redirect-uri" in flow.value ? (openBlock(), createBlock(unref(DataTableRow_default), { key: 0 }, {
+					default: withCtx(() => [createVNode(RequestAuthDataTableInput_default, {
+						environment: __props.environment,
+						modelValue: flow.value["x-scalar-secret-redirect-uri"],
+						placeholder: "https://galaxy.scalar.com/callback",
+						"onUpdate:modelValue": _cache[4] || (_cache[4] = (v) => {
+							handleOauth2SecretsUpdate({ "x-scalar-secret-redirect-uri": v });
+						})
+					}, {
+						default: withCtx(() => [..._cache[16] || (_cache[16] = [createTextVNode(" Redirect URL ", -1)])]),
+						_: 1
+					}, 8, ["environment", "modelValue"])]),
+					_: 1
+				})) : createCommentVNode("", true),
+				"x-scalar-secret-username" in flow.value && "x-scalar-secret-password" in flow.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(DataTableRow_default), null, {
+					default: withCtx(() => [createVNode(RequestAuthDataTableInput_default, {
+						class: "text-c-2",
+						environment: __props.environment,
+						modelValue: flow.value["x-scalar-secret-username"],
+						placeholder: "janedoe",
+						"onUpdate:modelValue": _cache[5] || (_cache[5] = (v) => handleOauth2SecretsUpdate({ "x-scalar-secret-username": v }))
+					}, {
+						default: withCtx(() => [..._cache[17] || (_cache[17] = [createTextVNode(" Username ", -1)])]),
+						_: 1
+					}, 8, ["environment", "modelValue"])]),
+					_: 1
+				}), createVNode(unref(DataTableRow_default), null, {
+					default: withCtx(() => [createVNode(RequestAuthDataTableInput_default, {
+						environment: __props.environment,
+						modelValue: flow.value["x-scalar-secret-password"],
+						placeholder: "********",
+						type: "password",
+						"onUpdate:modelValue": _cache[6] || (_cache[6] = (v) => handleOauth2SecretsUpdate({ "x-scalar-secret-password": v }))
+					}, {
+						default: withCtx(() => [..._cache[18] || (_cache[18] = [createTextVNode(" Password ", -1)])]),
+						_: 1
+					}, 8, ["environment", "modelValue"])]),
+					_: 1
+				})], 64)) : createCommentVNode("", true),
+				createVNode(unref(DataTableRow_default), null, {
+					default: withCtx(() => [createVNode(RequestAuthDataTableInput_default, {
+						environment: __props.environment,
+						modelValue: flow.value["x-scalar-secret-client-id"],
+						placeholder: "12345",
+						"onUpdate:modelValue": _cache[7] || (_cache[7] = (v) => handleOauth2SecretsUpdate({ "x-scalar-secret-client-id": v }))
+					}, {
+						default: withCtx(() => [..._cache[19] || (_cache[19] = [createTextVNode(" Client ID ", -1)])]),
+						_: 1
+					}, 8, ["environment", "modelValue"])]),
+					_: 1
+				}),
+				"x-scalar-secret-client-secret" in flow.value ? (openBlock(), createBlock(unref(DataTableRow_default), { key: 2 }, {
+					default: withCtx(() => [createVNode(RequestAuthDataTableInput_default, {
+						environment: __props.environment,
+						modelValue: flow.value["x-scalar-secret-client-secret"],
+						placeholder: "XYZ123",
+						type: "password",
+						"onUpdate:modelValue": _cache[8] || (_cache[8] = (v) => handleOauth2SecretsUpdate({ "x-scalar-secret-client-secret": v }))
+					}, {
+						default: withCtx(() => [..._cache[20] || (_cache[20] = [createTextVNode(" Client Secret ", -1)])]),
+						_: 1
+					}, 8, ["environment", "modelValue"])]),
+					_: 1
+				})) : createCommentVNode("", true),
+				"x-usePkce" in flow.value ? (openBlock(), createBlock(unref(DataTableRow_default), { key: 3 }, {
+					default: withCtx(() => [createVNode(RequestAuthDataTableInput_default, {
+						enum: unref(pkceOptions),
+						environment: __props.environment,
+						modelValue: flow.value["x-usePkce"],
+						readOnly: "",
+						"onUpdate:modelValue": _cache[9] || (_cache[9] = (v) => handleOauth2Update({ "x-usePkce": v }))
+					}, {
+						default: withCtx(() => [..._cache[21] || (_cache[21] = [createTextVNode(" Use PKCE ", -1)])]),
+						_: 1
+					}, 8, [
+						"enum",
+						"environment",
+						"modelValue"
+					])]),
+					_: 1
+				})) : createCommentVNode("", true),
+				__props.type !== "implicit" ? (openBlock(), createBlock(unref(DataTableRow_default), { key: 4 }, {
+					default: withCtx(() => [createVNode(RequestAuthDataTableInput_default, {
+						enum: ["header", "body"],
+						environment: __props.environment,
+						modelValue: flow.value["x-scalar-credentials-location"] || "header",
+						placeholder: "header",
+						readOnly: "",
+						"onUpdate:modelValue": _cache[10] || (_cache[10] = (v) => handleSecretLocationUpdate(v))
+					}, {
+						default: withCtx(() => [..._cache[22] || (_cache[22] = [createTextVNode(" Credentials Location ", -1)])]),
+						_: 1
+					}, 8, ["environment", "modelValue"])]),
+					_: 1
+				})) : createCommentVNode("", true),
+				createVNode(unref(DataTableRow_default), null, {
+					default: withCtx(() => [createVNode(OAuthScopesInput_default, {
+						flow: flow.value,
+						flowType: __props.type,
+						selectedScopes: selectedScopes.value,
+						"onUpdate:selectedScopes": _cache[11] || (_cache[11] = (v) => emits("update:selectedScopes", v))
+					}, null, 8, [
+						"flow",
+						"flowType",
+						"selectedScopes"
+					])]),
+					_: 1
+				}),
+				createVNode(unref(DataTableRow_default), { class: "min-w-full" }, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_2, [__props.scheme.type === "openIdConnect" ? (openBlock(), createBlock(unref(ScalarButton), {
+						key: 0,
+						class: "mr-1 p-0 px-2 py-0.5",
+						loader: unref(loader),
+						size: "sm",
+						variant: "outlined",
+						onClick: clearOauth2Secrets
+					}, {
+						default: withCtx(() => [..._cache[23] || (_cache[23] = [createTextVNode(" Clear ", -1)])]),
+						_: 1
+					}, 8, ["loader"])) : createCommentVNode("", true), createVNode(unref(ScalarButton), {
+						class: "mr-0.75 p-0 px-2 py-0.5",
+						loader: unref(loader),
+						size: "sm",
+						variant: "outlined",
+						onClick: handleAuthorize
+					}, {
+						default: withCtx(() => [..._cache[24] || (_cache[24] = [createTextVNode(" Authorize ", -1)])]),
+						_: 1
+					}, 8, ["loader"])])]),
+					_: 1
+				})
+			], 64));
+		};
+	}
+});
+//#endregion
+export { OAuth2_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=OAuth2.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OAuth2.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/OAuth2.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, useLoadingState } from '@scalar/components'\nimport { pkceOptions } from '@scalar/oas-utils/entities/spec'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { SecretsOAuthFlows } from '@scalar/workspace-store/entities/auth'\nimport type {\n  ApiReferenceEvents,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { XScalarCredentialsLocation } from '@scalar/workspace-store/schemas/extensions/security/x-scalar-credentials-location'\nimport type { XusePkce } from '@scalar/workspace-store/schemas/extensions/security/x-use-pkce'\nimport type {\n  OAuthFlow,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref, watch } from 'vue'\n\nimport { DataTableRow } from '@/components/DataTable'\nimport { getEnvironmentVariables } from '@/v2/blocks/operation-block/helpers/get-environment-variables'\nimport OAuthScopesInput from '@/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.vue'\nimport { authorizeOauth2 } from '@/v2/blocks/scalar-auth-selector-block/helpers/oauth'\nimport type {\n  OAuthFlowAuthorizationCodeSecret,\n  OAuthFlowClientCredentialsSecret,\n  OAuthFlowPasswordSecret,\n  OAuthFlowsObjectSecret,\n  SecuritySchemeObjectSecret,\n} from '@/v2/blocks/scalar-auth-selector-block/helpers/secret-types'\n\nimport RequestAuthDataTableInput from './RequestAuthDataTableInput.vue'\n\nconst {\n  environment,\n  flows,\n  type,\n  scheme,\n  selectedScopes: selectedScopesProp,\n  server,\n  proxyUrl,\n  eventBus,\n  name,\n} = defineProps<{\n  /** Current environment configuration */\n  environment: XScalarEnvironment\n  /** OAuth flows */\n  flows: OAuthFlowsObjectSecret\n  /** Type of the OAuth flow */\n  type: keyof OAuthFlowsObjectSecret\n  /** Selected scopes */\n  selectedScopes: string[]\n  /** Security scheme */\n  scheme: SecuritySchemeObjectSecret\n  /** Current server configuration */\n  server: ServerObject | null\n  /** Proxy URL */\n  proxyUrl: string\n  /** Name of the security scheme */\n  name: string\n  /** Event bus for authentication updates */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst emits = defineEmits<{\n  (\n    e: 'update:selectedScopes',\n    payload: Pick<\n      ApiReferenceEvents['auth:update:selected-scopes'],\n      'scopes' | 'newScopePayload'\n    >,\n  ): void\n}>()\n\nconst loader = useLoadingState()\nconst { toast } = useToasts()\n\n/** The current OAuth flow based on the selected type */\nconst flow = computed(() => flows[type]!)\ntype NonImplicitFlow =\n  | OAuthFlowPasswordSecret\n  | OAuthFlowClientCredentialsSecret\n  | OAuthFlowAuthorizationCodeSecret\n\n/** We filter selected scopes to only include scopes that are in this flow*/\nconst selectedScopes = computed(() =>\n  selectedScopesProp.filter((scope) => scope in (flow.value.scopes ?? {})),\n)\n\n/** Updates the security scheme base */\nconst handleOauth2Update = (\n  payload: Partial<OAuthFlow & XScalarCredentialsLocation>,\n): void => {\n  // OpenIdConnect uses the secrets update for all\n  if (scheme.type === 'openIdConnect') {\n    return handleOauth2SecretsUpdate(payload)\n  }\n\n  eventBus.emit('auth:update:security-scheme', {\n    payload: {\n      type: scheme.type,\n      flows: {\n        [type]: payload,\n      },\n    },\n    name,\n  })\n}\n\n/** Updates the flow secrets */\nconst handleOauth2SecretsUpdate = (\n  payload: Omit<Partial<SecretsOAuthFlows[keyof SecretsOAuthFlows]>, 'type'>,\n): void =>\n  eventBus.emit('auth:update:security-scheme-secrets', {\n    payload: {\n      type: scheme.type,\n      [type]: payload,\n    },\n    name,\n  })\n\n/** Clears the flow secrets */\nconst clearOauth2Secrets = (): void =>\n  eventBus.emit('auth:clear:security-scheme-secrets', {\n    name,\n  })\n\n/** Track if we have set the redirect uri */\nconst hasPrefilledRedirectUri = ref(false)\n\n/** Default the redirect-uri to the current origin if we have access to window */\nwatch(\n  () =>\n    (flow.value as OAuthFlowAuthorizationCodeSecret)[\n      'x-scalar-secret-redirect-uri'\n    ],\n  (newRedirectUri) => {\n    if (\n      hasPrefilledRedirectUri.value ||\n      newRedirectUri ||\n      typeof window === 'undefined' ||\n      !('x-scalar-secret-redirect-uri' in flow.value)\n    ) {\n      return\n    }\n    hasPrefilledRedirectUri.value = true\n    handleOauth2SecretsUpdate({\n      'x-scalar-secret-redirect-uri':\n        window.location.origin + window.location.pathname,\n    })\n  },\n  { immediate: true },\n)\n\n/**\n * Authorizes the user using the specified OAuth flow.\n * Opens the appropriate OAuth dialog and/or performs the token exchange.\n */\nconst handleAuthorize = async (): Promise<void> => {\n  if (loader.isLoading) {\n    return\n  }\n\n  loader.start()\n\n  const [error, tokens] = await authorizeOauth2(\n    flows,\n    type,\n    selectedScopes.value,\n    server,\n    proxyUrl,\n    getEnvironmentVariables(environment),\n  )\n\n  await loader.clear()\n\n  if (tokens?.accessToken) {\n    handleOauth2SecretsUpdate({\n      'x-scalar-secret-token': tokens.accessToken,\n      ...(tokens.refreshToken\n        ? { 'x-scalar-secret-refresh-token': tokens.refreshToken }\n        : {}),\n    })\n  } else {\n    console.error(error)\n    toast(error?.message ?? 'Failed to authorize', 'error')\n  }\n}\n\n/** Updates the secret location */\nconst handleSecretLocationUpdate = (value: string): void => {\n  const credentialsLocation = value === 'body' ? 'body' : 'header'\n\n  if (scheme.type !== 'openIdConnect') {\n    handleOauth2Update({\n      'x-scalar-credentials-location': credentialsLocation,\n    })\n  }\n\n  handleOauth2SecretsUpdate({\n    'x-scalar-credentials-location': credentialsLocation,\n  })\n}\n</script>\n\n<template>\n  <!-- Access Token Display: Shows when user is already authorized -->\n  <template v-if=\"Boolean(flow['x-scalar-secret-token'])\">\n    <DataTableRow>\n      <RequestAuthDataTableInput\n        class=\"border-r-transparent\"\n        :environment\n        :modelValue=\"flow['x-scalar-secret-token']\"\n        placeholder=\"QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT\"\n        type=\"password\"\n        @update:modelValue=\"\n          (v) => handleOauth2SecretsUpdate({ 'x-scalar-secret-token': v })\n        \">\n        Access Token\n      </RequestAuthDataTableInput>\n    </DataTableRow>\n\n    <DataTableRow class=\"min-w-full\">\n      <div class=\"flex h-8 items-center justify-end gap-2 border-t\">\n        <ScalarButton\n          class=\"mr-1 p-0 px-2 py-0.5\"\n          :loader\n          size=\"sm\"\n          variant=\"outlined\"\n          @click=\"\n            () =>\n              handleOauth2SecretsUpdate({\n                'x-scalar-secret-token': '',\n                'x-scalar-secret-refresh-token': '',\n              })\n          \">\n          Clear\n        </ScalarButton>\n      </div>\n    </DataTableRow>\n  </template>\n\n  <!-- Authorization Form: Shows when user needs to authorize -->\n  <template v-else>\n    <DataTableRow>\n      <RequestAuthDataTableInput\n        v-if=\"'authorizationUrl' in flow\"\n        containerClass=\"border-r-0\"\n        :environment\n        :modelValue=\"flow['x-scalar-secret-auth-url'] ?? ''\"\n        placeholder=\"https://galaxy.scalar.com/authorize\"\n        @update:modelValue=\"\n          (v) => {\n            handleOauth2SecretsUpdate({ 'x-scalar-secret-auth-url': v })\n            handleOauth2Update({ authorizationUrl: v })\n          }\n        \">\n        Auth URL\n      </RequestAuthDataTableInput>\n\n      <RequestAuthDataTableInput\n        v-if=\"'tokenUrl' in flow\"\n        :environment\n        :modelValue=\"flow['x-scalar-secret-token-url'] ?? ''\"\n        placeholder=\"https://galaxy.scalar.com/token\"\n        @update:modelValue=\"\n          (v) => {\n            handleOauth2SecretsUpdate({ 'x-scalar-secret-token-url': v })\n            handleOauth2Update({ tokenUrl: v })\n          }\n        \">\n        Token URL\n      </RequestAuthDataTableInput>\n    </DataTableRow>\n\n    <DataTableRow v-if=\"'x-scalar-secret-redirect-uri' in flow\">\n      <RequestAuthDataTableInput\n        :environment\n        :modelValue=\"flow['x-scalar-secret-redirect-uri']\"\n        placeholder=\"https://galaxy.scalar.com/callback\"\n        @update:modelValue=\"\n          (v) => {\n            handleOauth2SecretsUpdate({ 'x-scalar-secret-redirect-uri': v })\n          }\n        \">\n        Redirect URL\n      </RequestAuthDataTableInput>\n    </DataTableRow>\n\n    <template\n      v-if=\"\n        'x-scalar-secret-username' in flow && 'x-scalar-secret-password' in flow\n      \">\n      <DataTableRow>\n        <RequestAuthDataTableInput\n          class=\"text-c-2\"\n          :environment\n          :modelValue=\"flow['x-scalar-secret-username']\"\n          placeholder=\"janedoe\"\n          @update:modelValue=\"\n            (v) => handleOauth2SecretsUpdate({ 'x-scalar-secret-username': v })\n          \">\n          Username\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n\n      <DataTableRow>\n        <RequestAuthDataTableInput\n          :environment\n          :modelValue=\"flow['x-scalar-secret-password']\"\n          placeholder=\"********\"\n          type=\"password\"\n          @update:modelValue=\"\n            (v) => handleOauth2SecretsUpdate({ 'x-scalar-secret-password': v })\n          \">\n          Password\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n    </template>\n\n    <DataTableRow>\n      <RequestAuthDataTableInput\n        :environment\n        :modelValue=\"flow['x-scalar-secret-client-id']\"\n        placeholder=\"12345\"\n        @update:modelValue=\"\n          (v) => handleOauth2SecretsUpdate({ 'x-scalar-secret-client-id': v })\n        \">\n        Client ID\n      </RequestAuthDataTableInput>\n    </DataTableRow>\n\n    <DataTableRow v-if=\"'x-scalar-secret-client-secret' in flow\">\n      <RequestAuthDataTableInput\n        :environment\n        :modelValue=\"flow['x-scalar-secret-client-secret']\"\n        placeholder=\"XYZ123\"\n        type=\"password\"\n        @update:modelValue=\"\n          (v) =>\n            handleOauth2SecretsUpdate({ 'x-scalar-secret-client-secret': v })\n        \">\n        Client Secret\n      </RequestAuthDataTableInput>\n    </DataTableRow>\n\n    <DataTableRow v-if=\"'x-usePkce' in flow\">\n      <RequestAuthDataTableInput\n        :enum=\"pkceOptions\"\n        :environment\n        :modelValue=\"flow['x-usePkce']\"\n        readOnly\n        @update:modelValue=\"\n          (v) =>\n            handleOauth2Update({\n              'x-usePkce': v as XusePkce['x-usePkce'],\n            })\n        \">\n        Use PKCE\n      </RequestAuthDataTableInput>\n    </DataTableRow>\n\n    <!-- Credentials Location -->\n    <DataTableRow v-if=\"type !== 'implicit'\">\n      <RequestAuthDataTableInput\n        :enum=\"['header', 'body']\"\n        :environment\n        :modelValue=\"\n          (flow as NonImplicitFlow)['x-scalar-credentials-location'] || 'header'\n        \"\n        placeholder=\"header\"\n        readOnly\n        @update:modelValue=\"(v) => handleSecretLocationUpdate(v)\">\n        Credentials Location\n      </RequestAuthDataTableInput>\n    </DataTableRow>\n\n    <!-- Scopes -->\n    <DataTableRow>\n      <OAuthScopesInput\n        :flow\n        :flowType=\"type\"\n        :selectedScopes\n        @update:selectedScopes=\"(v) => emits('update:selectedScopes', v)\" />\n    </DataTableRow>\n\n    <DataTableRow class=\"min-w-full\">\n      <div class=\"flex h-8 w-full items-center justify-end border-t\">\n        <!-- Allow clearing the oauth section and going back to discovery -->\n        <ScalarButton\n          v-if=\"scheme.type === 'openIdConnect'\"\n          class=\"mr-1 p-0 px-2 py-0.5\"\n          :loader\n          size=\"sm\"\n          variant=\"outlined\"\n          @click=\"clearOauth2Secrets\">\n          Clear\n        </ScalarButton>\n\n        <ScalarButton\n          class=\"mr-0.75 p-0 px-2 py-0.5\"\n          :loader\n          size=\"sm\"\n          variant=\"outlined\"\n          @click=\"handleAuthorize\">\n          Authorize\n        </ScalarButton>\n      </div>\n    </DataTableRow>\n  </template>\n</template>\n"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import OAuthScopesAddModal_vue_vue_type_script_setup_true_lang_default from "./OAuthScopesAddModal.vue.script.js";
+/* empty css                                  */
+//#region src/v2/blocks/scalar-auth-selector-block/components/OAuthScopesAddModal.vue
+var OAuthScopesAddModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(OAuthScopesAddModal_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-43df1726"]]);
+//#endregion
+export { OAuthScopesAddModal_default as default };
+
+//# sourceMappingURL=OAuthScopesAddModal.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthScopesAddModal.vue.js","names":[],"sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/OAuthScopesAddModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport { ref, watch } from 'vue'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport CommandActionInput from '@/components/CommandPalette/CommandActionInput.vue'\n\nconst { state, scopes } = defineProps<{\n  state: ModalState\n  scopes: string[]\n}>()\n\nconst emit = defineEmits<{\n  (event: 'cancel'): void\n  (\n    event: 'submit',\n    scopeData: {\n      name: string\n      description: string\n    },\n  ): void\n}>()\n\nconst scopeData = ref({\n  name: '',\n  description: '',\n})\n\nconst { toast } = useToasts()\n\nconst handleSubmit = () => {\n  if (!scopeData.value.name) {\n    toast('Please fill in the name before adding a scope.', 'error')\n    return\n  }\n\n  emit('submit', scopeData.value)\n  state.hide()\n}\n\n// Reset scope data\nwatch(\n  () => state.open,\n  (isOpen) => {\n    if (isOpen) {\n      scopeData.value = {\n        name: '',\n        description: '',\n      }\n    }\n  },\n)\n</script>\n\n<template>\n  <ScalarModal\n    size=\"xs\"\n    :state=\"state\"\n    title=\"Add Scope\">\n    <CommandActionForm\n      :disabled=\"!scopeData.name || scopes.includes(scopeData.name)\"\n      @cancel=\"emit('cancel')\"\n      @submit=\"handleSubmit\">\n      <!-- Name -->\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Name:\n        <CommandActionInput\n          v-model=\"scopeData.name\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"read:user\" />\n      </div>\n\n      <!-- Description -->\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Description:\n        <CommandActionInput\n          v-model=\"scopeData.description\"\n          class=\"!p-0\"\n          placeholder=\"Read user data\" />\n      </div>\n\n      <template #submit>Add Scope</template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n\n<style scoped>\n.form-group {\n  margin-bottom: 1rem;\n}\n.modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 1rem;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,71 @@
+import CommandActionForm_default from "../../../../components/CommandPalette/CommandActionForm.vue.js";
+import CommandActionInput_default from "../../../../components/CommandPalette/CommandActionInput.vue.js";
+import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, unref, watch, withCtx } from "vue";
+import { ScalarModal } from "@scalar/components";
+import { useToasts } from "@scalar/use-toasts";
+//#region src/v2/blocks/scalar-auth-selector-block/components/OAuthScopesAddModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-8 items-start gap-2 text-sm" };
+var _hoisted_2 = { class: "flex h-8 items-start gap-2 text-sm" };
+var OAuthScopesAddModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "OAuthScopesAddModal",
+	props: {
+		state: {},
+		scopes: {}
+	},
+	emits: ["cancel", "submit"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const scopeData = ref({
+			name: "",
+			description: ""
+		});
+		const { toast } = useToasts();
+		const handleSubmit = () => {
+			if (!scopeData.value.name) {
+				toast("Please fill in the name before adding a scope.", "error");
+				return;
+			}
+			emit("submit", scopeData.value);
+			__props.state.hide();
+		};
+		watch(() => __props.state.open, (isOpen) => {
+			if (isOpen) scopeData.value = {
+				name: "",
+				description: ""
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarModal), {
+				size: "xs",
+				state: __props.state,
+				title: "Add Scope"
+			}, {
+				default: withCtx(() => [createVNode(CommandActionForm_default, {
+					disabled: !scopeData.value.name || __props.scopes.includes(scopeData.value.name),
+					onCancel: _cache[2] || (_cache[2] = ($event) => emit("cancel")),
+					onSubmit: handleSubmit
+				}, {
+					submit: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Add Scope", -1)])]),
+					default: withCtx(() => [createElementVNode("div", _hoisted_1, [_cache[3] || (_cache[3] = createTextVNode(" Name: ", -1)), createVNode(CommandActionInput_default, {
+						modelValue: scopeData.value.name,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => scopeData.value.name = $event),
+						autofocus: "",
+						class: "!p-0",
+						placeholder: "read:user"
+					}, null, 8, ["modelValue"])]), createElementVNode("div", _hoisted_2, [_cache[4] || (_cache[4] = createTextVNode(" Description: ", -1)), createVNode(CommandActionInput_default, {
+						modelValue: scopeData.value.description,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => scopeData.value.description = $event),
+						class: "!p-0",
+						placeholder: "Read user data"
+					}, null, 8, ["modelValue"])])]),
+					_: 1
+				}, 8, ["disabled"])]),
+				_: 1
+			}, 8, ["state"]);
+		};
+	}
+});
+//#endregion
+export { OAuthScopesAddModal_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=OAuthScopesAddModal.vue.script.js.map

package/dist/v2/blocks/scalar-auth-selector-block/components/OAuthScopesAddModal.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthScopesAddModal.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/OAuthScopesAddModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport { ref, watch } from 'vue'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport CommandActionInput from '@/components/CommandPalette/CommandActionInput.vue'\n\nconst { state, scopes } = defineProps<{\n  state: ModalState\n  scopes: string[]\n}>()\n\nconst emit = defineEmits<{\n  (event: 'cancel'): void\n  (\n    event: 'submit',\n    scopeData: {\n      name: string\n      description: string\n    },\n  ): void\n}>()\n\nconst scopeData = ref({\n  name: '',\n  description: '',\n})\n\nconst { toast } = useToasts()\n\nconst handleSubmit = () => {\n  if (!scopeData.value.name) {\n    toast('Please fill in the name before adding a scope.', 'error')\n    return\n  }\n\n  emit('submit', scopeData.value)\n  state.hide()\n}\n\n// Reset scope data\nwatch(\n  () => state.open,\n  (isOpen) => {\n    if (isOpen) {\n      scopeData.value = {\n        name: '',\n        description: '',\n      }\n    }\n  },\n)\n</script>\n\n<template>\n  <ScalarModal\n    size=\"xs\"\n    :state=\"state\"\n    title=\"Add Scope\">\n    <CommandActionForm\n      :disabled=\"!scopeData.name || scopes.includes(scopeData.name)\"\n      @cancel=\"emit('cancel')\"\n      @submit=\"handleSubmit\">\n      <!-- Name -->\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Name:\n        <CommandActionInput\n          v-model=\"scopeData.name\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"read:user\" />\n      </div>\n\n      <!-- Description -->\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Description:\n        <CommandActionInput\n          v-model=\"scopeData.description\"\n          class=\"!p-0\"\n          placeholder=\"Read user data\" />\n      </div>\n\n      <template #submit>Add Scope</template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n\n<style scoped>\n.form-group {\n  margin-bottom: 1rem;\n}\n.modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 1rem;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAaA,MAAM,OAAO;EAWb,MAAM,YAAY,IAAI;GACpB,MAAM;GACN,aAAa;GACd,CAAA;EAED,MAAM,EAAE,UAAU,WAAU;EAE5B,MAAM,qBAAqB;AACzB,OAAI,CAAC,UAAU,MAAM,MAAM;AACzB,UAAM,kDAAkD,QAAO;AAC/D;;AAGF,QAAK,UAAU,UAAU,MAAK;AAC9B,WAAA,MAAM,MAAK;;AAIb,cACQ,QAAA,MAAM,OACX,WAAW;AACV,OAAI,OACF,WAAU,QAAQ;IAChB,MAAM;IACN,aAAa;IACf;IAGN;;uBAIE,YA6Bc,MAAA,YAAA,EAAA;IA5BZ,MAAK;IACJ,OAAO,QAAA;IACR,OAAM;;2BAyBc,CAxBpB,YAwBoB,2BAAA;KAvBjB,UAAQ,CAAG,UAAA,MAAU,QAAQ,QAAA,OAAO,SAAS,UAAA,MAAU,KAAI;KAC3D,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;KACZ,UAAQ;;KAoBE,QAAM,cAAU,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAT,aAAS,GAAA,CAAA,EAAA,CAAA;4BAXrB,CAPN,mBAOM,OAPN,YAOM,CAAA,OAAA,OAAA,OAAA,KAAA,gBAP0C,WAE9C,GAAA,GAAA,YAI4B,4BAAA;kBAHjB,UAAA,MAAU;6EAAV,MAAU,OAAI;MACvB,WAAA;MACA,OAAM;MACN,aAAY;oCAIhB,mBAMM,OANN,YAMM,CAAA,OAAA,OAAA,OAAA,KAAA,gBAN0C,kBAE9C,GAAA,GAAA,YAGiC,4BAAA;kBAFtB,UAAA,MAAU;6EAAV,MAAU,cAAW;MAC9B,OAAM;MACN,aAAY"}

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

@@ -0,0 +1,8 @@
+import OAuthScopesInput_vue_vue_type_script_setup_true_lang_default from "./OAuthScopesInput.vue.script.js";
+/* empty css                               */
+//#region src/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.vue
+var OAuthScopesInput_default = OAuthScopesInput_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { OAuthScopesInput_default as default };
+
+//# sourceMappingURL=OAuthScopesInput.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthScopesInput.vue.js","names":[],"sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport {\n  ScalarButton,\n  ScalarIcon,\n  ScalarSearchInput,\n  useModal,\n} from '@scalar/components'\nimport type { ApiReferenceEvents } from '@scalar/workspace-store/events'\nimport type {\n  OAuthFlow,\n  OAuthFlowsObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref } from 'vue'\n\nimport {\n  DataTableCell,\n  DataTableCheckbox,\n  DataTableRow,\n} from '@/components/DataTable'\n\nimport OAuthScopesAddModal from './OAuthScopesAddModal.vue'\n\nconst { selectedScopes, flow, flowType } = defineProps<{\n  flowType: keyof OAuthFlowsObject\n  flow: OAuthFlow\n  selectedScopes: string[]\n}>()\n\nconst emits = defineEmits<{\n  (\n    e: 'update:selectedScopes',\n    payload: Pick<\n      ApiReferenceEvents['auth:update:selected-scopes'],\n      'scopes' | 'newScopePayload'\n    >,\n  ): void\n}>()\n\nconst searchQuery = ref('')\n\n/** List of all available scopes */\nconst scopes = computed(() =>\n  Object.entries(flow?.scopes ?? {}).map(([key, val]) => ({\n    id: key,\n    label: key,\n    description: val,\n  })),\n)\n\nconst filteredScopes = computed(() => {\n  if (!searchQuery.value) {\n    return scopes.value\n  }\n\n  const regex = new RegExp(\n    searchQuery.value\n      .split('')\n      .map((c) => c.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'))\n      .join('.*'),\n    'i',\n  )\n\n  return scopes.value.filter(({ label, description }) =>\n    regex.test(`${label} ${description}`),\n  )\n})\n\nconst allScopesSelected = computed(\n  () => selectedScopes.length === Object.keys(flow?.scopes ?? {}).length,\n)\n\nfunction setScope(scopeKey: string, checked: boolean) {\n  if (checked) {\n    // Select the scope\n    return emits('update:selectedScopes', {\n      scopes: Array.from(new Set([...selectedScopes, scopeKey])),\n    })\n  }\n\n  // Deselect the scope\n  emits('update:selectedScopes', {\n    scopes: selectedScopes.filter((scope) => scope !== scopeKey),\n  })\n}\n\n/** Select all scopes */\nconst selectAllScopes = () =>\n  emits('update:selectedScopes', { scopes: Object.keys(flow?.scopes ?? {}) })\n\n/** Deselect all scopes */\nconst deselectAllScopes = () => emits('update:selectedScopes', { scopes: [] })\n\nconst addNewScopeModal = useModal()\n</script>\n\n<template>\n  <DataTableCell class=\"h-auto !max-h-[initial] min-h-8 items-center\">\n    <div class=\"flex h-fit w-full\">\n      <div class=\"text-c-1 h-full items-center\"></div>\n      <Disclosure\n        as=\"div\"\n        class=\"bl flex w-full flex-col\">\n        <DisclosureButton\n          v-slot=\"{ open }\"\n          :class=\"[\n            'group/scopes-accordion hover:text-c-1 flex h-auto min-h-8 cursor-pointer items-center gap-1.5 pr-2.25 pl-3 text-left',\n            (selectedScopes.length || 0) > 0 ? 'text-c-1' : 'text-c-3',\n          ]\">\n          <div class=\"flex-1\">\n            Scopes Selected\n            {{ selectedScopes.length || 0 }} /\n            {{ Object.keys(flow?.scopes ?? {}).length || 0 }}\n          </div>\n          <div class=\"flex items-center gap-1.75\">\n            <!-- Add new scope -->\n            <ScalarButton\n              class=\"pr-0.75 pl-1 transition-none\"\n              size=\"sm\"\n              variant=\"ghost\"\n              @click.stop=\"addNewScopeModal.show()\">\n              Add Scope\n            </ScalarButton>\n\n            <!-- Deselect All -->\n            <ScalarButton\n              v-if=\"allScopesSelected\"\n              class=\"pr-0.75 pl-1 transition-none\"\n              size=\"sm\"\n              variant=\"ghost\"\n              @click.stop=\"deselectAllScopes\">\n              Deselect All\n            </ScalarButton>\n\n            <!-- Select All -->\n            <ScalarButton\n              v-if=\"!allScopesSelected\"\n              class=\"pr-0.75 pl-1 transition-none\"\n              size=\"sm\"\n              variant=\"ghost\"\n              @click.stop=\"selectAllScopes\">\n              Select All\n            </ScalarButton>\n\n            <ScalarIcon\n              class=\"text-c-3 group-hover/scopes-accordion:text-c-2\"\n              :icon=\"open ? 'ChevronDown' : 'ChevronRight'\"\n              size=\"md\" />\n          </div>\n        </DisclosureButton>\n        <!-- Scopes List -->\n        <DisclosurePanel as=\"template\">\n          <div>\n            <ScalarSearchInput\n              v-model=\"searchQuery\"\n              class=\"flex items-center text-xs\" />\n            <table\n              class=\"grid max-h-40 auto-rows-auto overflow-x-hidden overflow-y-scroll\"\n              :style=\"{ gridTemplateColumns: '1fr auto' }\">\n              <DataTableRow\n                v-for=\"{ id, label, description } in filteredScopes\"\n                :key=\"id\"\n                class=\"text-c-2\"\n                @click=\"setScope(id, !selectedScopes.includes(id))\">\n                <DataTableCell\n                  class=\"no-scrollbar hover:text-c-1 box-border flex !max-h-[initial] w-full cursor-pointer items-center gap-1 overflow-x-scroll px-3 py-1.5 text-nowrap\">\n                  <span class=\"font-code text-xs\">{{ label }}</span>\n                  <span>&ndash;</span>\n                  <span v-if=\"description\">\n                    {{ description }}\n                  </span>\n                </DataTableCell>\n                <DataTableCheckbox\n                  :modelValue=\"selectedScopes.includes(id)\"\n                  @update:modelValue=\"setScope(id, $event)\" />\n              </DataTableRow>\n            </table>\n          </div>\n        </DisclosurePanel>\n      </Disclosure>\n    </div>\n\n    <!-- Add new scope modal -->\n    <OAuthScopesAddModal\n      :scopes=\"Object.keys(flow.scopes ?? {})\"\n      :state=\"addNewScopeModal\"\n      @submit=\"\n        (payload) =>\n          emits('update:selectedScopes', {\n            scopes: selectedScopes,\n            newScopePayload: { ...payload, flowType },\n          })\n      \" />\n  </DataTableCell>\n</template>\n\n<style>\n.no-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.no-scrollbar {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,141 @@
+import DataTableCell_default from "../../../../components/DataTable/DataTableCell.vue.js";
+import DataTableCheckbox_default from "../../../../components/DataTable/DataTableCheckbox.vue.js";
+import DataTableRow_default from "../../../../components/DataTable/DataTableRow.vue.js";
+import OAuthScopesAddModal_default from "./OAuthScopesAddModal.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { ScalarButton, ScalarIcon, ScalarSearchInput, useModal } from "@scalar/components";
+import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
+//#region src/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-fit w-full" };
+var _hoisted_2 = { class: "flex-1" };
+var _hoisted_3 = { class: "flex items-center gap-1.75" };
+var _hoisted_4 = {
+	class: "grid max-h-40 auto-rows-auto overflow-x-hidden overflow-y-scroll",
+	style: { gridTemplateColumns: "1fr auto" }
+};
+var _hoisted_5 = { class: "font-code text-xs" };
+var _hoisted_6 = { key: 0 };
+var OAuthScopesInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "OAuthScopesInput",
+	props: {
+		flowType: {},
+		flow: {},
+		selectedScopes: {}
+	},
+	emits: ["update:selectedScopes"],
+	setup(__props, { emit: __emit }) {
+		const emits = __emit;
+		const searchQuery = ref("");
+		/** List of all available scopes */
+		const scopes = computed(() => Object.entries(__props.flow?.scopes ?? {}).map(([key, val]) => ({
+			id: key,
+			label: key,
+			description: val
+		})));
+		const filteredScopes = computed(() => {
+			if (!searchQuery.value) return scopes.value;
+			const regex = new RegExp(searchQuery.value.split("").map((c) => c.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join(".*"), "i");
+			return scopes.value.filter(({ label, description }) => regex.test(`${label} ${description}`));
+		});
+		const allScopesSelected = computed(() => __props.selectedScopes.length === Object.keys(__props.flow?.scopes ?? {}).length);
+		function setScope(scopeKey, checked) {
+			if (checked) return emits("update:selectedScopes", { scopes: Array.from(new Set([...__props.selectedScopes, scopeKey])) });
+			emits("update:selectedScopes", { scopes: __props.selectedScopes.filter((scope) => scope !== scopeKey) });
+		}
+		/** Select all scopes */
+		const selectAllScopes = () => emits("update:selectedScopes", { scopes: Object.keys(__props.flow?.scopes ?? {}) });
+		/** Deselect all scopes */
+		const deselectAllScopes = () => emits("update:selectedScopes", { scopes: [] });
+		const addNewScopeModal = useModal();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DataTableCell_default), { class: "h-auto !max-h-[initial] min-h-8 items-center" }, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [_cache[7] || (_cache[7] = createElementVNode("div", { class: "text-c-1 h-full items-center" }, null, -1)), createVNode(unref(Disclosure), {
+					as: "div",
+					class: "bl flex w-full flex-col"
+				}, {
+					default: withCtx(() => [createVNode(unref(DisclosureButton), { class: normalizeClass(["group/scopes-accordion hover:text-c-1 flex h-auto min-h-8 cursor-pointer items-center gap-1.5 pr-2.25 pl-3 text-left", (__props.selectedScopes.length || 0) > 0 ? "text-c-1" : "text-c-3"]) }, {
+						default: withCtx(({ open }) => [createElementVNode("div", _hoisted_2, " Scopes Selected " + toDisplayString(__props.selectedScopes.length || 0) + " / " + toDisplayString(Object.keys(__props.flow?.scopes ?? {}).length || 0), 1), createElementVNode("div", _hoisted_3, [
+							createVNode(unref(ScalarButton), {
+								class: "pr-0.75 pl-1 transition-none",
+								size: "sm",
+								variant: "ghost",
+								onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(addNewScopeModal).show(), ["stop"]))
+							}, {
+								default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Add Scope ", -1)])]),
+								_: 1
+							}),
+							allScopesSelected.value ? (openBlock(), createBlock(unref(ScalarButton), {
+								key: 0,
+								class: "pr-0.75 pl-1 transition-none",
+								size: "sm",
+								variant: "ghost",
+								onClick: withModifiers(deselectAllScopes, ["stop"])
+							}, {
+								default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Deselect All ", -1)])]),
+								_: 1
+							})) : createCommentVNode("", true),
+							!allScopesSelected.value ? (openBlock(), createBlock(unref(ScalarButton), {
+								key: 1,
+								class: "pr-0.75 pl-1 transition-none",
+								size: "sm",
+								variant: "ghost",
+								onClick: withModifiers(selectAllScopes, ["stop"])
+							}, {
+								default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" Select All ", -1)])]),
+								_: 1
+							})) : createCommentVNode("", true),
+							createVNode(unref(ScalarIcon), {
+								class: "text-c-3 group-hover/scopes-accordion:text-c-2",
+								icon: open ? "ChevronDown" : "ChevronRight",
+								size: "md"
+							}, null, 8, ["icon"])
+						])]),
+						_: 1
+					}, 8, ["class"]), createVNode(unref(DisclosurePanel), { as: "template" }, {
+						default: withCtx(() => [createElementVNode("div", null, [createVNode(unref(ScalarSearchInput), {
+							modelValue: searchQuery.value,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchQuery.value = $event),
+							class: "flex items-center text-xs"
+						}, null, 8, ["modelValue"]), createElementVNode("table", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredScopes.value, ({ id, label, description }) => {
+							return openBlock(), createBlock(unref(DataTableRow_default), {
+								key: id,
+								class: "text-c-2",
+								onClick: ($event) => setScope(id, !__props.selectedScopes.includes(id))
+							}, {
+								default: withCtx(() => [createVNode(unref(DataTableCell_default), { class: "no-scrollbar hover:text-c-1 box-border flex !max-h-[initial] w-full cursor-pointer items-center gap-1 overflow-x-scroll px-3 py-1.5 text-nowrap" }, {
+									default: withCtx(() => [
+										createElementVNode("span", _hoisted_5, toDisplayString(label), 1),
+										_cache[6] || (_cache[6] = createElementVNode("span", null, "–", -1)),
+										description ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(description), 1)) : createCommentVNode("", true)
+									]),
+									_: 2
+								}, 1024), createVNode(unref(DataTableCheckbox_default), {
+									modelValue: __props.selectedScopes.includes(id),
+									"onUpdate:modelValue": ($event) => setScope(id, $event)
+								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								_: 2
+							}, 1032, ["onClick"]);
+						}), 128))])])]),
+						_: 1
+					})]),
+					_: 1
+				})]), createVNode(OAuthScopesAddModal_default, {
+					scopes: Object.keys(__props.flow.scopes ?? {}),
+					state: unref(addNewScopeModal),
+					onSubmit: _cache[2] || (_cache[2] = (payload) => emits("update:selectedScopes", {
+						scopes: __props.selectedScopes,
+						newScopePayload: {
+							...payload,
+							flowType: __props.flowType
+						}
+					}))
+				}, null, 8, ["scopes", "state"])]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { OAuthScopesInput_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=OAuthScopesInput.vue.script.js.map

package/dist/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthScopesInput.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport {\n  ScalarButton,\n  ScalarIcon,\n  ScalarSearchInput,\n  useModal,\n} from '@scalar/components'\nimport type { ApiReferenceEvents } from '@scalar/workspace-store/events'\nimport type {\n  OAuthFlow,\n  OAuthFlowsObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref } from 'vue'\n\nimport {\n  DataTableCell,\n  DataTableCheckbox,\n  DataTableRow,\n} from '@/components/DataTable'\n\nimport OAuthScopesAddModal from './OAuthScopesAddModal.vue'\n\nconst { selectedScopes, flow, flowType } = defineProps<{\n  flowType: keyof OAuthFlowsObject\n  flow: OAuthFlow\n  selectedScopes: string[]\n}>()\n\nconst emits = defineEmits<{\n  (\n    e: 'update:selectedScopes',\n    payload: Pick<\n      ApiReferenceEvents['auth:update:selected-scopes'],\n      'scopes' | 'newScopePayload'\n    >,\n  ): void\n}>()\n\nconst searchQuery = ref('')\n\n/** List of all available scopes */\nconst scopes = computed(() =>\n  Object.entries(flow?.scopes ?? {}).map(([key, val]) => ({\n    id: key,\n    label: key,\n    description: val,\n  })),\n)\n\nconst filteredScopes = computed(() => {\n  if (!searchQuery.value) {\n    return scopes.value\n  }\n\n  const regex = new RegExp(\n    searchQuery.value\n      .split('')\n      .map((c) => c.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'))\n      .join('.*'),\n    'i',\n  )\n\n  return scopes.value.filter(({ label, description }) =>\n    regex.test(`${label} ${description}`),\n  )\n})\n\nconst allScopesSelected = computed(\n  () => selectedScopes.length === Object.keys(flow?.scopes ?? {}).length,\n)\n\nfunction setScope(scopeKey: string, checked: boolean) {\n  if (checked) {\n    // Select the scope\n    return emits('update:selectedScopes', {\n      scopes: Array.from(new Set([...selectedScopes, scopeKey])),\n    })\n  }\n\n  // Deselect the scope\n  emits('update:selectedScopes', {\n    scopes: selectedScopes.filter((scope) => scope !== scopeKey),\n  })\n}\n\n/** Select all scopes */\nconst selectAllScopes = () =>\n  emits('update:selectedScopes', { scopes: Object.keys(flow?.scopes ?? {}) })\n\n/** Deselect all scopes */\nconst deselectAllScopes = () => emits('update:selectedScopes', { scopes: [] })\n\nconst addNewScopeModal = useModal()\n</script>\n\n<template>\n  <DataTableCell class=\"h-auto !max-h-[initial] min-h-8 items-center\">\n    <div class=\"flex h-fit w-full\">\n      <div class=\"text-c-1 h-full items-center\"></div>\n      <Disclosure\n        as=\"div\"\n        class=\"bl flex w-full flex-col\">\n        <DisclosureButton\n          v-slot=\"{ open }\"\n          :class=\"[\n            'group/scopes-accordion hover:text-c-1 flex h-auto min-h-8 cursor-pointer items-center gap-1.5 pr-2.25 pl-3 text-left',\n            (selectedScopes.length || 0) > 0 ? 'text-c-1' : 'text-c-3',\n          ]\">\n          <div class=\"flex-1\">\n            Scopes Selected\n            {{ selectedScopes.length || 0 }} /\n            {{ Object.keys(flow?.scopes ?? {}).length || 0 }}\n          </div>\n          <div class=\"flex items-center gap-1.75\">\n            <!-- Add new scope -->\n            <ScalarButton\n              class=\"pr-0.75 pl-1 transition-none\"\n              size=\"sm\"\n              variant=\"ghost\"\n              @click.stop=\"addNewScopeModal.show()\">\n              Add Scope\n            </ScalarButton>\n\n            <!-- Deselect All -->\n            <ScalarButton\n              v-if=\"allScopesSelected\"\n              class=\"pr-0.75 pl-1 transition-none\"\n              size=\"sm\"\n              variant=\"ghost\"\n              @click.stop=\"deselectAllScopes\">\n              Deselect All\n            </ScalarButton>\n\n            <!-- Select All -->\n            <ScalarButton\n              v-if=\"!allScopesSelected\"\n              class=\"pr-0.75 pl-1 transition-none\"\n              size=\"sm\"\n              variant=\"ghost\"\n              @click.stop=\"selectAllScopes\">\n              Select All\n            </ScalarButton>\n\n            <ScalarIcon\n              class=\"text-c-3 group-hover/scopes-accordion:text-c-2\"\n              :icon=\"open ? 'ChevronDown' : 'ChevronRight'\"\n              size=\"md\" />\n          </div>\n        </DisclosureButton>\n        <!-- Scopes List -->\n        <DisclosurePanel as=\"template\">\n          <div>\n            <ScalarSearchInput\n              v-model=\"searchQuery\"\n              class=\"flex items-center text-xs\" />\n            <table\n              class=\"grid max-h-40 auto-rows-auto overflow-x-hidden overflow-y-scroll\"\n              :style=\"{ gridTemplateColumns: '1fr auto' }\">\n              <DataTableRow\n                v-for=\"{ id, label, description } in filteredScopes\"\n                :key=\"id\"\n                class=\"text-c-2\"\n                @click=\"setScope(id, !selectedScopes.includes(id))\">\n                <DataTableCell\n                  class=\"no-scrollbar hover:text-c-1 box-border flex !max-h-[initial] w-full cursor-pointer items-center gap-1 overflow-x-scroll px-3 py-1.5 text-nowrap\">\n                  <span class=\"font-code text-xs\">{{ label }}</span>\n                  <span>&ndash;</span>\n                  <span v-if=\"description\">\n                    {{ description }}\n                  </span>\n                </DataTableCell>\n                <DataTableCheckbox\n                  :modelValue=\"selectedScopes.includes(id)\"\n                  @update:modelValue=\"setScope(id, $event)\" />\n              </DataTableRow>\n            </table>\n          </div>\n        </DisclosurePanel>\n      </Disclosure>\n    </div>\n\n    <!-- Add new scope modal -->\n    <OAuthScopesAddModal\n      :scopes=\"Object.keys(flow.scopes ?? {})\"\n      :state=\"addNewScopeModal\"\n      @submit=\"\n        (payload) =>\n          emits('update:selectedScopes', {\n            scopes: selectedScopes,\n            newScopePayload: { ...payload, flowType },\n          })\n      \" />\n  </DataTableCell>\n</template>\n\n<style>\n.no-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.no-scrollbar {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n</style>\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import OpenIDConnect_vue_vue_type_script_setup_true_lang_default from "./OpenIDConnect.vue.script.js";
+//#region src/v2/blocks/scalar-auth-selector-block/components/OpenIDConnect.vue
+var OpenIDConnect_default = OpenIDConnect_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { OpenIDConnect_default as default };
+
+//# sourceMappingURL=OpenIDConnect.vue.js.map