n8n-editor-ui 1.118.1 → 1.119.0

package/dist/assets/SettingsUsageAndPlan-DLcBOCSU.css

@@ -0,0 +1,462 @@
+/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._checkboxWrapper_zk1u2_123 {
+  margin-top: var(--spacing--md);
+}
+._footerActions_zk1u2_127 {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--spacing--2xs);
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._center_g33cs_123 > div {
+  justify-content: center;
+}
+._actionBox_g33cs_127 {
+  margin: var(--spacing--2xl) 0 0;
+}
+._spacedFlex_g33cs_131 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+._title_g33cs_137 {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing--2xl) 0 var(--spacing--md);
+}
+._quota_g33cs_143 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 54px;
+  padding: 0 var(--spacing--sm);
+  margin: 0 0 var(--spacing--xs);
+  background: var(--color--background--light-3);
+  border-radius: var(--radius--lg);
+  border: 1px solid var(--color--foreground);
+  white-space: nowrap;
+}
+._quota_g33cs_143 ._count_g33cs_155 {
+  text-transform: lowercase;
+  font-size: var(--font-size--sm);
+}
+._buttons_g33cs_160 {
+  display: flex;
+  justify-content: flex-end;
+  padding: var(--spacing--xl) 0 0;
+}
+._buttons_g33cs_160 button {
+  margin-left: var(--spacing--xs);
+}
+._buttons_g33cs_160 button a {
+  display: inline-block;
+  color: inherit;
+  text-decoration: none;
+  padding: var(--spacing--xs) var(--spacing--md);
+  margin: calc(var(--spacing--xs) * -1) calc(var(--spacing--md) * -1);
+}
+._chart_g33cs_176 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-grow: 1;
+}
+._chartLine_g33cs_183 {
+  display: block;
+  height: 10px;
+  width: 100%;
+  max-width: 260px;
+  margin: 0 var(--spacing--md);
+  border-radius: 10px;
+  background: var(--color--background);
+}
+._chartBar_g33cs_193 {
+  float: left;
+  height: 100%;
+  max-width: 100%;
+  background: var(--color--secondary);
+  border-radius: 10px;
+  transition: width 0.2s cubic-bezier(0.19, 1, 0.22, 1);
+}
+div[class*=info] > span > span:last-child {
+  line-height: 1.4;
+  padding: 0 0 0 var(--spacing--4xs);
+}
+._titleTooltip_g33cs_207 {
+  display: flex;
+  align-items: center;
+  margin: 0 0 0 var(--spacing--2xs);
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+.settings-usage-and-plan[data-v-d9da484c] .el-dialog__wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.settings-usage-and-plan[data-v-d9da484c] .el-dialog__wrapper .el-dialog {
+  margin: 0;
+}
+.settings-usage-and-plan[data-v-d9da484c] .el-dialog__wrapper .el-dialog .el-dialog__footer button {
+  margin-left: var(--spacing--xs);
+}

package/dist/assets/{SettingsUsageAndPlan-BcyB9_cH.js → SettingsUsageAndPlan-M1DF8QfE.js}

@@ -1,27 +1,107 @@
 import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, Sn as toDisplayString, T as createBlock, Z as onMounted, _n as normalizeClass, bt as withCtx, et as openBlock, h as withModifiers, j as createTextVNode, w as createBaseVNode, yn as normalizeStyle } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { _t as I18nT, pt as i18n } from "./_MapCache-BGBKpT5S.js";
-import { E as N8nNotice_default, Fn as N8nText_default, In as N8nButton_default, Nn as N8nHeading_default, P as N8nInfoTip_default, bt as N8nInput_default, ht as N8nTooltip_default, it as N8nBadge_default } from "./src-Cl0xZtCE.js";
+import { _t as I18nT, pt as i18n } from "./_MapCache-Byd-DTfo.js";
+import { Ct as N8nInput_default, E as N8nNotice_default, In as N8nText_default, J as N8nCheckbox_default, Ln as N8nButton_default, P as N8nInfoTip_default, Pn as N8nHeading_default, it as N8nBadge_default, vt as N8nTooltip_default } from "./src-D6S9Khji.js";
 import "./en-BYTsM8fR.js";
 import "./preload-helper-CR0ecmWK.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { b as useRouter, y as useRoute } from "./truncate-Dc79aML5.js";
-import "./icon-C8yfF1LY.js";
-import "./overlay-DeoWJ8oB.js";
+import { b as useRouter, y as useRoute } from "./truncate-DGRsht-H.js";
+import "./icon-DhADuA9N.js";
+import "./overlay-B8MMvNgs.js";
 import "./empty-BuGRxzl4.js";
