@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/SetupWorkflowFromTemplateView-B9NupdJE.js

@@ -0,0 +1,286 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, Z as onMounted, _ as Fragment, _t as watch, 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 { rt as useI18n } from "./core-CRbPymLT.js";
+import { at as N8nLoading_default, ht as N8nTooltip_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 { P as useWorkflowsStore, Pt as useNodeTypesStore, Yi as tryToParseNumber, _n as useCredentialsStore, k as useTelemetry, l as useTemplatesStore, x as useExternalHooks } from "./builder.store-Czk2ipDE.js";
+import "./empty-BuGRxzl4.js";
+import { _ as useRoute, 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 { k as defineStore, r as useRootStore } from "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import "./nodeIcon-D6X-ENYt.js";
+import "./NodeIcon-B9VW6tX6.js";
+import "./nodeTransforms-RzcOM0v2.js";
+import "./templateTransforms-BHWiRbtR.js";
+import { n as AppsRequiringCredsNotice_default, r as useCredentialSetupState, t as SetupTemplateFormStep_default } from "./SetupTemplateFormStep-BmiSzZin.js";
+import "./CredentialPicker-DWtj314o.js";
+import { t as createWorkflowFromTemplate } from "./templateActions-bEDSARw2.js";
+import { t as TemplatesView_default } from "./TemplatesView-025CcmIY.js";
+const useSetupTemplateStore = defineStore("setupTemplate", () => {
+	const templateId = ref("");
+	const isLoading = ref(true);
+	const isSaving = ref(false);
+	const templatesStore = useTemplatesStore();
+	const nodeTypesStore = useNodeTypesStore();
+	const credentialsStore = useCredentialsStore();
+	const rootStore = useRootStore();
+	const workflowsStore = useWorkflowsStore();
+	const template = computed(() => {
+		return templateId.value ? templatesStore.getFullTemplateById(templateId.value) : null;
+	});
+	const { appCredentials, credentialOverrides, credentialUsages, credentialsByKey, nodesRequiringCredentialsSorted, numFilledCredentials, selectedCredentialIdByKey, setSelectedCredentialId, unsetSelectedCredential } = useCredentialSetupState(computed(() => {
+		return template.value?.workflow.nodes ?? [];
+	}));
+	const setTemplateId = (id) => {
+		templateId.value = id;
+	};
+	const ignoredAutoFillCredentialTypes = new Set([
+		"httpBasicAuth",
+		"httpCustomAuth",
+		"httpDigestAuth",
+		"httpHeaderAuth",
+		"oAuth1Api",
+		"oAuth2Api",
+		"httpQueryAuth"
+	]);
+	const setInitialCredentialSelection = () => {
+		for (const credUsage of credentialUsages.value) {
+			if (ignoredAutoFillCredentialTypes.has(credUsage.credentialType)) continue;
+			const availableCreds = credentialsStore.getCredentialsByType(credUsage.credentialType);
+			if (availableCreds.length === 1) selectedCredentialIdByKey.value[credUsage.key] = availableCreds[0].id;
+		}
+	};
+	const loadTemplateIfNeeded = async () => {
+		if (!!template.value || !templateId.value) return;
+		await templatesStore.fetchTemplateById(templateId.value);
+		setInitialCredentialSelection();
+	};
+	const init = async () => {
+		isLoading.value = true;
+		try {
+			selectedCredentialIdByKey.value = {};
+			await Promise.all([
+				credentialsStore.fetchAllCredentials(),
+				credentialsStore.fetchCredentialTypes(false),
+				nodeTypesStore.loadNodeTypesIfNotLoaded(),
+				loadTemplateIfNeeded()
+			]);
+			setInitialCredentialSelection();
+		} finally {
+			isLoading.value = false;
+		}
+	};
+	const skipSetup = async ({ router }) => {
+		const externalHooks = useExternalHooks();
+		const telemetry = useTelemetry();
+		await externalHooks.run("templatesWorkflowView.openWorkflow", {
+			source: "workflow",
+			template_id: templateId.value,
+			wf_template_repo_session_id: templatesStore.currentSessionId
+		});
+		telemetry.track("User closed cred setup", {
+			completed: false,
+			creds_filled: 0,
+			creds_needed: credentialUsages.value.length,
+			workflow_id: null
+		});
+		await router.replace({
+			name: VIEWS.TEMPLATE_IMPORT,
+			params: { id: templateId.value }
+		});
+	};
+	const createWorkflow = async (opts) => {
+		const { router } = opts;
+		const telemetry = useTelemetry();
+		if (!template.value) return;
+		try {
+			isSaving.value = true;
+			const createdWorkflow = await createWorkflowFromTemplate({
+				template: template.value,
+				credentialOverrides: credentialOverrides.value,
+				rootStore,
+				workflowsStore,
+				nodeTypeProvider: nodeTypesStore
+			});
+			telemetry.track("User closed cred setup", {
+				completed: true,
+				creds_filled: numFilledCredentials.value,
+				creds_needed: credentialUsages.value.length,
+				workflow_id: createdWorkflow.id
+			});
+			telemetry.track("User inserted workflow template", {
+				source: "workflow",
+				template_id: tryToParseNumber(templateId.value),
+				wf_template_repo_session_id: templatesStore.currentSessionId
+			});
+			telemetry.track("User saved new workflow from template", {
+				template_id: tryToParseNumber(templateId.value),
+				workflow_id: createdWorkflow.id,
+				wf_template_repo_session_id: templatesStore.currentSessionId
+			});
+			await router.replace({
+				name: VIEWS.WORKFLOW,
+				params: { name: createdWorkflow.id }
+			});
+		} finally {
+			isSaving.value = false;
+		}
+	};
+	return {
+		credentialsByKey,
+		isLoading,
+		isSaving,
+		appCredentials,
+		nodesRequiringCredentialsSorted,
+		template,
+		credentialUsages,
+		selectedCredentialIdByKey,
+		credentialOverrides,
+		numFilledCredentials,
+		createWorkflow,
+		skipSetup,
+		init,
+		loadTemplateIfNeeded,
+		setInitialCredentialSelection,
+		setTemplateId,
+		setSelectedCredentialId,
+		unsetSelectedCredential
+	};
+});
+var _hoisted_1 = { key: 1 };
+var SetupWorkflowFromTemplateView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SetupWorkflowFromTemplateView",
+	setup(__props) {
+		const setupTemplateStore = useSetupTemplateStore();
+		const i18n = useI18n();
+		const route = useRoute();
+		const router = useRouter();
+		const templateId = computed(() => Array.isArray(route.params.id) ? route.params.id[0] : route.params.id);
+		const title = computed(() => setupTemplateStore.template?.name ?? "unknown");
+		const isReady = computed(() => !setupTemplateStore.isLoading);
+		const skipSetupUrl = computed(() => {
+			return router.resolve({
+				name: VIEWS.TEMPLATE_IMPORT,
+				params: { id: templateId.value }
+			}).fullPath;
+		});
+		watch(templateId, async (newTemplateId) => {
+			setupTemplateStore.setTemplateId(newTemplateId);
+			await setupTemplateStore.loadTemplateIfNeeded();
+		});
+		const onSkipSetup = async (event) => {
+			event.preventDefault();
+			await setupTemplateStore.skipSetup({ router });
+		};
+		const skipIfTemplateHasNoCreds = async () => {
+			if (!!!setupTemplateStore.template) return false;
+			if (setupTemplateStore.credentialUsages.length === 0) {
+				await setupTemplateStore.skipSetup({ router });
+				return true;
+			}
+			return false;
+		};
+		setupTemplateStore.setTemplateId(templateId.value);
+		onMounted(async () => {
+			await setupTemplateStore.init();
+			await skipIfTemplateHasNoCreds();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(TemplatesView_default, { "go-back-enabled": true }, {
+				header: withCtx(() => [isReady.value ? (openBlock(), createBlock(unref(N8nHeading_default), {
+					key: 0,
+					tag: "h1",
+					size: "2xlarge"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("templateSetup.title", { interpolate: { name: title.value } })), 1)]),
+					_: 1
+				})) : (openBlock(), createBlock(unref(N8nLoading_default), {
+					key: 1,
+					variant: "h1"
+				}))]),
+				content: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.grid) }, [
+					createBaseVNode("div", {
+						class: normalizeClass(_ctx.$style.notice),
+						"data-test-id": "info-callout"
+					}, [isReady.value ? (openBlock(), createBlock(AppsRequiringCredsNotice_default, {
+						key: 0,
+						"app-credentials": unref(setupTemplateStore).appCredentials
+					}, null, 8, ["app-credentials"])) : (openBlock(), createBlock(unref(N8nLoading_default), {
+						key: 1,
+						variant: "p"
+					}))], 2),
+					createBaseVNode("div", null, [isReady.value ? (openBlock(), createElementBlock("ol", {
+						key: 0,
+						class: normalizeClass(_ctx.$style.appCredentialsContainer)
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(setupTemplateStore).credentialUsages, (credentials, index) => {
+						return openBlock(), createBlock(SetupTemplateFormStep_default, {
+							key: credentials.key,
+							class: normalizeClass(_ctx.$style.appCredential),
+							order: index + 1,
+							credentials,
+							"selected-credential-id": unref(setupTemplateStore).selectedCredentialIdByKey[credentials.key],
+							onCredentialSelected: _cache[0] || (_cache[0] = ($event) => unref(setupTemplateStore).setSelectedCredentialId($event.credentialUsageKey, $event.credentialId)),
+							onCredentialDeselected: _cache[1] || (_cache[1] = ($event) => unref(setupTemplateStore).unsetSelectedCredential($event.credentialUsageKey))
+						}, null, 8, [
+							"class",
+							"order",
+							"credentials",
+							"selected-credential-id"
+						]);
+					}), 128))], 2)) : (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(_ctx.$style.appCredentialsContainer)
+					}, [createVNode(unref(N8nLoading_default), {
+						class: normalizeClass(_ctx.$style.appCredential),
+						variant: "p",
+						rows: 3
+					}, null, 8, ["class"]), createVNode(unref(N8nLoading_default), {
+						class: normalizeClass(_ctx.$style.appCredential),
+						variant: "p",
+						rows: 3
+					}, null, 8, ["class"])], 2))]),
+					createBaseVNode("div", { class: normalizeClass(_ctx.$style.actions) }, [createVNode(unref(N8nLink_default), {
+						href: skipSetupUrl.value,
+						"new-window": false,
+						onClick: _cache[2] || (_cache[2] = ($event) => onSkipSetup($event))
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("templateSetup.skip")), 1)]),
+						_: 1
+					}, 8, ["href"]), isReady.value ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+						key: 0,
+						content: unref(i18n).baseText("templateSetup.continue.button.fillRemaining"),
+						disabled: unref(setupTemplateStore).numFilledCredentials > 0
+					}, {
+						default: withCtx(() => [createVNode(unref(N8nButton_default), {
+							size: "large",
+							label: unref(i18n).baseText("templateSetup.continue.button"),
+							disabled: unref(setupTemplateStore).isSaving || unref(setupTemplateStore).numFilledCredentials === 0,
+							"data-test-id": "continue-button",
+							onClick: _cache[3] || (_cache[3] = ($event) => unref(setupTemplateStore).createWorkflow({ router: unref(router) }))
+						}, null, 8, ["label", "disabled"])]),
+						_: 1
+					}, 8, ["content", "disabled"])) : (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(N8nLoading_default), { variant: "button" })]))], 2)
+				], 2)]),
+				_: 1
+			});
+		};
+	}
+});
+var SetupWorkflowFromTemplateView_vue_vue_type_style_index_0_lang_module_default = {
+	grid: "_grid_e7pvm_123",
+	notice: "_notice_e7pvm_131",
+	appCredentialsContainer: "_appCredentialsContainer_e7pvm_135",
+	appCredential: "_appCredential_e7pvm_135",
+	actions: "_actions_e7pvm_146"
+};
+var SetupWorkflowFromTemplateView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(SetupWorkflowFromTemplateView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": SetupWorkflowFromTemplateView_vue_vue_type_style_index_0_lang_module_default }]]);
+export { SetupWorkflowFromTemplateView_default as default };

package/dist/assets/SeverityTag-CX1qTTNA.js

@@ -0,0 +1,45 @@
+import { C as computed, Gt as unref, P as defineComponent, T as createBlock, c as useCssModule, et as openBlock, vn as normalizeClass } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { x as N8nTag_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { c as get, u as makeRestApiRequest } from "./_baseOrderBy-N8Be_6z6.js";
+async function getReport(context, query) {
+	return (await get(context.baseUrl, "/breaking-changes/report", query)).data;
+}
+async function refreshReport(context, query) {
+	return await makeRestApiRequest(context, "POST", query?.version ? `/breaking-changes/report/refresh?version=${query.version}` : "/breaking-changes/report/refresh");
+}
+async function getReportForRule(context, ruleId) {
+	return (await get(context.baseUrl, `/breaking-changes/report/${ruleId}`)).data;
+}
+var SeverityTag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "N8nTag",
+	__name: "SeverityTag",
+	props: { severity: {} },
+	setup(__props) {
+		const $style = useCssModule();
+		const tagsI18n = computed(() => ({
+			critical: "Critical",
+			medium: "Medium",
+			low: "Low"
+		}));
+		const tagClasses = {
+			critical: $style.TagCritical,
+			medium: $style.TagMedium,
+			low: $style.TagLow
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nTag_default), {
+				text: tagsI18n.value[_ctx.severity],
+				clickable: false,
+				class: normalizeClass(tagClasses[_ctx.severity])
+			}, null, 8, ["text", "class"]);
+		};
+	}
+});
+var SeverityTag_vue_vue_type_style_index_0_lang_module_default = {
+	TagCritical: "_TagCritical_1mw62_2",
+	TagMedium: "_TagMedium_1mw62_8",
+	TagLow: "_TagLow_1mw62_14"
+};
+var SeverityTag_default = /* @__PURE__ */ __plugin_vue_export_helper_default(SeverityTag_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": SeverityTag_vue_vue_type_style_index_0_lang_module_default }]]);
+export { refreshReport as i, getReport as n, getReportForRule as r, SeverityTag_default as t };

package/dist/assets/SigninView-D9_Pm16j.js

@@ -0,0 +1,358 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, Pt as reactive, T as createBlock, Z as onMounted, bt as withCtx, et as openBlock, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { B as toRefs, rt as useI18n } from "./core-CRbPymLT.js";
+import { H as N8nFormInputs_default, I as N8nLogo_default, bn as N8nText_default, et as N8nCard_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 { Er as useUsersStore, k as useTelemetry, ms as useSettingsStore, y as useToast } from "./builder.store-Czk2ipDE.js";
+import "./empty-BuGRxzl4.js";
+import { _ as useRoute, 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 { Fc as MFA_FORM, Nc as MFA_AUTHENTICATION_RECOVERY_CODE_INPUT_MAX_LENGTH, Pc as MFA_AUTHENTICATION_REQUIRED_ERROR_CODE, Ro as VIEWS, jc as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH } from "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import { n as mfaEventBus } from "./auth.eventBus-CWXS0Qp7.js";
+import { n as useSSOStore } from "./sso.store-DyApJwhx.js";
+import { t as AuthView_default } from "./AuthView-D2LWHrMp.js";
+var MfaView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MfaView",
+	props: { reportError: { type: Boolean } },
+	emits: [
+		"onFormChanged",
+		"onBackClick",
+		"submit"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const hasAnyChanges = ref(false);
+		const formBus = ref(mfaEventBus);
+		const formInputs = ref(null);
+		const showRecoveryCodeForm = ref(false);
+		const verifyingMfaCode = ref(false);
+		const formError$1 = ref("");
+		const { reportError } = toRefs(props);
+		const mfaFormRef = ref(null);
+		const i18 = useI18n();
+		const emit = __emit;
+		const formField = (name, label, placeholder, maxlength, focus = true, autocomplete = "off") => {
+			return {
+				name,
+				initialValue: "",
+				properties: {
+					label,
+					placeholder,
+					maxlength,
+					capitalize: true,
+					validateOnBlur: false,
+					focusInitially: focus,
+					autocomplete
+				}
+			};
+		};
+		const onRecoveryCodeClick = () => {
+			formError$1.value = "";
+			showRecoveryCodeForm.value = true;
+			hasAnyChanges.value = false;
+			formInputs.value = [mfaRecoveryCodeFieldWithDefaults()];
+			emit("onFormChanged", MFA_FORM.MFA_RECOVERY_CODE);
+		};
+		const onBackClick = () => {
+			if (!showRecoveryCodeForm.value) {
+				emit("onBackClick", MFA_FORM.MFA_TOKEN);
+				return;
+			}
+			showRecoveryCodeForm.value = false;
+			hasAnyChanges.value = true;
+			formInputs.value = [mfaCodeFieldWithDefaults()];
+			emit("onBackClick", MFA_FORM.MFA_RECOVERY_CODE);
+			focusMfaCodeAfterPasswordManager();
+		};
+		const onSubmit = (formData) => {
+			const data = formData;
+			formError$1.value = !showRecoveryCodeForm.value ? i18.baseText("mfa.code.invalid") : i18.baseText("mfa.recovery.invalid");
+			emit("submit", data);
+		};
+		const focusMfaCodeAfterPasswordManager = () => {
+			setTimeout(() => {
+				if (mfaFormRef.value) {
+					const container$1 = mfaFormRef.value.$el;
+					if (!container$1) return;
+					const inputElement = container$1.querySelector("input[name=\"mfaCode\"]");
+					if (inputElement) inputElement.focus();
+				}
+			}, 200);
+		};
+		const onInput = ({ target: { value, name } }) => {
+			const isSubmittingMfaCode = name === "mfaCode";
+			const inputValidLength = isSubmittingMfaCode ? 6 : 36;
+			if (value.length !== inputValidLength) {
+				hasAnyChanges.value = false;
+				return;
+			}
+			verifyingMfaCode.value = true;
+			hasAnyChanges.value = true;
+			const dataToSubmit = isSubmittingMfaCode ? {
+				mfaCode: value,
+				mfaRecoveryCode: ""
+			} : {
+				mfaCode: "",
+				mfaRecoveryCode: value
+			};
+			try {
+				onSubmit(dataToSubmit);
+			} catch (e) {} finally {
+				verifyingMfaCode.value = false;
+			}
+		};
+		const mfaRecoveryCodeFieldWithDefaults = () => {
+			return formField("mfaRecoveryCode", i18.baseText("mfa.recovery.input.label"), i18.baseText("mfa.recovery.input.placeholder"), 36);
+		};
+		const mfaCodeFieldWithDefaults = () => {
+			return formField("mfaCode", i18.baseText("mfa.code.input.label"), i18.baseText("mfa.code.input.placeholder"), 6, false, "one-time-code");
+		};
+		const onSaveClick = () => {
+			formBus.value.emit("submit");
+		};
+		const { settings: { releaseChannel } } = useSettingsStore();
+		onMounted(() => {
+			formInputs.value = [mfaCodeFieldWithDefaults()];
+			focusMfaCodeAfterPasswordManager();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.container) }, [createVNode(unref(N8nLogo_default), {
+				size: "large",
+				"release-channel": unref(releaseChannel)
+			}, null, 8, ["release-channel"]), createVNode(unref(N8nCard_default), null, {
+				default: withCtx(() => [
+					createBaseVNode("div", { class: normalizeClass(_ctx.$style.headerContainer) }, [createVNode(unref(N8nHeading_default), {
+						size: "xlarge",
+						color: "text-dark"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(showRecoveryCodeForm.value ? unref(i18).baseText("mfa.recovery.modal.title") : unref(i18).baseText("mfa.code.modal.title")), 1)]),
+						_: 1
+					})], 2),
+					createBaseVNode("div", { class: normalizeClass([_ctx.$style.formContainer, unref(reportError) ? _ctx.$style.formError : ""]) }, [formInputs.value ? (openBlock(), createBlock(unref(N8nFormInputs_default), {
+						key: 0,
+						ref_key: "mfaFormRef",
+						ref: mfaFormRef,
+						"data-test-id": "mfa-login-form",
+						inputs: formInputs.value,
+						"event-bus": formBus.value,
+						onInput,
+						onSubmit
+					}, null, 8, ["inputs", "event-bus"])) : createCommentVNode("", true), createBaseVNode("div", { class: normalizeClass(_ctx.$style.infoBox) }, [!showRecoveryCodeForm.value && !unref(reportError) ? (openBlock(), createBlock(unref(N8nText_default), {
+						key: 0,
+						size: "small",
+						color: "text-base",
+						bold: false
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18).baseText("mfa.code.input.info")) + " ", 1), createBaseVNode("a", {
+							"data-test-id": "mfa-enter-recovery-code-button",
+							onClick: onRecoveryCodeClick
+						}, toDisplayString(unref(i18).baseText("mfa.code.input.info.action")), 1)]),
+						_: 1
+					})) : createCommentVNode("", true), unref(reportError) ? (openBlock(), createBlock(unref(N8nText_default), {
+						key: 1,
+						color: "danger",
+						size: "small"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(formError$1.value) + " ", 1), !showRecoveryCodeForm.value ? (openBlock(), createElementBlock("a", {
+							key: 0,
+							class: normalizeClass(_ctx.$style.recoveryCodeLink),
+							onClick: onRecoveryCodeClick
+						}, toDisplayString(unref(i18).baseText("mfa.recovery.input.info.action")), 3)) : createCommentVNode("", true)]),
+						_: 1
+					})) : createCommentVNode("", true)], 2)], 2),
+					createBaseVNode("div", null, [createVNode(unref(N8nButton_default), {
+						float: "right",
+						loading: verifyingMfaCode.value,
+						label: showRecoveryCodeForm.value ? unref(i18).baseText("mfa.recovery.button.verify") : unref(i18).baseText("mfa.code.button.continue"),
+						size: "large",
+						disabled: !hasAnyChanges.value,
+						onClick: onSaveClick
+					}, null, 8, [
+						"loading",
+						"label",
+						"disabled"
+					]), createVNode(unref(N8nButton_default), {
+						float: "left",
+						label: unref(i18).baseText("mfa.button.back"),
+						size: "large",
+						type: "tertiary",
+						onClick: onBackClick
+					}, null, 8, ["label"])])
+				]),
+				_: 1
+			})], 2);
+		};
+	}
+});
+var MfaView_vue_vue_type_style_index_0_lang_module_default = {
+	container: "_container_f63sf_127",
+	formContainer: "_formContainer_f63sf_137",
+	headerContainer: "_headerContainer_f63sf_141",
+	formError: "_formError_f63sf_146",
+	recoveryCodeLink: "_recoveryCodeLink_f63sf_150",
+	infoBox: "_infoBox_f63sf_154"
+};
+var MfaView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(MfaView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": MfaView_vue_vue_type_style_index_0_lang_module_default }]]);
+var SigninView_default = /* @__PURE__ */ defineComponent({
+	__name: "SigninView",
+	setup(__props) {
+		const usersStore = useUsersStore();
+		const settingsStore = useSettingsStore();
+		const ssoStore = useSSOStore();
+		const route = useRoute();
+		const router = useRouter();
+		const toast = useToast();
+		const locale = useI18n();
+		const telemetry = useTelemetry();
+		const loading = ref(false);
+		const showMfaView = ref(false);
+		const emailOrLdapLoginId = ref("");
+		const password = ref("");
+		const reportError = ref(false);
+		const ldapLoginLabel = computed(() => ssoStore.ldapLoginLabel);
+		const isLdapLoginEnabled = computed(() => ssoStore.isLdapLoginEnabled);
+		const emailLabel = computed(() => {
+			let label = locale.baseText("auth.email");
+			if (isLdapLoginEnabled.value && ldapLoginLabel.value) label = ldapLoginLabel.value;
+			return label;
+		});
+		const formConfig = reactive({
+			title: locale.baseText("auth.signin"),
+			buttonText: locale.baseText("auth.signin"),
+			redirectText: locale.baseText("forgotPassword"),
+			redirectLink: "/forgot-password",
+			inputs: [{
+				name: "emailOrLdapLoginId",
+				properties: {
+					label: emailLabel.value,
+					type: "email",
+					required: true,
+					...!isLdapLoginEnabled.value && { validationRules: [{ name: "VALID_EMAIL" }] },
+					showRequiredAsterisk: false,
+					validateOnBlur: false,
+					autocomplete: "email",
+					capitalize: true,
+					focusInitially: true
+				}
+			}, {
+				name: "password",
+				properties: {
+					label: locale.baseText("auth.password"),
+					type: "password",
+					required: true,
+					showRequiredAsterisk: false,
+					validateOnBlur: false,
+					autocomplete: "current-password",
+					capitalize: true
+				}
+			}]
+		});
+		const onMFASubmitted = async (form) => {
+			await login({
+				emailOrLdapLoginId: emailOrLdapLoginId.value,
+				password: password.value,
+				mfaCode: form.mfaCode,
+				mfaRecoveryCode: form.mfaRecoveryCode
+			});
+		};
+		const onEmailPasswordSubmitted = async (form) => {
+			await login(form);
+		};
+		const isRedirectSafe = () => {
+			const redirect = getRedirectQueryParameter();
+			if (redirect.startsWith("/")) return true;
+			try {
+				return new URL(redirect).origin === window.location.origin;
+			} catch {
+				return false;
+			}
+		};
+		const getRedirectQueryParameter = () => {
+			let redirect = "";
+			if (typeof route.query?.redirect === "string") redirect = decodeURIComponent(route.query?.redirect);
+			return redirect;
+		};
+		const login = async (form) => {
+			try {
+				loading.value = true;
+				await usersStore.loginWithCreds({
+					emailOrLdapLoginId: form.emailOrLdapLoginId,
+					password: form.password,
+					mfaCode: form.mfaCode,
+					mfaRecoveryCode: form.mfaRecoveryCode
+				});
+				loading.value = false;
+				await settingsStore.getSettings();
+				toast.clearAllStickyNotifications();
+				if (settingsStore.isMFAEnforced && !usersStore.currentUser?.mfaAuthenticated) {
+					await router.push({ name: VIEWS.PERSONAL_SETTINGS });
+					return;
+				}
+				telemetry.track("User attempted to login", { result: showMfaView.value ? "mfa_success" : "success" });
+				if (isRedirectSafe()) {
+					const redirect = getRedirectQueryParameter();
+					if (redirect.startsWith("http")) {
+						window.location.href = redirect;
+						return;
+					}
+					router.push(redirect);
+					return;
+				}
+				await router.push({ name: VIEWS.HOMEPAGE });
+			} catch (error) {
+				if (error.errorCode === 998) {
+					showMfaView.value = true;
+					cacheCredentials(form);
+					return;
+				}
+				telemetry.track("User attempted to login", { result: showMfaView.value ? "mfa_token_rejected" : "credentials_error" });
+				if (!showMfaView.value) {
+					toast.showError(error, locale.baseText("auth.signin.error"));
+					loading.value = false;
+					return;
+				}
+				reportError.value = true;
+			}
+		};
+		const onBackClick = (fromForm) => {
+			reportError.value = false;
+			if (fromForm === MFA_FORM.MFA_TOKEN) {
+				showMfaView.value = false;
+				loading.value = false;
+			}
+		};
+		const onFormChanged = (toForm) => {
+			if (toForm === MFA_FORM.MFA_RECOVERY_CODE) reportError.value = false;
+		};
+		const cacheCredentials = (form) => {
+			emailOrLdapLoginId.value = form.emailOrLdapLoginId;
+			password.value = form.password;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [!showMfaView.value ? (openBlock(), createBlock(AuthView_default, {
+				key: 0,
+				form: formConfig,
+				"form-loading": loading.value,
+				"with-sso": true,
+				"data-test-id": "signin-form",
+				onSubmit: onEmailPasswordSubmitted
+			}, null, 8, ["form", "form-loading"])) : createCommentVNode("", true), showMfaView.value ? (openBlock(), createBlock(MfaView_default, {
+				key: 1,
+				"report-error": reportError.value,
+				onSubmit: onMFASubmitted,
+				onOnBackClick: onBackClick,
+				onOnFormChanged: onFormChanged
+			}, null, 8, ["report-error"])) : createCommentVNode("", true)]);
+		};
+	}
+});
+export { SigninView_default as default };