n8n-editor-ui 1.72.1 → 1.74.0

package/dist/assets/{ProjectSettings-BSOa51jE.js → ProjectSettings-C-9PYDi4.js}

@@ -1,6 +1,5 @@
-import { d as defineComponent, ih as mergeModels, ii as useModel, r as ref, q as computed, c as openBlock, e as createBlock, w as withCtx, i as createVNode, k as createTextVNode, t as toDisplayString, l as unref, I as withModifiers, j as createBaseVNode, h as createElementBlock, hT as ProjectSharing, n as normalizeClass, f as createCommentVNode, g as useI18n, m as resolveComponent, _ as _export_sfc, a5 as usePageRedirectionHelper, u as useUsersStore, a1 as useProjectsStore, ij as useRolesStore, aH as useCloudPlanStore, a as useToast, b as useRouter, a3 as useDocumentTitle, H as watch, ax as onBeforeMount, o as onMounted, ik as N8nFormInput, F as Fragment, A as renderList, V as VIEWS, c7 as deepCopy, y as nextTick, ak as useTelemetry } from "./index-fCEqBD8K.js";
-import { P as ProjectHeader } from "./ProjectHeader-CUoGk-wO.js";
-import "./useGlobalEntityCreation-DGVSN-Im.js";
+import { d as defineComponent, ho as mergeModels, hp as useModel, r as ref, q as computed, c as openBlock, e as createBlock, w as withCtx, i as createVNode, k as createTextVNode, t as toDisplayString, l as unref, I as withModifiers, j as createBaseVNode, h as createElementBlock, hD as ProjectSharing, n as normalizeClass, f as createCommentVNode, g as useI18n, m as resolveComponent, _ as _export_sfc, a5 as usePageRedirectionHelper, u as useUsersStore, a1 as useProjectsStore, i3 as useRolesStore, aH as useCloudPlanStore, a as useToast, b as useRouter, a3 as useDocumentTitle, i4 as getAllIconNames, H as watch, ax as onBeforeMount, o as onMounted, i5 as N8nFormInput, F as Fragment, A as renderList, V as VIEWS, b$ as deepCopy, y as nextTick, ak as useTelemetry } from "./index-DWT5SiDA.js";
+import { P as ProjectHeader } from "./ProjectHeader-DmZJgNYg.js";
 const _hoisted_1$2 = { class: "pt-l" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectDeleteDialog",
@@ -149,7 +148,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const operation = "_operation_1mn5e_1";
+const operation = "_operation_18zmn_123";
 const style0$1 = {
   operation
 };
@@ -263,6 +262,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "project:admin": i18n.baseText("projects.settings.role.admin")
     });
     const nameInput = ref(null);