-import { t as ElDialog } from "./dialog-B1U4ND70.js";
-import { Li as useUIStore, No as COMMUNITY_PLUS_ENROLLMENT_MODAL, Yn as hasPermission, ir as useUsersStore, kn as useDocumentTitle, r as telemetry } from "./useTelemetry-BxbCYDca.js";
-import { t as useToast } from "./useToast-CKD06lpn.js";
+import { t as ElDialog } from "./dialog-BMoy5MDa.js";
+import { Gn as hasPermission, Ni as useUIStore, Tn as useDocumentTitle, er as useUsersStore, ko as COMMUNITY_PLUS_ENROLLMENT_MODAL, r as telemetry } from "./useTelemetry-EOV0Llso.js";
+import { t as useToast } from "./useToast-BlMNYwds.js";
 import "./sanitize-html-BuXr7o4T.js";
 import "./path-browserify-DsmB_HMK.js";
-import { hr as getResourcePermissions } from "./constants-B1JYxPAR.js";
-import "./merge-Db6rb1_m.js";
+import { _r as getResourcePermissions } from "./constants-DvlTm3U4.js";
+import "./merge-CKEa8BM2.js";
 import "./dateformat-D7TIhVd4.js";
-import "./useDebounce-BRhQZVIC.js";
-import "./useExternalHooks-ChElZw8W.js";
-import "./cloudPlan.store-x1IpiElw.js";
-import "./versions.store-DyddKRXT.js";
-import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-Cn-LYQLi.js";
-import { t as useUsageStore } from "./usage.store-DXgdlM1s.js";
+import "./useDebounce-BgcdaJ78.js";
+import "./useExternalHooks-SxBXYVNW.js";
+import "./cloudPlan.store-DrraBpZJ.js";
+import "./versions.store-Dx98n6R_.js";
+import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-C_ctyI4O.js";
+import { t as useUsageStore } from "./usage.store-EBmhHKPv.js";
+var _hoisted_1$1 = ["href"];
+var EulaAcceptanceModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "EulaAcceptanceModal",
+	props: {
+		modelValue: { type: Boolean },
+		eulaUrl: {}
+	},
+	emits: [
+		"update:modelValue",
+		"accept",
+		"cancel"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const accepted = ref(false);
+		const isAcceptDisabled = computed(() => !accepted.value);
+		const onCancel = () => {
+			accepted.value = false;
+			emit("cancel");
+		};
+		const onAccept = () => {
+			emit("accept");
+		};
+		const onClose = () => {
+			emit("update:modelValue", false);
+			onCancel();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ElDialog), {
+				"model-value": _ctx.modelValue,
+				title: unref(i18n).baseText("settings.usageAndPlan.dialog.eula.title"),
+				"before-close": onClose,
+				width: "540px",
+				"data-test-id": "eula-acceptance-modal"
+			}, {
+				default: withCtx(() => [createBaseVNode("div", null, [createVNode(unref(N8nText_default), {
+					color: "text-base",
+					size: "medium"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.usageAndPlan.dialog.eula.description")), 1)]),
+					_: 1
+				}), createBaseVNode("div", { class: normalizeClass(_ctx.$style.checkboxWrapper) }, [createVNode(unref(N8nCheckbox_default), {
+					modelValue: accepted.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => accepted.value = $event),
+					"data-test-id": "eula-checkbox"
+				}, {
+					default: withCtx(() => [createBaseVNode("span", null, [createTextVNode(toDisplayString(unref(i18n).baseText("settings.usageAndPlan.dialog.eula.checkbox.label")) + " " + toDisplayString(" ") + " ", 1), createBaseVNode("a", {
+						href: _ctx.eulaUrl,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						"data-test-id": "eula-link"
+					}, toDisplayString(unref(i18n).baseText("settings.usageAndPlan.dialog.eula.link.text")), 9, _hoisted_1$1)])]),
+					_: 1
+				}, 8, ["modelValue"])], 2)])]),
+				footer: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.footerActions) }, [createVNode(unref(N8nButton_default), {
+					type: "secondary",
+					"data-test-id": "eula-cancel-button",
+					onClick: onCancel
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.usageAndPlan.dialog.eula.button.cancel")), 1)]),
+					_: 1
+				}), createVNode(unref(N8nButton_default), {
+					type: "primary",
+					disabled: isAcceptDisabled.value,
+					"data-test-id": "eula-accept-button",
+					onClick: onAccept
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.usageAndPlan.dialog.eula.button.accept")), 1)]),
+					_: 1
+				}, 8, ["disabled"])], 2)]),
+				_: 1
+			}, 8, ["model-value", "title"]);
+		};
+	}
+});
+var EulaAcceptanceModal_vue_vue_type_style_index_0_lang_module_default = {
+	checkboxWrapper: "_checkboxWrapper_zk1u2_123",
+	footerActions: "_footerActions_zk1u2_127"
+};
+var EulaAcceptanceModal_default = /* @__PURE__ */ __plugin_vue_export_helper_default(EulaAcceptanceModal_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": EulaAcceptanceModal_vue_vue_type_style_index_0_lang_module_default }]]);
 var _hoisted_1 = { class: "settings-usage-and-plan" };
 var _hoisted_2 = { key: 0 };
 var _hoisted_3 = { key: 0 };
@@ -47,6 +127,8 @@ var SettingsUsageAndPlan_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 		const activationKeyModal = ref(false);
 		const activationKey = ref("");
 		const activationKeyInput = ref(null);
+		const eulaModal = ref(false);
+		const eulaUrl = ref("");
 		const canUserActivateLicense = computed(() => hasPermission(["rbac"], { rbac: { scope: "license:manage" } }));
 		const badgedPlanName = computed(() => {
 			const [badge, name] = usageStore.planName.split(" ");
@@ -71,15 +153,40 @@ var SettingsUsageAndPlan_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 		const showActivationError = (error) => {
 			toast.showError(error, i18n.baseText("settings.usageAndPlan.license.activation.error.title"));
 		};
-		const onLicenseActivation = async () => {
+		const isEulaError = (error) => {
+			const e = error;
+			return e.httpStatusCode === 400 && !!e.meta?.eulaUrl;
+		};
+		const onLicenseActivation = async (eulaUri) => {
 			try {
-				await usageStore.activateLicense(activationKey.value);
+				await usageStore.activateLicense(activationKey.value, eulaUri);
 				activationKeyModal.value = false;
+				eulaModal.value = false;
+				activationKey.value = "";
 				showActivationSuccess();
 			} catch (error) {
+				if (isEulaError(error)) {
+					activationKeyModal.value = false;
+					eulaUrl.value = error.meta.eulaUrl;
+					eulaModal.value = true;
+					return;
+				}
+				showActivationError(error);
+			}
+		};
+		const onEulaAccept = async () => {
+			try {
+				await onLicenseActivation(eulaUrl.value);
+			} catch (error) {
+				eulaModal.value = false;
 				showActivationError(error);
 			}
 		};
+		const onEulaCancel = () => {
+			eulaModal.value = false;
+			eulaUrl.value = "";
+			activationKey.value = "";
+		};
 		onMounted(async () => {
 			documentTitle.set(i18n.baseText("settings.usageAndPlan.title"));
 			usageStore.setLoading(true);
@@ -265,16 +372,26 @@ var SettingsUsageAndPlan_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.usageAndPlan.dialog.activation.cancel")), 1)]),
 						_: 1
-					}), createVNode(unref(N8nButton_default), { onClick: onLicenseActivation }, {
+					}), createVNode(unref(N8nButton_default), {
+						disabled: !activationKey.value,
+						onClick: onLicenseActivation
+					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.usageAndPlan.dialog.activation.activate")), 1)]),
 						_: 1
-					})]),
+					}, 8, ["disabled"])]),
 					_: 1
 				}, 8, [
 					"modelValue",
 					"title",
 					"modal-class"
-				])
+				]),
+				createVNode(EulaAcceptanceModal_default, {
+					modelValue: eulaModal.value,
+					"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => eulaModal.value = $event),
+					"eula-url": eulaUrl.value,
+					onAccept: onEulaAccept,
+					onCancel: onEulaCancel
+				}, null, 8, ["modelValue", "eula-url"])
 			])) : createCommentVNode("", true)]);
 		};
 	}
@@ -292,5 +409,5 @@ var SettingsUsageAndPlan_vue_vue_type_style_index_0_lang_module_default = {
 	chartBar: "_chartBar_g33cs_193",
 	titleTooltip: "_titleTooltip_g33cs_207"
 };
-var SettingsUsageAndPlan_default = /* @__PURE__ */ __plugin_vue_export_helper_default(SettingsUsageAndPlan_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": SettingsUsageAndPlan_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-293c9924"]]);
+var SettingsUsageAndPlan_default = /* @__PURE__ */ __plugin_vue_export_helper_default(SettingsUsageAndPlan_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": SettingsUsageAndPlan_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-d9da484c"]]);
 export { SettingsUsageAndPlan_default as default };