fix(editor): Fix ready to run workflows experiment (no-changelog) (#18475)

This commit is contained in:
Romeo Balta
2025-08-18 11:27:23 +01:00
committed by GitHub
parent 47cb4a07ca
commit f0a4ecd6a5
4 changed files with 48 additions and 7 deletions

View File

@@ -2746,7 +2746,11 @@
"workflows.ai.starter.collection.folder.name": "🎁 n8n basics: Learn how to build Agents in n8n",
"workflows.ai.starter.collection.error": "Error loading AI Agent starter collection. Please try again later.",
"workflows.readyToRunWorkflows.card": "Try a workflow - no setup neeeded",
"workflows.readyToRunWorkflows.card2": "Run a workflow",
"workflows.readyToRunWorkflows.card3": "See n8n in action",
"workflows.readyToRunWorkflows.callout": "See n8n in action - no setup needed",
"workflows.readyToRunWorkflows.callout2": "Run a workflow",
"workflows.readyToRunWorkflows.callout3": "See n8n in action",
"workflows.readyToRunWorkflows.cta": "Run a workflow",
"workflows.readyToRunWorkflows.folder.name": "🚀 Ready-to-run workflows",
"workflows.readyToRunWorkflows.error": "Error loading n8n collection. Please try again later.",

View File

@@ -779,7 +779,8 @@ export const BATCH_11AUG_EXPERIMENT = {
name: '37_onboarding_experiments_batch_aug11',
control: 'control',
variantReadyToRun: 'variant-ready-to-run-workflows',
variantStarterPack: 'variant-starter-pack-v2',
variantReadyToRun2: 'variant-ready-to-run-workflows_v2',
variantReadyToRun3: 'variant-ready-to-run-workflows_v3',
};
export const PRE_BUILT_AGENTS_EXPERIMENT = {

View File

@@ -29,8 +29,12 @@ export const useReadyToRunWorkflowsStore = defineStore(
const isFeatureEnabled = computed(() => {
return (
posthogStore.getVariant(BATCH_11AUG_EXPERIMENT.name) ===
BATCH_11AUG_EXPERIMENT.variantReadyToRun && cloudPlanStore.userIsTrialing
[
BATCH_11AUG_EXPERIMENT.variantReadyToRun,
BATCH_11AUG_EXPERIMENT.variantReadyToRun2,
BATCH_11AUG_EXPERIMENT.variantReadyToRun3,
].includes(posthogStore.getVariant(BATCH_11AUG_EXPERIMENT.name)?.toString() ?? '') &&
cloudPlanStore.userIsTrialing
);
});
@@ -64,6 +68,36 @@ export const useReadyToRunWorkflowsStore = defineStore(
});
};
function getCardText() {
const variant = posthogStore.getVariant(BATCH_11AUG_EXPERIMENT.name);
switch (variant) {
case BATCH_11AUG_EXPERIMENT.variantReadyToRun:
return i18n.baseText('workflows.readyToRunWorkflows.card');
case BATCH_11AUG_EXPERIMENT.variantReadyToRun2:
return i18n.baseText('workflows.readyToRunWorkflows.card2');
case BATCH_11AUG_EXPERIMENT.variantReadyToRun3:
return i18n.baseText('workflows.readyToRunWorkflows.card3');
default:
return '';
}
}
function getCalloutText() {
const variant = posthogStore.getVariant(BATCH_11AUG_EXPERIMENT.name);
switch (variant) {
case BATCH_11AUG_EXPERIMENT.variantReadyToRun:
return i18n.baseText('workflows.readyToRunWorkflows.callout');
case BATCH_11AUG_EXPERIMENT.variantReadyToRun2:
return i18n.baseText('workflows.readyToRunWorkflows.callout2');
case BATCH_11AUG_EXPERIMENT.variantReadyToRun3:
return i18n.baseText('workflows.readyToRunWorkflows.callout3');
default:
return '';
}
}
const createWorkflows = async (projectId: string, parentFolderId?: string) => {
const collectionFolder = await foldersStore.createFolder(
i18n.baseText('workflows.readyToRunWorkflows.folder.name'),
@@ -104,6 +138,8 @@ export const useReadyToRunWorkflowsStore = defineStore(
trackDismissCallout,
trackOpenWorkflow,
trackExecuteWorkflow,
getCardText,
getCalloutText,
};
},
);

View File

@@ -1812,7 +1812,7 @@ const onNameSubmit = async (name: string) => {
icon="bolt-filled"
:class="$style['easy-ai-workflow-callout']"
>
{{ i18n.baseText('workflows.readyToRunWorkflows.callout') }}
{{ readyToRunWorkflowsStore.getCalloutText() }}
<template #trailingContent>
<div :class="$style['callout-trailing-content']">
<N8nButton
@@ -1821,7 +1821,7 @@ const onNameSubmit = async (name: string) => {
type="secondary"
@click="handleCreateReadyToRunWorkflows('callout')"
>
{{ i18n.baseText('workflows.readyToRunWorkflows.cta') }}
{{ i18n.baseText('generic.startNow') }}
</N8nButton>
<N8nIcon
size="small"
@@ -2049,11 +2049,11 @@ const onNameSubmit = async (name: string) => {
<N8nIcon
:class="$style.emptyStateCardIcon"
:stroke-width="1.5"
icon="zap"
icon="package-open"
color="foreground-dark"
/>
<N8nText size="large" class="mt-xs pl-2xs pr-2xs">
{{ i18n.baseText('workflows.readyToRunWorkflows.card') }}
{{ readyToRunWorkflowsStore.getCardText() }}
</N8nText>
</div>
</N8nCard>