n8n-editor-ui 1.55.1 → 1.56.1

package/dist/assets/{WorkflowsView-gmjVOGd_.js → WorkflowsView-D3hXyfM0.js}

@@ -1,17 +1,17 @@
-import { R as ResourcesListLayout } from "./ResourcesListLayout-BXJd4zMc.js";
-import { u as useToast, x as useMessage, v as useI18n, w as useTelemetry, b as useSettingsStore, e as useUIStore, a as useUsersStore, m as useWorkflowsStore, n as useProjectsStore, q as getResourcePermissions, V as VIEWS, z as WORKFLOW_SHARE_MODAL_KEY, I as DUPLICATE_MODAL_KEY, C as MODAL_CONFIRM, eb as PROJECT_MOVE_RESOURCE_MODAL, ec as ResourceType, dK as _sfc_main$3, T as TagsDropdown, l as useSourceControlStore, c as useTagsStore, _ as useTemplatesStore, E as EnterpriseEditionFeature } from "./index-CVutt4sS.js";
-import { d as defineComponent, aM as useRouter, c as computed, ap as resolveComponent, o as openBlock, a as createBlock, n as normalizeClass, e as withCtx, i as createVNode, s as createTextVNode, t as toDisplayString, j as createBaseVNode, ae as withModifiers, g as unref, ab as withDirectives, ac as vShow, k as createElementBlock, q as createCommentVNode, a3 as Fragment, ah as renderList } from "./vendor-k9_XExsQ.js";
-import { d as dateformat } from "./dateformat-BHESkz9t.js";
-import { W as WorkflowActivator } from "./WorkflowActivator-E_e-cu-E.js";
-import { _ as _sfc_main$2 } from "./ProjectCardBadge-DFp6WFr1.js";
-import { _ as _export_sfc } from "./n8n-lxN6qXMr.js";
-import { P as ProjectTabs } from "./ProjectTabs-DG8IopgM.js";
-import { m as mapStores } from "./pinia-C0SpIvcC.js";
-import "./axios-Dk1JN3nS.js";
-import "./vue-i18n-w8we4vO-.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-Bqsj48Z1.js";
+import { u as useToast, x as useMessage, v as useI18n, w as useTelemetry, b as useSettingsStore, e as useUIStore, a as useUsersStore, m as useWorkflowsStore, n as useProjectsStore, q as getResourcePermissions, V as VIEWS, z as WORKFLOW_SHARE_MODAL_KEY, I as DUPLICATE_MODAL_KEY, C as MODAL_CONFIRM, ed as PROJECT_MOVE_RESOURCE_MODAL, ee as ResourceType, dM as _sfc_main$3, T as TagsDropdown, l as useSourceControlStore, c as useTagsStore, _ as useTemplatesStore, bu as usePostHog, E as EnterpriseEditionFeature, dG as MORE_ONBOARDING_OPTIONS_EXPERIMENT } from "./index-Dj630pSH.js";
+import { d as defineComponent, aM as useRouter, c as computed, ao as resolveComponent, o as openBlock, a as createBlock, n as normalizeClass, e as withCtx, i as createVNode, s as createTextVNode, t as toDisplayString, j as createBaseVNode, ad as withModifiers, g as unref, aa as withDirectives, ab as vShow, k as createElementBlock, q as createCommentVNode, a2 as Fragment, ag as renderList } from "./vendor--ibC2Mep.js";
+import { d as dateformat } from "./dateformat-uxXOQ0Nt.js";
+import { W as WorkflowActivator } from "./WorkflowActivator-DYsrnXcI.js";
+import { _ as _sfc_main$2 } from "./ProjectCardBadge-CqjX6OCl.js";
+import { _ as _export_sfc } from "./n8n-Cp7JSlbk.js";
+import { P as ProjectTabs } from "./ProjectTabs-CAD2wgu5.js";
+import { m as mapStores } from "./pinia-CRxmBHO7.js";
+import "./axios-B4zXCSve.js";
+import "./vue-i18n-DIALciIu.js";
 import "./flatted-D70IerrI.js";