+    const availableProjectIcons = getAllIconNames();
+    const projectIcon = ref({
+      type: "icon",
+      value: "layer-group"
+    });
     const usersList = computed(
       () => usersStore.allUsers.filter((user) => {
         const isAlreadySharedWithUser = (formData.value.relations || []).find(
@@ -367,31 +371,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       }
     };
-    const onSubmit = async () => {
+    const updateProject = async () => {
+      if (!projectsStore.currentProject) {
+        return;
+      }
       try {
-        if (isDirty.value && projectsStore.currentProject) {
-          const diff = makeFormDataDiff();
-          await projectsStore.updateProject({
-            id: projectsStore.currentProject.id,
-            name: formData.value.name,
-            relations: formData.value.relations.map((r) => ({
-              userId: r.id,
-              role: r.role
-            }))
-          });
-          sendTelemetry(diff);
-          isDirty.value = false;
-          toast.showMessage({
-            title: i18n.baseText("projects.settings.save.successful.title", {
-              interpolate: { projectName: formData.value.name ?? "" }
-            }),
-            type: "success"
-          });
-        }
+        await projectsStore.updateProject({
+          id: projectsStore.currentProject.id,
+          name: formData.value.name,
+          icon: projectIcon.value,
+          relations: formData.value.relations.map((r) => ({
+            userId: r.id,
+            role: r.role
+          }))
+        });
+        isDirty.value = false;
       } catch (error) {
         toast.showError(error, i18n.baseText("projects.settings.save.error.title"));
       }
     };
+    const onSubmit = async () => {
+      if (!isDirty.value) {
+        return;
+      }
+      await updateProject();
+      const diff = makeFormDataDiff();
+      sendTelemetry(diff);
+      toast.showMessage({
+        title: i18n.baseText("projects.settings.save.successful.title", {
+          interpolate: { projectName: formData.value.name ?? "" }
+        }),
+        type: "success"
+      });
+    };
     const onDelete = async () => {
       await projectsStore.getAvailableProjects();
       dialogVisible.value = true;
@@ -420,6 +432,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         nameInput.value?.inputRef?.select();
       }
     };
+    const onIconUpdated = async () => {
+      await updateProject();
+      toast.showMessage({
+        title: i18n.baseText("projects.settings.icon.update.successful.title"),
+        type: "success"
+      });
+    };
     watch(
       () => projectsStore.currentProject,
       async () => {
@@ -427,6 +446,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         formData.value.relations = projectsStore.currentProject?.relations ? deepCopy(projectsStore.currentProject.relations) : [];
         await nextTick();
         selectProjectNameIfMatchesDefault();
+        if (projectsStore.currentProject?.icon) {
+          projectIcon.value = projectsStore.currentProject.icon;
+        }
       },
       { immediate: true }
     );
@@ -438,6 +460,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       selectProjectNameIfMatchesDefault();
     });
     return (_ctx, _cache) => {
+      const _component_N8nIconPicker = resolveComponent("N8nIconPicker");
       const _component_N8nIcon = resolveComponent("N8nIcon");
       const _component_N8nUserSelect = resolveComponent("N8nUserSelect");
       const _component_N8nOption = resolveComponent("N8nOption");
@@ -457,20 +480,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           createBaseVNode("fieldset", null, [
             createBaseVNode("label", _hoisted_1, toDisplayString(unref(i18n).baseText("projects.settings.name")), 1),
-            createVNode(unref(N8nFormInput), {
-              id: "projectName",
-              ref_key: "nameInput",
-              ref: nameInput,
-              modelValue: formData.value.name,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value.name = $event),
-              label: "",
-              type: "text",
-              name: "name",
-              required: "",
-              "data-test-id": "project-settings-name-input",
-              onInput: onNameInput,
-              onValidate: _cache[1] || (_cache[1] = ($event) => isValid.value = $event)
-            }, null, 8, ["modelValue"])
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style["project-name"])
+            }, [
+              createVNode(_component_N8nIconPicker, {
+                modelValue: projectIcon.value,
+                "onUpdate:modelValue": [
+                  _cache[0] || (_cache[0] = ($event) => projectIcon.value = $event),
+                  onIconUpdated
+                ],
+                "button-tooltip": unref(i18n).baseText("projects.settings.iconPicker.button.tooltip"),
+                "available-icons": unref(availableProjectIcons)
+              }, null, 8, ["modelValue", "button-tooltip", "available-icons"]),
+              createVNode(unref(N8nFormInput), {
+                id: "projectName",
+                ref_key: "nameInput",
+                ref: nameInput,
+                modelValue: formData.value.name,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formData.value.name = $event),
+                label: "",
+                type: "text",
+                name: "name",
+                required: "",
+                "data-test-id": "project-settings-name-input",
+                class: normalizeClass(_ctx.$style["project-name-input"]),
+                onInput: onNameInput,
+                onValidate: _cache[2] || (_cache[2] = ($event) => isValid.value = $event)
+              }, null, 8, ["modelValue", "class"])
+            ], 2)
           ]),
           createBaseVNode("fieldset", null, [
             createBaseVNode("label", _hoisted_2, toDisplayString(unref(i18n).baseText("projects.settings.projectMembers")), 1),
@@ -519,7 +556,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             !role.licensed ? (openBlock(), createElementBlock("span", {
                               key: 0,
                               class: normalizeClass(_ctx.$style.upgrade),
-                              onClick: _cache[2] || (_cache[2] = ($event) => upgradeDialogVisible.value = true)
+                              onClick: _cache[3] || (_cache[3] = ($event) => upgradeDialogVisible.value = true)
                             }, "  - " + toDisplayString(unref(i18n).baseText("generic.upgrade")), 3)) : createCommentVNode("", true)
                           ]),
                           _: 2
