@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/SamlOnboarding-BTdQ_hr3.js

@@ -0,0 +1,78 @@
+import { It as ref, P as defineComponent, Pt as reactive, T as createBlock, et as openBlock } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import "./src-jviYSG25.js";
+import "./en-CF30SCh2.js";
+import "./preload-helper-dyVz7ck7.js";
+import "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import "./truncate-C0KYt7i3.js";
+import { Er as useUsersStore, y as useToast } from "./builder.store-Czk2ipDE.js";
+import "./empty-BuGRxzl4.js";
+import { v as useRouter } from "./get-BcEmeOxn.js";
+import "./sanitize-html-CbW56HUN.js";
+import "./CalendarDate-DgQUMbNo.js";
+import "./path-browserify-RUt2u7iT.js";
+import "./_MapCache-CcdIl4Ae.js";
+import { Ro as VIEWS } from "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import "./sso.store-DyApJwhx.js";
+import { t as AuthView_default } from "./AuthView-D2LWHrMp.js";
+var SamlOnboarding_default = /* @__PURE__ */ defineComponent({
+	__name: "SamlOnboarding",
+	setup(__props) {
+		const router = useRouter();
+		const locale = useI18n();
+		const toast = useToast();
+		const usersStore = useUsersStore();
+		const loading = ref(false);
+		const FORM_CONFIG = reactive({
+			title: locale.baseText("auth.signup.setupYourAccount"),
+			buttonText: locale.baseText("auth.signup.finishAccountSetup"),
+			inputs: [{
+				name: "firstName",
+				initialValue: usersStore.currentUser?.firstName,
+				properties: {
+					label: locale.baseText("auth.firstName"),
+					maxlength: 32,
+					required: true,
+					autocomplete: "given-name",
+					capitalize: true
+				}
+			}, {
+				name: "lastName",
+				initialValue: usersStore.currentUser?.lastName,
+				properties: {
+					label: locale.baseText("auth.lastName"),
+					maxlength: 32,
+					required: true,
+					autocomplete: "family-name",
+					capitalize: true
+				}
+			}]
+		});
+		const isFormWithFirstAndLastName = (values) => {
+			return "firstName" in values && "lastName" in values;
+		};
+		const onSubmit = async (values) => {
+			if (!isFormWithFirstAndLastName(values)) return;
+			try {
+				loading.value = true;
+				await usersStore.updateUserName(values);
+				await router.push({ name: VIEWS.HOMEPAGE });
+			} catch (error) {
+				loading.value = false;
+				toast.showError(error, "Error", error.message);
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(AuthView_default, {
+				form: FORM_CONFIG,
+				"form-loading": loading.value,
+				onSubmit
+			}, null, 8, ["form", "form-loading"]);
+		};
+	}
+});
+export { SamlOnboarding_default as default };

package/dist/assets/SaveButton-D5sQSxIk.js

@@ -0,0 +1,89 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, Gt as unref, M as createVNode, P as defineComponent, T as createBlock, _ as Fragment, bt as withCtx, et as openBlock, h as withModifiers, vn as normalizeClass } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { xn as N8nButton_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { t as KeyboardShortcutTooltip_default } from "./KeyboardShortcutTooltip-D8PAK5JP.js";
+var SaveButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SaveButton",
+	props: {
+		saved: { type: Boolean },
+		isSaving: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		type: { default: "primary" },
+		withShortcut: {
+			type: Boolean,
+			default: false
+		},
+		shortcutTooltip: {},
+		savingLabel: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const i18n = useI18n();
+		const saveButtonLabel = computed(() => {
+			return props.isSaving ? props.savingLabel ?? i18n.baseText("saveButton.saving") : i18n.baseText("saveButton.save");
+		});
+		const shortcutTooltipLabel = computed(() => {
+			return props.shortcutTooltip ?? i18n.baseText("saveButton.save");
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass(_ctx.$style.container),
+				"data-test-id": "save-button"
+			}, [_ctx.saved ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(_ctx.$style.saved),
+				onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent", "stop"]))
+			}, toDisplayString(unref(i18n).baseText("saveButton.saved")), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [_ctx.withShortcut ? (openBlock(), createBlock(KeyboardShortcutTooltip_default, {
+				key: 0,
+				label: shortcutTooltipLabel.value,
+				shortcut: {
+					keys: ["s"],
+					metaKey: true
+				},
+				placement: "bottom"
+			}, {
+				default: withCtx(() => [createVNode(unref(N8nButton_default), {
+					label: saveButtonLabel.value,
+					loading: _ctx.isSaving,
+					disabled: _ctx.disabled,
+					class: normalizeClass(_ctx.$style.button),
+					type: _ctx.type
+				}, null, 8, [
+					"label",
+					"loading",
+					"disabled",
+					"class",
+					"type"
+				])]),
+				_: 1
+			}, 8, ["label"])) : (openBlock(), createBlock(unref(N8nButton_default), {
+				key: 1,
+				label: saveButtonLabel.value,
+				loading: _ctx.isSaving,
+				disabled: _ctx.disabled,
+				class: normalizeClass(_ctx.$style.button),
+				type: _ctx.type
+			}, null, 8, [
+				"label",
+				"loading",
+				"disabled",
+				"class",
+				"type"
+			]))], 64))], 2);
+		};
+	}
+});
+var SaveButton_vue_vue_type_style_index_0_lang_module_default = {
+	container: "_container_cqvm4_123",
+	button: "_button_cqvm4_130",
+	saved: "_saved_cqvm4_134"
+};
+var SaveButton_default = /* @__PURE__ */ __plugin_vue_export_helper_default(SaveButton_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": SaveButton_vue_vue_type_style_index_0_lang_module_default }]]);
+export { SaveButton_default as t };

package/dist/assets/SelectedItemsInfo-BHZ-NvF5.js

@@ -0,0 +1,58 @@
+import { Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, M as createVNode, P as defineComponent, et as openBlock, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { xn as N8nButton_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+var SelectedItemsInfo_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectedItemsInfo",
+	props: { selectedCount: {} },
+	emits: ["deleteSelected", "clearSelection"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const i18n = useI18n();
+		const getSelectedText = () => {
+			return i18n.baseText("generic.list.selected", {
+				adjustToNumber: props.selectedCount,
+				interpolate: { count: `${props.selectedCount}` }
+			});
+		};
+		const getClearSelectionText = () => {
+			return i18n.baseText("generic.list.clearSelection");
+		};
+		const handleDeleteSelected = () => {
+			emit("deleteSelected");
+		};
+		const handleClearSelection = () => {
+			emit("clearSelection");
+		};
+		return (_ctx, _cache) => {
+			return _ctx.selectedCount > 0 ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(_ctx.$style.selectionOptions),
+				"data-test-id": `selected-items-info`
+			}, [
+				createBaseVNode("span", null, toDisplayString(getSelectedText()), 1),
+				createVNode(unref(N8nButton_default), {
+					type: "tertiary",
+					"data-test-id": "delete-selected-button",
+					label: unref(i18n).baseText("generic.delete"),
+					class: normalizeClass(_ctx.$style.button),
+					onClick: handleDeleteSelected
+				}, null, 8, ["label", "class"]),
+				createVNode(unref(N8nButton_default), {
+					type: "tertiary",
+					"data-test-id": "clear-selection-button",
+					label: getClearSelectionText(),
+					class: normalizeClass(_ctx.$style.button),
+					onClick: handleClearSelection
+				}, null, 8, ["label", "class"])
+			], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+var SelectedItemsInfo_vue_vue_type_style_index_0_lang_module_default = {
+	selectionOptions: "_selectionOptions_1rr85_123",
+	button: "_button_1rr85_139"
+};
+var SelectedItemsInfo_default = /* @__PURE__ */ __plugin_vue_export_helper_default(SelectedItemsInfo_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": SelectedItemsInfo_vue_vue_type_style_index_0_lang_module_default }]]);
+export { SelectedItemsInfo_default as t };

package/dist/assets/SettingsApiView-IfZTMXx1.js

@@ -0,0 +1,313 @@
+import { Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, Z as onMounted, _ as Fragment, bt as withCtx, et as openBlock, it as renderList, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { it as I18nT, rt as useI18n } from "./core-CRbPymLT.js";
+import { Ct as N8nActionBox_default, bn as N8nText_default, et as N8nCard_default, it as N8nActionToggle_default, mt as N8nLink_default, vn as N8nHeading_default, xn as N8nButton_default } from "./src-jviYSG25.js";
+import "./en-CF30SCh2.js";
+import "./preload-helper-dyVz7ck7.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import "./truncate-C0KYt7i3.js";
+import { Xn as useDocumentTitle, aa as useUIStore, h as useMessage, k as useTelemetry, la as API_KEY_CREATE_OR_EDIT_MODAL_KEY, m as useCloudPlanStore, ms as useSettingsStore, y as useToast } from "./builder.store-Czk2ipDE.js";
+import "./empty-BuGRxzl4.js";
+import { n as ElRow, t as ElCol } from "./col-Cmt4cmuS.js";
+import "./get-BcEmeOxn.js";
+import "./sanitize-html-CbW56HUN.js";
+import "./CalendarDate-DgQUMbNo.js";
+import "./path-browserify-RUt2u7iT.js";
+import "./_MapCache-CcdIl4Ae.js";
+import { Ha as DateTime, m as DOCS_DOMAIN, rs as MODAL_CONFIRM } from "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import { A as storeToRefs, r as useRootStore } from "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import "./versions.store-B1z2OrLE.js";
+import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-DjkznpX6.js";
+import { t as useApiKeysStore } from "./apiKeys.store-BhOFmP2j.js";
+var ApiKeyCard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ApiKeyCard",
+	props: { apiKey: {} },
+	emits: ["edit", "delete"],
+	setup(__props, { emit: __emit }) {
+		const API_KEY_ITEM_ACTIONS = {
+			EDIT: "edit",
+			DELETE: "delete"
+		};
+		const ACTION_LIST = [{
+			label: "Edit",
+			value: API_KEY_ITEM_ACTIONS.EDIT
+		}, {
+			label: "Delete",
+			value: API_KEY_ITEM_ACTIONS.DELETE
+		}];
+		const i18n = useI18n();
+		const cardActions$1 = ref(null);
+		const props = __props;
+		const emit = __emit;
+		async function onAction(action) {
+			if (action === API_KEY_ITEM_ACTIONS.EDIT) emit("edit", props.apiKey.id);
+			else if (action === API_KEY_ITEM_ACTIONS.DELETE) emit("delete", props.apiKey.id);
+		}
+		const hasApiKeyExpired = (apiKey) => {
+			if (!apiKey.expiresAt) return false;
+			return apiKey.expiresAt <= Date.now() / 1e3;
+		};
+		const getExpirationTime = (apiKey) => {
+			if (!apiKey.expiresAt) return i18n.baseText("settings.api.neverExpires");
+			if (hasApiKeyExpired(apiKey)) return i18n.baseText("settings.api.expired");
+			const time = DateTime.fromSeconds(apiKey.expiresAt).toFormat("ccc, MMM d yyyy");
+			return i18n.baseText("settings.api.expirationTime", { interpolate: { time } });
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nCard_default), {
+				class: normalizeClass(_ctx.$style.cardLink),
+				"data-test-id": "api-key-card",
+				onClick: _cache[0] || (_cache[0] = ($event) => onAction("edit"))
+			}, {
+				header: withCtx(() => [createBaseVNode("div", null, [createVNode(unref(N8nText_default), {
+					tag: "h2",
+					bold: "",
+					class: normalizeClass(_ctx.$style.cardHeading)
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.apiKey.label), 1)]),
+					_: 1
+				}, 8, ["class"]), createBaseVNode("div", { class: normalizeClass([_ctx.$style.cardDescription]) }, [createVNode(unref(N8nText_default), {
+					color: !hasApiKeyExpired(_ctx.apiKey) ? "text-light" : "warning",
+					size: "small"
+				}, {
+					default: withCtx(() => [createBaseVNode("span", null, toDisplayString(getExpirationTime(_ctx.apiKey)), 1)]),
+					_: 1
+				}, 8, ["color"])], 2)]), _ctx.apiKey.apiKey.includes("*") ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(_ctx.$style.cardApiKey)
+				}, [createVNode(unref(N8nText_default), {
+					color: "text-light",
+					size: "small"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.apiKey.apiKey), 1)]),
+					_: 1
+				})], 2)) : createCommentVNode("", true)]),
+				append: withCtx(() => [createBaseVNode("div", {
+					ref_key: "cardActions",
+					ref: cardActions$1,
+					class: normalizeClass(_ctx.$style.cardActions)
+				}, [createVNode(unref(N8nActionToggle_default), {
+					actions: ACTION_LIST,
+					theme: "dark",
+					onAction
+				})], 2)]),
+				_: 1
+			}, 8, ["class"]);
+		};
+	}
+});
+var ApiKeyCard_vue_vue_type_style_index_0_lang_module_default = {
+	cardLink: "_cardLink_16gkp_123",
+	cardHeading: "_cardHeading_16gkp_133",
+	cardDescription: "_cardDescription_16gkp_140",
+	cardActions: "_cardActions_16gkp_147",
+	cardApiKey: "_cardApiKey_16gkp_156"
+};
+var ApiKeyCard_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ApiKeyCard_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ApiKeyCard_vue_vue_type_style_index_0_lang_module_default }]]);
+var _hoisted_1 = { style: {
+	fontSize: "var(--font-size--sm)",
+	color: "var(--color--text--tint-1)"
+} };
+var _hoisted_2 = ["textContent"];
+var _hoisted_3 = ["textContent"];
+var _hoisted_4 = { class: "mt-m text-right" };
+var SettingsApiView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SettingsApiView",
+	setup(__props) {
+		const settingsStore = useSettingsStore();
+		const uiStore = useUIStore();
+		const cloudPlanStore = useCloudPlanStore();
+		const { showError, showMessage } = useToast();
+		const { confirm } = useMessage();
+		const documentTitle = useDocumentTitle();
+		const i18n = useI18n();
+		const { goToUpgrade } = usePageRedirectionHelper();
+		const telemetry = useTelemetry();
+		const loading = ref(false);
+		const apiKeysStore = useApiKeysStore();
+		const { getAndCacheApiKeys, deleteApiKey, getApiKeyAvailableScopes } = apiKeysStore;
+		const { apiKeysSortByCreationDate } = storeToRefs(apiKeysStore);
+		const { isSwaggerUIEnabled, publicApiPath, publicApiLatestVersion } = settingsStore;
+		const { baseUrl } = useRootStore();
+		const { isPublicApiEnabled } = settingsStore;
+		const apiDocsURL = ref("");
+		const onCreateApiKey = async () => {
+			telemetry.track("User clicked create API key button");
+			uiStore.openModalWithData({
+				name: API_KEY_CREATE_OR_EDIT_MODAL_KEY,
+				data: { mode: "new" }
+			});
+		};
+		onMounted(async () => {
+			documentTitle.set(i18n.baseText("settings.api"));
+			apiDocsURL.value = isSwaggerUIEnabled ? `${baseUrl}${publicApiPath}/v${publicApiLatestVersion}/docs` : `https://${DOCS_DOMAIN}/api/api-reference/`;
+			if (!isPublicApiEnabled) return;
+			await getApiKeysAndScopes();
+		});
+		function onUpgrade() {
+			goToUpgrade("settings-n8n-api", "upgrade-api", "redirect");
+		}
+		async function getApiKeysAndScopes() {
+			try {
+				loading.value = true;
+				await Promise.all([getAndCacheApiKeys(), getApiKeyAvailableScopes()]);
+			} catch (error) {
+				showError(error, i18n.baseText("settings.api.view.error"));
+			} finally {
+				loading.value = false;
+			}
+		}
+		async function onDelete(id) {
+			if (await confirm(i18n.baseText("settings.api.delete.description"), i18n.baseText("settings.api.delete.title"), {
+				confirmButtonText: i18n.baseText("settings.api.delete.button"),
+				cancelButtonText: i18n.baseText("generic.cancel")
+			}) === "confirm") try {
+				await deleteApiKey(id);
+				showMessage({
+					title: i18n.baseText("settings.api.delete.toast"),
+					type: "success"
+				});
+			} catch (e) {
+				showError(e, i18n.baseText("settings.api.delete.error"));
+			} finally {
+				telemetry.track("User clicked delete API key button");
+			}
+		}
+		function onEdit(id) {
+			uiStore.openModalWithData({
+				name: API_KEY_CREATE_OR_EDIT_MODAL_KEY,
+				data: {
+					mode: "edit",
+					activeId: id
+				}
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.container) }, [
+				createBaseVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createVNode(unref(N8nHeading_default), { size: "2xlarge" }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.api")) + " ", 1), createBaseVNode("span", _hoisted_1, " (" + toDisplayString(unref(i18n).baseText("generic.beta")) + ") ", 1)]),
+					_: 1
+				})], 2),
+				unref(isPublicApiEnabled) && unref(apiKeysSortByCreationDate).length ? (openBlock(), createElementBlock("p", {
+					key: 0,
+					class: normalizeClass(_ctx.$style.topHint)
+				}, [createVNode(unref(N8nText_default), null, {
+					default: withCtx(() => [createVNode(unref(I18nT), {
+						keypath: "settings.api.view.info",
+						tag: "span",
+						scope: "global"
+					}, {
+						apiAction: withCtx(() => [createBaseVNode("a", {
+							"data-test-id": "api-docs-link",
+							href: "https://docs.n8n.io/api",
+							target: "_blank",
+							textContent: toDisplayString(unref(i18n).baseText("settings.api.view.info.api"))
+						}, null, 8, _hoisted_2)]),
+						webhookAction: withCtx(() => [createBaseVNode("a", {
+							"data-test-id": "webhook-docs-link",
+							href: "https://docs.n8n.io/integrations/builtin/core-nodes/n8n-nodes-base.webhook/",
+							target: "_blank",
+							textContent: toDisplayString(unref(i18n).baseText("settings.api.view.info.webhook"))
+						}, null, 8, _hoisted_3)]),
+						_: 1
+					})]),
+					_: 1
+				})], 2)) : createCommentVNode("", true),
+				createBaseVNode("div", { class: normalizeClass(_ctx.$style.apiKeysContainer) }, [unref(apiKeysSortByCreationDate).length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(apiKeysSortByCreationDate), (apiKey, index) => {
+					return openBlock(), createBlock(unref(ElRow), {
+						key: apiKey.id,
+						gutter: 10,
+						class: normalizeClass([{ [_ctx.$style.destinationItem]: index !== unref(apiKeysSortByCreationDate).length - 1 }])
+					}, {
+						default: withCtx(() => [createVNode(unref(ElCol), null, {
+							default: withCtx(() => [createVNode(ApiKeyCard_default, {
+								"api-key": apiKey,
+								onDelete,
+								onEdit
+							}, null, 8, ["api-key"])]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1032, ["class"]);
+				}), 128)) : createCommentVNode("", true)], 2),
+				unref(isPublicApiEnabled) && unref(apiKeysSortByCreationDate).length ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(_ctx.$style.BottomHint)
+				}, [
+					createVNode(unref(N8nText_default), {
+						size: "small",
+						color: "text-light"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText(`settings.api.view.${unref(settingsStore).isSwaggerUIEnabled ? "tryapi" : "more-details"}`)), 1)]),
+						_: 1
+					}),
+					_cache[0] || (_cache[0] = createTextVNode(" " + toDisplayString(" ") + " ")),
+					unref(isSwaggerUIEnabled) ? (openBlock(), createBlock(unref(N8nLink_default), {
+						key: 0,
+						"data-test-id": "api-playground-link",
+						to: apiDocsURL.value,
+						"new-window": true,
+						size: "small"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.api.view.apiPlayground")), 1)]),
+						_: 1
+					}, 8, ["to"])) : (openBlock(), createBlock(unref(N8nLink_default), {
+						key: 1,
+						"data-test-id": "api-endpoint-docs-link",
+						to: apiDocsURL.value,
+						"new-window": true,
+						size: "small"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText(`settings.api.view.external-docs`)), 1)]),
+						_: 1
+					}, 8, ["to"]))
+				], 2)) : createCommentVNode("", true),
+				createBaseVNode("div", _hoisted_4, [unref(isPublicApiEnabled) && unref(apiKeysSortByCreationDate).length ? (openBlock(), createBlock(unref(N8nButton_default), {
+					key: 0,
+					size: "large",
+					onClick: onCreateApiKey
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.api.create.button")), 1)]),
+					_: 1
+				})) : createCommentVNode("", true)]),
+				!unref(isPublicApiEnabled) && unref(cloudPlanStore).userIsTrialing ? (openBlock(), createBlock(unref(N8nActionBox_default), {
+					key: 2,
+					"data-test-id": "public-api-upgrade-cta",
+					heading: unref(i18n).baseText("settings.api.trial.upgradePlan.title"),
+					description: unref(i18n).baseText("settings.api.trial.upgradePlan.description"),
+					"button-text": unref(i18n).baseText("settings.api.trial.upgradePlan.cta"),
+					"onClick:button": onUpgrade
+				}, null, 8, [
+					"heading",
+					"description",
+					"button-text"
+				])) : createCommentVNode("", true),
+				unref(isPublicApiEnabled) && !unref(apiKeysSortByCreationDate).length ? (openBlock(), createBlock(unref(N8nActionBox_default), {
+					key: 3,
+					"button-text": unref(i18n).baseText(loading.value ? "settings.api.create.button.loading" : "settings.api.create.button"),
+					description: unref(i18n).baseText("settings.api.create.description"),
+					"onClick:button": onCreateApiKey
+				}, null, 8, ["button-text", "description"])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+const header = "_header_idchl_123";
+const card = "_card_idchl_133";
+const destinationItem = "_destinationItem_idchl_137";
+const topHint = "_topHint_idchl_148";
+const BottomHint = "_BottomHint_idchl_159";
+const apiKeysContainer = "_apiKeysContainer_idchl_164";
+var SettingsApiView_vue_vue_type_style_index_0_lang_module_default = {
+	header,
+	card,
+	destinationItem,
+	"delete": "_delete_idchl_141",
+	topHint,
+	BottomHint,
+	apiKeysContainer
+};
+var SettingsApiView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(SettingsApiView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": SettingsApiView_vue_vue_type_style_index_0_lang_module_default }]]);
+export { SettingsApiView_default as default };