n8n-editor-ui 1.72.1 → 1.74.0

package/dist/assets/{WorkflowHistory-eqsh1yXn.js → WorkflowHistory-BG7M9CQl.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, r as ref, q as computed, o as onMounted, c as openBlock, h as createElementBlock, s as renderSlot, j as createBaseVNode, t as toDisplayString, i as createVNode, w as withCtx, k as createTextVNode, e as createBlock, l as unref, f as createCommentVNode, n as normalizeClass, I as withModifiers, g as useI18n, m as resolveComponent, hO as dateformat, _ as _export_sfc, F as Fragment, A as renderList, aG as get, R as defineStore, Z as useRootStore, p as useSettingsStore, T as useWorkflowsStore, hr as getNewWorkflow, U as useRoute, b as useRouter, a as useToast, a5 as usePageRedirectionHelper, K as useUIStore, ax as onBeforeMount, V as VIEWS, bj as watchEffect, hz as telemetry, am as getResourcePermissions, aq as h, hY as WORKFLOW_HISTORY_VERSION_RESTORE } from "./index-fCEqBD8K.js";
-import { W as WorkflowPreview } from "./WorkflowPreview-DKTyMYfO.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-BiLlhrlQ.js";
+import { d as defineComponent, r as ref, q as computed, o as onMounted, c as openBlock, h as createElementBlock, s as renderSlot, j as createBaseVNode, t as toDisplayString, i as createVNode, w as withCtx, k as createTextVNode, e as createBlock, l as unref, f as createCommentVNode, n as normalizeClass, I as withModifiers, g as useI18n, m as resolveComponent, ge as dateformat, _ as _export_sfc, F as Fragment, A as renderList, aG as get, R as defineStore, Z as useRootStore, p as useSettingsStore, T as useWorkflowsStore, fG as getNewWorkflow, U as useRoute, b as useRouter, a as useToast, a5 as usePageRedirectionHelper, K as useUIStore, ax as onBeforeMount, V as VIEWS, bm as watchEffect, fP as telemetry, am as getResourcePermissions, aq as h, hF as WORKFLOW_HISTORY_VERSION_RESTORE } from "./index-DWT5SiDA.js";
+import { W as WorkflowPreview } from "./WorkflowPreview-BRSFWAwN.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-D-tyM0om.js";
 const _hoisted_1$2 = ["datetime"];
 const _hoisted_2$1 = ["value"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
@@ -131,11 +131,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const item = "_item_1a4du_1";
-const tail = "_tail_1a4du_33";
-const active = "_active_1a4du_38";
-const actionsVisible = "_actionsVisible_1a4du_45";
-const actions = "_actions_1a4du_45";
+const item = "_item_1amfi_123";
+const tail = "_tail_1amfi_155";
+const active = "_active_1amfi_160";
+const actionsVisible = "_actionsVisible_1amfi_167";
+const actions = "_actions_1amfi_167";
 const style0$3 = {
   item,
   tail,
@@ -285,10 +285,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const list = "_list_undzg_1";
-const empty = "_empty_undzg_10";
-const loader = "_loader_undzg_23";
-const retention = "_retention_undzg_27";
+const list = "_list_1rv1j_123";
+const empty = "_empty_1rv1j_132";
+const loader = "_loader_1rv1j_145";
+const retention = "_retention_1rv1j_149";
 const style0$2 = {
   list,
   empty,
@@ -412,11 +412,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const content = "_content_2kwc4_1";
-const info = "_info_2kwc4_11";
-const card = "_card_2kwc4_19";
-const text = "_text_2kwc4_24";
-const label = "_label_2kwc4_49";
+const content = "_content_ne8yf_123";
+const info = "_info_ne8yf_133";
+const card = "_card_ne8yf_141";
+const text = "_text_ne8yf_146";
+const label = "_label_ne8yf_171";
 const style0$1 = {
   content,
   info,
@@ -862,11 +862,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const view = "_view_phdlt_1";
-const header = "_header_phdlt_11";
-const corner = "_corner_phdlt_19";
-const contentComponentWrapper = "_contentComponentWrapper_phdlt_30";
-const listComponentWrapper = "_listComponentWrapper_phdlt_35";
+const view = "_view_1m8fw_123";
+const header = "_header_1m8fw_133";
+const corner = "_corner_1m8fw_141";
+const contentComponentWrapper = "_contentComponentWrapper_1m8fw_152";
+const listComponentWrapper = "_listComponentWrapper_1m8fw_157";
 const style0 = {
   view,
   header,

package/dist/assets/{WorkflowOnboardingView-Kbe8c2_R.js → WorkflowOnboardingView-srH4_STx.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, aD as useLoadingService, aL as useTemplatesStore, T as useWorkflowsStore, b as useRouter, U as useRoute, o as onMounted, V as VIEWS, c as openBlock, h as createElementBlock, hZ as SAMPLE_SUBWORKFLOW_WORKFLOW, hG as EASY_AI_WORKFLOW_JSON, h_ as NEW_SAMPLE_WORKFLOW_CREATED_CHANNEL, g as useI18n } from "./index-fCEqBD8K.js";
+import { d as defineComponent, aD as useLoadingService, aL as useTemplatesStore, T as useWorkflowsStore, b as useRouter, U as useRoute, o as onMounted, V as VIEWS, c as openBlock, h as createElementBlock, hG as SAMPLE_SUBWORKFLOW_WORKFLOW, hH as NEW_SAMPLE_WORKFLOW_CREATED_CHANNEL, g as useI18n } from "./index-DWT5SiDA.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WorkflowOnboardingView",
   setup(__props) {
@@ -13,10 +13,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         await openSampleSubworkflow();
         return;
       }
-      if (templateId === EASY_AI_WORKFLOW_JSON.meta.templateId) {
-        await openEasyAIWorkflow();
-        return;
-      }
       try {
         loadingService.startLoading();
         const template = await templateStore.getFixedWorkflowTemplate(templateId);
@@ -48,20 +44,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         throw new Error(`Could not load onboarding template ${templateId}`);
       }
     };
-    const openEasyAIWorkflow = async () => {
-      try {
-        loadingService.startLoading();
-        const newWorkflow = await workflowsStore.createNewWorkflow(EASY_AI_WORKFLOW_JSON);
-        await router.replace({
-          name: VIEWS.WORKFLOW,
-          params: { name: newWorkflow.id }
-        });
-        loadingService.stopLoading();
-      } catch (e) {
-        await router.replace({ name: VIEWS.NEW_WORKFLOW });
-        loadingService.stopLoading();
-      }
-    };
     const openSampleSubworkflow = async () => {
       try {
         loadingService.startLoading();

package/dist/assets/{WorkflowPreview-DKTyMYfO.js → WorkflowPreview-BRSFWAwN.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, a as useToast, au as useExecutionsStore, r as ref, q as computed, o as onMounted, x as onBeforeUnmount, H as watch, c as openBlock, h as createElementBlock, n as normalizeClass, i as createVNode, f as createCommentVNode, j as createBaseVNode, m as resolveComponent, g as useI18n, _ as _export_sfc } from "./index-fCEqBD8K.js";
+import { d as defineComponent, a as useToast, au as useExecutionsStore, r as ref, q as computed, o as onMounted, x as onBeforeUnmount, H as watch, c as openBlock, h as createElementBlock, n as normalizeClass, i as createVNode, f as createCommentVNode, j as createBaseVNode, m as resolveComponent, g as useI18n, _ as _export_sfc } from "./index-DWT5SiDA.js";
 const _hoisted_1 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WorkflowPreview",
@@ -194,13 +194,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_wh5y0_1";
-const workflow = "_workflow_wh5y0_8";
-const show = "_show_wh5y0_14";
-const openNDV = "_openNDV_wh5y0_20";
-const spinner = "_spinner_wh5y0_29";
-const imageLoader = "_imageLoader_wh5y0_37";
-const executionPreview = "_executionPreview_wh5y0_45";
+const container = "_container_idflw_123";
+const workflow = "_workflow_idflw_130";
+const show = "_show_idflw_136";
+const openNDV = "_openNDV_idflw_142";
+const spinner = "_spinner_idflw_151";
+const imageLoader = "_imageLoader_idflw_159";
+const executionPreview = "_executionPreview_idflw_167";
 const style0 = {
   container,
   workflow,

package/dist/assets/WorkflowPreview-CIOAVgxK.css

@@ -0,0 +1,162 @@
+/* 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
+ -------------------------- */
+._container_idflw_123 {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+}
+._workflow_idflw_130 {
+  visibility: hidden;
+  height: 0;
+  width: 0;
+}
+._show_idflw_136 {
+  visibility: visible;
+  height: 100%;
+  width: 100%;
+}
+._openNDV_idflw_142 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  z-index: var(--z-index-workflow-preview-ndv);
+}
+._spinner_idflw_151 {
+  color: var(--color-primary);
+  position: absolute;
+  top: 50% !important;
+  transform: translateY(-50%);
+}
+._imageLoader_idflw_159 {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+._executionPreview_idflw_167 {
+  height: 100%;
+}

package/dist/assets/{WorkflowsView-ClrcrpKc.js → WorkflowsView-C7_qBwr2.js}

@@ -1,10 +1,10 @@
-import { R as ResourcesListLayout } from "./ResourcesListLayout-BKk7DIWo.js";
-import { i1 as arrayMap, i2 as getAllKeysIn, i3 as baseIteratee, i4 as basePickBy, d as defineComponent, a as useToast, b as useRouter, p as useSettingsStore, K as useUIStore, u as useUsersStore, T as useWorkflowsStore, a1 as useProjectsStore, q as computed, am as getResourcePermissions, hO as dateformat, m as resolveComponent, c as openBlock, e as createBlock, w as withCtx, i as createVNode, n as normalizeClass, k as createTextVNode, t as toDisplayString, l as unref, f as createCommentVNode, j as createBaseVNode, I as withModifiers, i5 as ResourceType, ay as withDirectives, hj as _sfc_main$2, az as vShow, h as createElementBlock, g as useI18n, V as VIEWS, ab as WORKFLOW_SHARE_MODAL_KEY, aj as DUPLICATE_MODAL_KEY, ae as MODAL_CONFIRM, i6 as PROJECT_MOVE_RESOURCE_MODAL, al as useMessage, ak as useTelemetry, _ as _export_sfc, U as useRoute, a0 as useSourceControlStore, av as usePostHog, D as useTagsStore, a3 as useDocumentTitle, r as ref, a8 as EnterpriseEditionFeature, i7 as EASY_AI_WORKFLOW_EXPERIMENT, H as watch, o as onMounted, i8 as N8nIcon, hn as N8nHeading, cN as N8nText, i9 as N8nCard, ia as N8nInputLabel, a7 as _sfc_main$3, d0 as N8nSelect, F as Fragment, A as renderList, c$ as _sfc_main$4, hG as EASY_AI_WORKFLOW_JSON } from "./index-fCEqBD8K.js";
-import { W as WorkflowActivator } from "./WorkflowActivator-BbpMhG1U.js";
-import { P as ProjectCardBadge } from "./ProjectCardBadge-B6a5Tl_X.js";
-import { P as ProjectHeader } from "./ProjectHeader-CUoGk-wO.js";
-import "./useWorkflowActivate-D8cU5eJ_.js";
-import "./useGlobalEntityCreation-DGVSN-Im.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-YaG3OmF5.js";
+import { hO as arrayMap, hP as getAllKeysIn, hQ as baseIteratee, hR as basePickBy, d as defineComponent, a as useToast, b as useRouter, p as useSettingsStore, K as useUIStore, u as useUsersStore, T as useWorkflowsStore, a1 as useProjectsStore, q as computed, am as getResourcePermissions, ge as dateformat, m as resolveComponent, c as openBlock, e as createBlock, w as withCtx, i as createVNode, n as normalizeClass, k as createTextVNode, t as toDisplayString, l as unref, f as createCommentVNode, j as createBaseVNode, I as withModifiers, hS as ResourceType, ay as withDirectives, fy as _sfc_main$2, az as vShow, h as createElementBlock, g as useI18n, V as VIEWS, ab as WORKFLOW_SHARE_MODAL_KEY, aj as DUPLICATE_MODAL_KEY, ae as MODAL_CONFIRM, hT as PROJECT_MOVE_RESOURCE_MODAL, al as useMessage, ak as useTelemetry, _ as _export_sfc, U as useRoute, a0 as useSourceControlStore, av as usePostHog, D as useTagsStore, a3 as useDocumentTitle, r as ref, a8 as EnterpriseEditionFeature, hU as EASY_AI_WORKFLOW_EXPERIMENT, H as watch, o as onMounted, hV as N8nIcon, fC as N8nHeading, ch as N8nText, hW as N8nCard, hX as N8nInputLabel, a7 as _sfc_main$3, ct as N8nSelect, F as Fragment, A as renderList, cA as _sfc_main$4, bS as AI_CREDITS_EXPERIMENT } from "./index-DWT5SiDA.js";
+import { W as WorkflowActivator } from "./WorkflowActivator-BFkp6wv-.js";
+import { P as ProjectCardBadge } from "./ProjectCardBadge-13ZU1N6I.js";
+import { P as ProjectHeader } from "./ProjectHeader-DmZJgNYg.js";
+import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-DC1ZzurN.js";
+import "./useWorkflowActivate-lML0rpsN.js";
 function pickBy(object, predicate) {
   if (object == null) {
     return {};
@@ -236,11 +236,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             }, ["stop"]))
           }, [
             createVNode(ProjectCardBadge, {
+              class: normalizeClass(_ctx.$style.cardBadge),
               resource: _ctx.data,
               "resource-type": unref(ResourceType).Workflow,
               "resource-type-label": resourceTypeLabel.value,
               "personal-project": unref(projectsStore).personalProject
-            }, null, 8, ["resource", "resource-type", "resource-type-label", "personal-project"]),
+            }, null, 8, ["class", "resource", "resource-type", "resource-type-label", "personal-project"]),
             createVNode(WorkflowActivator, {
               class: "mr-s",
               "workflow-active": _ctx.data.active,
@@ -299,15 +300,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const cardLink = "_cardLink_1ahnz_1";
-const cardHeading = "_cardHeading_1ahnz_11";
-const cardDescription = "_cardDescription_1ahnz_20";
-const cardActions = "_cardActions_1ahnz_27";
+const cardLink = "_cardLink_144hj_123";
+const cardHeading = "_cardHeading_144hj_133";
+const cardDescription = "_cardDescription_144hj_142";
+const cardActions = "_cardActions_144hj_149";
+const cardBadge = "_cardBadge_144hj_169";
 const style0$1 = {
   cardLink,
   cardHeading,
   cardDescription,
-  cardActions
+  cardActions,
+  cardBadge
 };
 const cssModules$1 = {
   "$style": style0$1
@@ -503,9 +506,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         },
         { withPostHog: true }
       );
+      const isAiCreditsExperimentEnabled = posthogStore.getVariant(AI_CREDITS_EXPERIMENT.name) === AI_CREDITS_EXPERIMENT.variant;
+      const easyAiWorkflowJson = getEasyAiWorkflowJson({
+        isInstanceInAiFreeCreditsExperiment: isAiCreditsExperimentEnabled,
+        withOpenAiFreeCredits: settingsStore.aiCreditsQuota
+      });
       await router.push({
-        name: VIEWS.WORKFLOW_ONBOARDING,
-        params: { id: EASY_AI_WORKFLOW_JSON.meta.templateId }
+        name: VIEWS.TEMPLATE_IMPORT,
+        params: { id: easyAiWorkflowJson.meta.templateId },
+        query: { fromJson: "true" }
       });
     };
     const dismissEasyAICallout = () => {
@@ -704,13 +713,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const actionsContainer = "_actionsContainer_1g69p_1";
-const emptyStateCard = "_emptyStateCard_1g69p_17";
-const emptyStateCardIcon = "_emptyStateCardIcon_1g69p_30";
+const actionsContainer = "_actionsContainer_1lrl1_123";
+const emptyStateCard = "_emptyStateCard_1lrl1_139";
+const emptyStateCardIcon = "_emptyStateCardIcon_1lrl1_152";
 const style0 = {
   actionsContainer,
-  "easy-ai-workflow-callout": "_easy-ai-workflow-callout_1g69p_6",
-  "callout-trailing-content": "_callout-trailing-content_1g69p_11",
+  "easy-ai-workflow-callout": "_easy-ai-workflow-callout_1lrl1_128",
+  "callout-trailing-content": "_callout-trailing-content_1lrl1_133",
   emptyStateCard,
   emptyStateCardIcon
 };