@@ -572,10 +609,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 8, ["disabled"])
           ], 2),
           createBaseVNode("fieldset", null, [
-            _cache[5] || (_cache[5] = createBaseVNode("hr", { class: "mb-2xl" }, null, -1)),
+            _cache[6] || (_cache[6] = createBaseVNode("hr", { class: "mb-2xl" }, null, -1)),
             createBaseVNode("h3", _hoisted_4, toDisplayString(unref(i18n).baseText("projects.settings.danger.title")), 1),
             createBaseVNode("small", null, toDisplayString(unref(i18n).baseText("projects.settings.danger.message")), 1),
-            _cache[6] || (_cache[6] = createBaseVNode("br", null, null, -1)),
+            _cache[7] || (_cache[7] = createBaseVNode("br", null, null, -1)),
             createVNode(_component_N8nButton, {
               type: "tertiary",
               "native-type": "button",
@@ -592,14 +629,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 32),
         createVNode(ProjectDeleteDialog, {
           modelValue: dialogVisible.value,
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dialogVisible.value = $event),
           "current-project": unref(projectsStore).currentProject,
           projects: projects.value,
           onConfirmDelete
         }, null, 8, ["modelValue", "current-project", "projects"]),
         createVNode(_sfc_main$1, {
           modelValue: upgradeDialogVisible.value,
-          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => upgradeDialogVisible.value = $event),
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => upgradeDialogVisible.value = $event),
           limit: unref(projectsStore).teamProjectsLimit,
           "plan-name": unref(cloudPlanStore).currentPlanData?.displayName
         }, null, 8, ["modelValue", "limit", "plan-name"])
@@ -607,15 +644,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const projectSettings = "_projectSettings_1pak5_1";
-const header = "_header_1pak5_21";
-const upgrade = "_upgrade_1pak5_27";
-const buttons = "_buttons_1pak5_31";
+const projectSettings = "_projectSettings_1mjy2_123";
+const header = "_header_1mjy2_143";
+const upgrade = "_upgrade_1mjy2_149";
+const buttons = "_buttons_1mjy2_153";
 const style0 = {
   projectSettings,
   header,
   upgrade,
-  buttons
+  buttons,
+  "project-name": "_project-name_1mjy2_159",
+  "project-name-input": "_project-name-input_1mjy2_164"
 };
 const cssModules = {
   "$style": style0

package/dist/assets/{PushConnectionTracker.vue_vue_type_script_setup_true_lang-ouQuoTYp.js → PushConnectionTracker.vue_vue_type_script_setup_true_lang-CDsd9G3A.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, Z as useRootStore, q as computed, c as openBlock, h as createElementBlock, i as createVNode, w as withCtx, ay as withDirectives, l as unref, j as createBaseVNode, k as createTextVNode, t as toDisplayString, s as renderSlot, g as useI18n, m as resolveComponent, di as resolveDirective } from "./index-fCEqBD8K.js";
+import { d as defineComponent, Z as useRootStore, q as computed, c as openBlock, h as createElementBlock, i as createVNode, w as withCtx, ay as withDirectives, l as unref, j as createBaseVNode, k as createTextVNode, t as toDisplayString, s as renderSlot, g as useI18n, m as resolveComponent, cO as resolveDirective } from "./index-DWT5SiDA.js";
 const _hoisted_1 = {
   key: 0,
   class: "push-connection-lost primary-color"