-import "./@vueuse/core-zoLH-FU7.js";
-import "./lodash-es-BwUH-6hq.js";
+import "./@vueuse/core-ZbkXJ7GQ.js";
+import "./lodash-es-dKZCeUxP.js";
 import "./@n8n/permissions-BdHAniXb.js";
 import "./uuid-sKupIUZ4.js";
 import "./luxon-Bt_g4NOb.js";
@@ -26,12 +26,12 @@ import "./@jsplumb/connector-bezier-D659hq4c.js";
 import "./@jsplumb/browser-ui-BphmFVJY.js";
 import "./codemirror-lang-html-n8n-CXTCIWzP.js";
 import "./esprima-next-DUEu30kB.js";
-import "./fast-json-stable-stringify-KjI5HChV.js";
+import "./fast-json-stable-stringify-D4XfCmyI.js";
 import "./timeago.js-CgQus8nl.js";
-import "./qrcode.vue-Ngu3dGMl.js";
+import "./qrcode.vue-CfPA0F87.js";
 import "./vue3-touch-events-DVOgU3fI.js";
 import "./chart.js-DiBOFLDH.js";
-import "./useWorkflowActivate-B_CeDX_x.js";
+import "./useWorkflowActivate-DdQJcvEC.js";
 const _hoisted_1$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "WorkflowCard",
@@ -351,7 +351,8 @@ const WorkflowsView$1 = defineComponent({
       useSourceControlStore,
       useTagsStore,
       useProjectsStore,
-      useTemplatesStore
+      useTemplatesStore,
+      usePostHog
     ),
     readOnlyEnv() {
       return this.sourceControlStore.preferences.branchReadOnly;
@@ -393,6 +394,9 @@ const WorkflowsView$1 = defineComponent({
       }
       return void 0;
     },
+    isOnboardingExperimentEnabled() {
+      return this.posthogStore.getVariant(MORE_ONBOARDING_OPTIONS_EXPERIMENT.name) === MORE_ONBOARDING_OPTIONS_EXPERIMENT.variant;
+    },
     isSalesUser() {
       if (!this.userRole) {
         return false;
@@ -457,10 +461,19 @@ const WorkflowsView$1 = defineComponent({
       this.$telemetry.track("User clicked add workflow button", {
         source: "Workflows list"
       });
+      this.trackEmptyCardClick("blank");
     },
     getTemplateRepositoryURL() {
       return this.templatesStore.websiteTemplateRepositoryURL;
     },
+    trackEmptyCardClick(option) {
+      this.$telemetry.track("User clicked empty page option", {
+        option
+      });
+      if (option === "templates" && this.isSalesUser) {
+        this.trackCategoryLinkClick("Sales");
+      }
+    },
     trackCategoryLinkClick(category) {
       var _a;
       this.$telemetry.track(`User clicked Browse ${category} Templates`, {
@@ -661,7 +674,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }),
-        createVNode(_component_n8n_text, {
+        !_ctx.isOnboardingExperimentEnabled ? (openBlock(), createBlock(_component_n8n_text, {
+          key: 0,
           size: "large",
           color: "text-base"
         }, {
@@ -669,14 +683,68 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             createTextVNode(toDisplayString(_ctx.emptyListDescription), 1)
           ]),
           _: 1
-        })
+        })) : createCommentVNode("", true)
       ]),
       !_ctx.readOnlyEnv && _ctx.projectPermissions.workflow.create ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(["text-center", "mt-2xl", _ctx.$style.actionsContainer])
       }, [
-        _ctx.isSalesUser ? (openBlock(), createElementBlock("a", {
+        createVNode(_component_n8n_card, {
+          class: normalizeClass(_ctx.$style.emptyStateCard),
+          hoverable: "",
+          "data-test-id": "new-workflow-card",
+          onClick: _ctx.addWorkflow
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_n8n_icon, {
+              class: normalizeClass(_ctx.$style.emptyStateCardIcon),
+              icon: "file"
+            }, null, 8, ["class"]),
+            createVNode(_component_n8n_text, {
+              size: "large",
+              class: "mt-xs",
+              color: "text-dark"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$locale.baseText("workflows.empty.startFromScratch")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["class", "onClick"]),
+        _ctx.isSalesUser || _ctx.isOnboardingExperimentEnabled ? (openBlock(), createElementBlock("a", {
           key: 0,
+          href: "https://docs.n8n.io/courses/#available-courses",
+          class: normalizeClass(_ctx.$style.emptyStateCard),
+          target: "_blank"
+        }, [
+          createVNode(_component_n8n_card, {
+            hoverable: "",
+            "data-test-id": "browse-sales-templates-card",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.trackEmptyCardClick("courses"))
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_n8n_icon, {
+                class: normalizeClass(_ctx.$style.emptyStateCardIcon),
+                icon: "graduation-cap"
+              }, null, 8, ["class"]),
+              createVNode(_component_n8n_text, {
+                size: "large",
+                class: "mt-xs",
+                color: "text-dark"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.$locale.baseText("workflows.empty.learnN8n")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ], 2)) : createCommentVNode("", true),
+        _ctx.isSalesUser || _ctx.isOnboardingExperimentEnabled ? (openBlock(), createElementBlock("a", {
+          key: 1,
           href: _ctx.getTemplateRepositoryURL(),
           class: normalizeClass(_ctx.$style.emptyStateCard),
           target: "_blank"
@@ -684,7 +752,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode(_component_n8n_card, {
             hoverable: "",
             "data-test-id": "browse-sales-templates-card",
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.trackCategoryLinkClick("Sales"))
+            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.trackEmptyCardClick("templates"))
           }, {
             default: withCtx(() => [
               createVNode(_component_n8n_icon, {
@@ -694,7 +762,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               createVNode(_component_n8n_text, {
                 size: "large",
                 class: "mt-xs",
-                color: "text-base"
+                color: "text-dark"
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(_ctx.$locale.baseText("workflows.empty.browseTemplates")), 1)
@@ -704,31 +772,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           })
-        ], 10, _hoisted_3)) : createCommentVNode("", true),
-        createVNode(_component_n8n_card, {
-          class: normalizeClass(_ctx.$style.emptyStateCard),
-          hoverable: "",
-          "data-test-id": "new-workflow-card",
-          onClick: _ctx.addWorkflow
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_n8n_icon, {
-              class: normalizeClass(_ctx.$style.emptyStateCardIcon),
-              icon: "file"
-            }, null, 8, ["class"]),
-            createVNode(_component_n8n_text, {
-              size: "large",
-              class: "mt-xs",
-              color: "text-base"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.$locale.baseText("workflows.empty.startFromScratch")), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["class", "onClick"])
+        ], 10, _hoisted_3)) : createCommentVNode("", true)
       ], 2)) : createCommentVNode("", true)
     ]),
     filters: withCtx(({ setKeyValue }) => [

package/dist/assets/{axios-Dk1JN3nS.js → axios-B4zXCSve.js}

@@ -1975,7 +1975,7 @@ function dispatchRequest(config) {
     return Promise.reject(reason);
   });
 }
-const VERSION$1 = "1.7.3";
+const VERSION$1 = "1.7.4";
 "use strict";
 const validators$1 = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((type, i) => {

package/dist/assets/{cloud-Bx56CEcE.js → cloud-7eMF5Tkm.js}

@@ -1,17 +1,17 @@
-import { e as useUIStore, ei as FAKE_DOOR_FEATURES } from "./index-CVutt4sS.js";
-import "./vendor-k9_XExsQ.js";
-import "./n8n-lxN6qXMr.js";
-import "./lodash-es-BwUH-6hq.js";
+import { e as useUIStore, ek as FAKE_DOOR_FEATURES } from "./index-Dj630pSH.js";
+import "./vendor--ibC2Mep.js";
+import "./n8n-Cp7JSlbk.js";
+import "./lodash-es-dKZCeUxP.js";
 import "./esprima-next-DUEu30kB.js";
-import "./axios-Dk1JN3nS.js";
+import "./axios-B4zXCSve.js";
 import "./luxon-Bt_g4NOb.js";
-import "./@vueuse/core-zoLH-FU7.js";
+import "./@vueuse/core-ZbkXJ7GQ.js";
 import "./uuid-sKupIUZ4.js";
-import "./vue-i18n-w8we4vO-.js";
+import "./vue-i18n-DIALciIu.js";
 import "./flatted-D70IerrI.js";
-import "./pinia-C0SpIvcC.js";
+import "./pinia-CRxmBHO7.js";
 import "./@n8n/permissions-BdHAniXb.js";
-import "./dateformat-BHESkz9t.js";
+import "./dateformat-uxXOQ0Nt.js";
 import "./@n8n/codemirror-lang-CIGGB1t0.js";
 import "./@lezer/common-CnY9etib.js";
 import "./@n8n/codemirror-lang-sql-C41WNa63.js";
@@ -22,9 +22,9 @@ import "./@jsplumb/common-s1StEx7B.js";
 import "./@jsplumb/connector-bezier-D659hq4c.js";
 import "./@jsplumb/browser-ui-BphmFVJY.js";
 import "./codemirror-lang-html-n8n-CXTCIWzP.js";
-import "./fast-json-stable-stringify-KjI5HChV.js";
+import "./fast-json-stable-stringify-D4XfCmyI.js";
 import "./timeago.js-CgQus8nl.js";
-import "./qrcode.vue-Ngu3dGMl.js";
+import "./qrcode.vue-CfPA0F87.js";
 import "./vue3-touch-events-DVOgU3fI.js";
 import "./chart.js-DiBOFLDH.js";
 function compileFakeDoorFeatures() {

package/dist/assets/{dateFormatter-CEWGf4Q_.js → dateFormatter-DUGbbFxm.js}

@@ -1,4 +1,4 @@
-import { d as dateformat } from "./dateformat-BHESkz9t.js";
+import { d as dateformat } from "./dateformat-uxXOQ0Nt.js";
 const convertToDisplayDateComponents = (fullDate) => {
   const mask = `d mmm${new Date(fullDate).getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? "" : ", yyyy"}#HH:MM:ss`;
   const formattedDate = dateformat(fullDate, mask);

package/dist/assets/{dateformat-BHESkz9t.js → dateformat-uxXOQ0Nt.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./n8n-lxN6qXMr.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./n8n-Cp7JSlbk.js";
 var dateformat$2 = { exports: {} };
 var dateformat = dateformat$2.exports;
 (function(module, exports) {

package/dist/assets/email-providers-BzrFzy1F.js

@@ -0,0 +1 @@
+import "./n8n-Cp7JSlbk.js";

package/dist/assets/{fast-json-stable-stringify-KjI5HChV.js → fast-json-stable-stringify-D4XfCmyI.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./n8n-lxN6qXMr.js";
+import { g as getDefaultExportFromCjs } from "./n8n-Cp7JSlbk.js";
 "use strict";
 var fastJsonStableStringify = function(data, opts) {
   if (!opts)

package/dist/assets/{file-saver-Uv54u44D.js → file-saver-DnR0B3WE.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./n8n-lxN6qXMr.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./n8n-Cp7JSlbk.js";
 var FileSaver_min$2 = { exports: {} };
 var FileSaver_min = FileSaver_min$2.exports;
 (function(module, exports) {

package/dist/assets/{humanize-duration-BTJDUkYO.js → humanize-duration-BRTSA98Q.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./n8n-lxN6qXMr.js";
+import { g as getDefaultExportFromCjs } from "./n8n-Cp7JSlbk.js";
 var humanizeDuration$2 = { exports: {} };
 var humanizeDuration = humanizeDuration$2.exports;
 (function(module) {