@wix/cli-app 1.1.81 → 1.1.83

package/build/{GenerateCommand-BXBYWPR6.js → GenerateCommand-IOFKL3RC.js}

@@ -3,20 +3,20 @@ const require = _createRequire(import.meta.url);
 import {
   createPackageManager,
   getRepoType
-} from "./chunk-RZHKF2FT.js";
+} from "./chunk-E4UNGBQY.js";
 import {
   createI18nT
-} from "./chunk-3BX4VLQC.js";
-import "./chunk-GCHPKOS2.js";
+} from "./chunk-KLBXSZ6R.js";
+import "./chunk-3X2VYRBF.js";
 import {
   useWixCliAppBi
-} from "./chunk-S426UONM.js";
+} from "./chunk-ZCUJ356B.js";
 import {
   componentGenerator,
   dependenciesUpdater,
   require_lodash,
   useBackendComponents
-} from "./chunk-PJJ6F4A3.js";
+} from "./chunk-63VDDLLQ.js";
 import "./chunk-ZR3N5INU.js";
 import {
   getEcomRequiredApps,
@@ -33,7 +33,7 @@ import {
   require_setToArray,
   require_toSource,
   useExtensionDataClient
-} from "./chunk-OPFPQV74.js";
+} from "./chunk-VLQG5SQF.js";
 import {
   AsyncCallbackStatus,
   BLOCKS_TYPES_PATH,
@@ -54,6 +54,7 @@ import {
   Key,
   Learn,
   Link,
+  Rocket,
   SERVICE_PLUGINS_DIR,
   SITE_PLUGINS_DIR,
   SITE_WIDGETS_DIR,
@@ -82,6 +83,7 @@ import {
   getSiteWidgetsDir,
   getTSConfigFilePath,
   getTestOverrides,
+  normalizeGlobbyPattern,
   pRetry,
   pathValidation,
   relativeFolderName,
@@ -112,7 +114,7 @@ import {
   uuidValidation,
   writeJson,
   z
-} from "./chunk-2Y6DEXNR.js";
+} from "./chunk-ZLLXHWZF.js";
 import {
   __commonJS,
   __dirname,
@@ -1249,8 +1251,8 @@ var require_stringToPath = __commonJS({
       if (string.charCodeAt(0) === 46) {
         result.push("");
       }
-      string.replace(rePropName, function(match23, number, quote, subString) {
-        result.push(quote ? subString.replace(reEscapeChar, "$1") : number || match23);
+      string.replace(rePropName, function(match15, number, quote, subString) {
+        result.push(quote ? subString.replace(reEscapeChar, "$1") : number || match15);
       });
       return result;
     });
@@ -1360,11 +1362,11 @@ var require_baseGet = __commonJS({
     init_esm_shims();
     var castPath = require_castPath();
     var toKey = require_toKey();
-    function baseGet(object, path15) {
-      path15 = castPath(path15, object);
-      var index = 0, length = path15.length;
+    function baseGet(object, path14) {
+      path14 = castPath(path14, object);
+      var index = 0, length = path14.length;
       while (object != null && index < length) {
-        object = object[toKey(path15[index++])];
+        object = object[toKey(path14[index++])];
       }
       return index && index == length ? object : void 0;
     }
@@ -1378,8 +1380,8 @@ var require_get = __commonJS({
     "use strict";
     init_esm_shims();
     var baseGet = require_baseGet();
-    function get(object, path15, defaultValue) {
-      var result = object == null ? void 0 : baseGet(object, path15);
+    function get(object, path14, defaultValue) {
+      var result = object == null ? void 0 : baseGet(object, path14);
       return result === void 0 ? defaultValue : result;
     }
     module.exports = get;
@@ -1409,11 +1411,11 @@ var require_hasPath = __commonJS({
     var isIndex = require_isIndex();
     var isLength = require_isLength();
     var toKey = require_toKey();
-    function hasPath(object, path15, hasFunc) {
-      path15 = castPath(path15, object);
-      var index = -1, length = path15.length, result = false;
+    function hasPath(object, path14, hasFunc) {
+      path14 = castPath(path14, object);
+      var index = -1, length = path14.length, result = false;
       while (++index < length) {
-        var key = toKey(path15[index]);
+        var key = toKey(path14[index]);
         if (!(result = object != null && hasFunc(object, key))) {
           break;
         }
@@ -1436,8 +1438,8 @@ var require_hasIn = __commonJS({
     init_esm_shims();
     var baseHasIn = require_baseHasIn();
     var hasPath = require_hasPath();
-    function hasIn(object, path15) {
-      return object != null && hasPath(object, path15, baseHasIn);
+    function hasIn(object, path14) {
+      return object != null && hasPath(object, path14, baseHasIn);
     }
     module.exports = hasIn;
   }
@@ -1457,13 +1459,13 @@ var require_baseMatchesProperty = __commonJS({
     var toKey = require_toKey();
     var COMPARE_PARTIAL_FLAG = 1;
     var COMPARE_UNORDERED_FLAG = 2;
-    function baseMatchesProperty(path15, srcValue) {
-      if (isKey(path15) && isStrictComparable(srcValue)) {
-        return matchesStrictComparable(toKey(path15), srcValue);
+    function baseMatchesProperty(path14, srcValue) {
+      if (isKey(path14) && isStrictComparable(srcValue)) {
+        return matchesStrictComparable(toKey(path14), srcValue);
       }
       return function(object) {
-        var objValue = get(object, path15);
-        return objValue === void 0 && objValue === srcValue ? hasIn(object, path15) : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
+        var objValue = get(object, path14);
+        return objValue === void 0 && objValue === srcValue ? hasIn(object, path14) : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
       };
     }
     module.exports = baseMatchesProperty;
@@ -1502,9 +1504,9 @@ var require_basePropertyDeep = __commonJS({
     "use strict";
     init_esm_shims();
     var baseGet = require_baseGet();
-    function basePropertyDeep(path15) {
+    function basePropertyDeep(path14) {
       return function(object) {
-        return baseGet(object, path15);
+        return baseGet(object, path14);
       };
     }
     module.exports = basePropertyDeep;
@@ -1520,8 +1522,8 @@ var require_property = __commonJS({
     var basePropertyDeep = require_basePropertyDeep();
     var isKey = require_isKey();
     var toKey = require_toKey();
-    function property(path15) {
-      return isKey(path15) ? baseProperty(toKey(path15)) : basePropertyDeep(path15);
+    function property(path14) {
+      return isKey(path14) ? baseProperty(toKey(path14)) : basePropertyDeep(path14);
     }
     module.exports = property;
   }
@@ -1572,8 +1574,8 @@ init_esm_shims();
 
 // src/components/GenerateCommand/GenerateCommand.tsx
 init_esm_shims();
-var import_react31 = __toESM(require_react(), 1);
-var import_variant22 = __toESM(require_lib(), 1);
+var import_react36 = __toESM(require_react(), 1);
+var import_variant14 = __toESM(require_lib(), 1);
 
 // src/components/GenerateCommand/dashboad-page/DashboardPage.tsx
 init_esm_shims();
@@ -1647,7 +1649,7 @@ function createServicePluginValidation(servicePlugins, servicePluginType) {
       "Plugin name must be unique"
     ],
     [
-      (path15) => path15.length < 20,
+      (path14) => path14.length < 20,
       "Plugin name must be shorter than 20 characters"
     ],
     [
@@ -1941,11 +1943,11 @@ var InstallationStateVariant = (0, import_variant2.variant)({
 });
 var InstallDependencies = ({
   onFinish,
-  onConfirm
+  onSubmit
 }) => {
   const { model } = useProjectModel();
   const { t: t2 } = useTranslation();
-  const [instalState, setInstalState] = (0, import_react4.useState)(
+  const [installState, setInstallState] = (0, import_react4.useState)(
     InstallationStateVariant.NotStarted()
   );
   return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react4.default.createElement(
@@ -1957,28 +1959,27 @@ var InstallDependencies = ({
         const { projectFolder } = model;
         const repoType = await getRepoType(projectFolder);
         const pkgManager = await createPackageManager(repoType);
+        onSubmit?.();
         if (confirmed) {
-          onConfirm?.();
-          setInstalState(InstallationStateVariant.Installing());
+          setInstallState(InstallationStateVariant.Installing());
           try {
             await pkgManager.runInstall(projectFolder);
           } catch (e) {
-            setInstalState(InstallationStateVariant.Failure());
+            setInstallState(InstallationStateVariant.Failure());
             throw e;
           }
-          setInstalState(InstallationStateVariant.Success());
-          onFinish();
+          setInstallState(InstallationStateVariant.Success());
         } else {
-          setInstalState(
+          setInstallState(
             InstallationStateVariant.Skipped({
               pkgManagerName: pkgManager.name
             })
           );
-          onFinish();
         }
+        onFinish();
       }
     }
-  )), (0, import_variant2.match)(instalState, {
+  )), (0, import_variant2.match)(installState, {
     NotStarted: () => null,
     Failure: () => null,
     Skipped: ({ pkgManagerName }) => /* @__PURE__ */ import_react4.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react4.default.createElement(Text, { skin: "warning" }, /* @__PURE__ */ import_react4.default.createElement(
@@ -2050,11 +2051,15 @@ var Folder = ({
 };
 
 // src/components/GenerateCommand/CompleteGeneration.tsx
+var CompleteGenerationMessage = (0, import_variant3.variant)({
+  SuccessMessage: (0, import_variant3.fields)(),
+  CustomSuccessMessage: (0, import_variant3.fields)()
+});
 var CompleteGeneration = ({
   generationTask,
   extensionType,
-  learnMoreUrl,
-  route
+  route,
+  successMessage
 }) => {
   const { t: t2 } = useTranslation();
   const { completeWizard } = useWizardStep();
@@ -2071,17 +2076,20 @@ var CompleteGeneration = ({
       Success: ({ hasUpdatedDependencies, newFiles }) => /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react6.default.createElement(
         InstallDependencies,
         {
-          onConfirm: () => completeWizard(),
+          onSubmit: () => completeWizard(),
           onFinish: () => setFinishedInstallation(true)
         }
-      ), finishedInstallation && /* @__PURE__ */ import_react6.default.createElement(
-        GenerationSuccessMessage,
-        {
-          extensionType,
-          generatedFiles: newFiles,
-          learnMoreUrl
-        }
-      )),
+      ), finishedInstallation && (0, import_variant3.match)(successMessage, {
+        CustomSuccessMessage: ({ comp }) => comp,
+        SuccessMessage: ({ learnMoreUrl }) => /* @__PURE__ */ import_react6.default.createElement(
+          GenerationSuccessMessage,
+          {
+            extensionType,
+            generatedFiles: newFiles,
+            learnMoreUrl
+          }
+        )
+      })),
       Error: () => null,
       Loading: () => /* @__PURE__ */ import_react6.default.createElement(
         Spinner,
@@ -2097,11 +2105,11 @@ var CompleteGeneration = ({
       t2,
       generationTask,
       extensionType,
-      learnMoreUrl,
       route,
       finishedInstallation,
       setFinishedInstallation,
-      completeWizard
+      completeWizard,
+      successMessage
     ]
   );
 };
@@ -2162,7 +2170,9 @@ var useGenerateDashboardPage = () => {
       {
         generationTask,
         extensionType,
-        learnMoreUrl: "https://wix.to/7W3nYUg",
+        successMessage: CompleteGenerationMessage.SuccessMessage({
+          learnMoreUrl: "https://wix.to/7W3nYUg"
+        }),
         route: pageRoute
       }
     )
@@ -2171,8 +2181,44 @@ var useGenerateDashboardPage = () => {
 
 // src/components/GenerateCommand/embedded-script/EmbeddedScript.tsx
 init_esm_shims();
+var import_react9 = __toESM(require_react(), 1);
+
+// src/components/GenerateCommand/embedded-script/generate.ts
+init_esm_shims();
+import path4 from "node:path";
+import { randomUUID as randomUUID2 } from "node:crypto";
+var EMBEDDED_SCRIPT_TEMPLATE = path4.resolve(
+  __dirname,
+  "../templates/embedded-script"
+);
+async function generateEmbeddedScript(projectFolder, folder, name, scriptType, placement) {
+  const cwd = path4.join(getEmbeddedScriptsDir(projectFolder), folder);
+  const embeddedScriptConfig = {
+    $schema: "https://dev.wix.com/wix-cli/schemas/embedded-script.json",
+    id: randomUUID2(),
+    name,
+    scriptType,
+    placement
+  };
+  const embeddedScriptConfigJSON = toJsonString(embeddedScriptConfig, {
+    spaces: 2
+  });
+  return await componentGenerator({
+    template: EMBEDDED_SCRIPT_TEMPLATE,
+    projectFolder,
+    cwd,
+    data: {
+      embeddedScriptConfigJSON,
+      name,
+      scriptType,
+      placement
+    }
+  });
+}
+
+// src/components/GenerateCommand/embedded-script/steps.tsx
+init_esm_shims();
 var import_react8 = __toESM(require_react(), 1);
-var import_variant4 = __toESM(require_lib(), 1);
 var import_lodash2 = __toESM(require_lodash(), 1);
 
 // src/components/GenerateCommand/embedded-script/const.ts
@@ -2218,74 +2264,20 @@ var SCRIPT_PLACEMENTS = [
   }
 ];
 
-// src/components/GenerateCommand/embedded-script/generate.ts
-init_esm_shims();
-import path4 from "node:path";
-import { randomUUID as randomUUID2 } from "node:crypto";
-var EMBEDDED_SCRIPT_TEMPLATE = path4.resolve(
-  __dirname,
-  "../templates/embedded-script"
-);
-async function generateEmbeddedScript(projectFolder, folder, name, scriptType, placement) {
-  const cwd = path4.join(getEmbeddedScriptsDir(projectFolder), folder);
-  const embeddedScriptConfig = {
-    $schema: "https://dev.wix.com/wix-cli/schemas/embedded-script.json",
-    id: randomUUID2(),
-    name,
-    scriptType,
-    placement
-  };
-  const embeddedScriptConfigJSON = toJsonString(embeddedScriptConfig, {
-    spaces: 2
-  });
-  return await componentGenerator({
-    template: EMBEDDED_SCRIPT_TEMPLATE,
-    projectFolder,
-    cwd,
-    data: {
-      embeddedScriptConfigJSON,
-      name,
-      scriptType,
-      placement
-    }
-  });
-}
-
-// src/components/GenerateCommand/embedded-script/EmbeddedScript.tsx
-var GenerateEmbeddedScript = () => {
-  const bi = useWixCliAppBi();
+// src/components/GenerateCommand/embedded-script/steps.tsx
+var ChooseScriptNameStep = ({ onSubmit, scriptName }) => {
   const { t: t2 } = useTranslation();
-  const { model } = useProjectModel();
-  const { getExtensions } = useExtensions();
+  const bi = useWixCliAppBi();
   const extensionType = t2(
     "generate_command.flow.embedded_script"
   ).toLowerCase();
-  const embeddedScripts = getExtensions("EmbeddedScript");
-  const [scriptFolder, setScriptFolder] = (0, import_react8.useState)();
-  const [scriptName, setScriptName] = (0, import_react8.useState)();
-  const [scriptType, setScriptType] = (0, import_react8.useState)();
-  const [scriptPlacement, setScriptPlacement] = (0, import_react8.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react8.useState)(false);
-  const defaultScriptFolder = (0, import_lodash2.kebabCase)(scriptName);
-  const validateEmbeddedScriptFolder = useValidation(
-    createEmbeddedScriptFolderValidation(embeddedScripts)
-  );
-  const generationTask = useGenerationTask(async () => {
-    if (scriptFolder && scriptName && scriptType && scriptPlacement) {
-      return generateEmbeddedScript(
-        model.projectFolder,
-        scriptFolder,
-        scriptName,
-        scriptType,
-        scriptPlacement
-      );
-    }
-  }, [scriptFolder, scriptName, scriptType, scriptPlacement]);
-  return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(
+  const { isActive, goToNextStep } = useWizardStep();
+  return /* @__PURE__ */ import_react8.default.createElement(
     TextInput,
     {
+      isActive,
       label: t2("generate_command.embedded_script.choose_name"),
-      placeholder: t2("generate_command.embedded_script.name_placeholder"),
+      placeholder: scriptName ?? t2("generate_command.embedded_script.name_placeholder"),
       onSubmit: (value) => {
         bi.cliFlowStepAnswered({
           question: t2("generate_command.embedded_script.choose_name"),
@@ -2293,14 +2285,31 @@ var GenerateEmbeddedScript = () => {
           answer: value,
           additionalInfo: { extensionType }
         });
-        setScriptName(value);
+        onSubmit(value);
+        goToNextStep();
       }
     }
-  ), scriptName && /* @__PURE__ */ import_react8.default.createElement(
+  );
+};
+var ChooseScriptFolderStep = ({ onSubmit, scriptFolder, scriptName }) => {
+  const { t: t2 } = useTranslation();
+  const bi = useWixCliAppBi();
+  const extensionType = t2(
+    "generate_command.flow.embedded_script"
+  ).toLowerCase();
+  const { isActive, goToNextStep } = useWizardStep();
+  const { getExtensions } = useExtensions();
+  const embeddedScripts = getExtensions("EmbeddedScript");
+  const defaultScriptFolder = (0, import_lodash2.kebabCase)(scriptName);
+  const validateEmbeddedScriptFolder = useValidation(
+    createEmbeddedScriptFolderValidation(embeddedScripts)
+  );
+  return /* @__PURE__ */ import_react8.default.createElement(
     TextInput,
     {
+      isActive,
       label: t2("generate_command.embedded_script.choose_folder"),
-      placeholder: defaultScriptFolder,
+      placeholder: scriptFolder ?? defaultScriptFolder,
       onSubmit: (value) => {
         bi.cliFlowStepAnswered({
           question: t2("generate_command.embedded_script.choose_folder"),
@@ -2308,20 +2317,32 @@ var GenerateEmbeddedScript = () => {
           answer: value,
           additionalInfo: { extensionType }
         });
-        setScriptFolder(value);
+        onSubmit(value);
+        goToNextStep();
       },
       validate: validateEmbeddedScriptFolder
     }
-  ), scriptFolder && scriptName && /* @__PURE__ */ import_react8.default.createElement(
+  );
+};
+var ChooseScriptTypeStep = ({ onSubmit }) => {
+  const { t: t2 } = useTranslation();
+  const bi = useWixCliAppBi();
+  const extensionType = t2(
+    "generate_command.flow.embedded_script"
+  ).toLowerCase();
+  const { isActive, goToNextStep } = useWizardStep();
+  return /* @__PURE__ */ import_react8.default.createElement(
     SelectInput,
     {
+      isActive,
       label: t2("generate_command.embedded_script.choose_type"),
       info: /* @__PURE__ */ import_react8.default.createElement(
         Trans,
         {
           i18nKey: "generate_command.embedded_script.type_info",
           components: [
-            /* @__PURE__ */ import_react8.default.createElement(Link, { url: "https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/embedded-scripts/embedded-script-extension-files-and-code" })
+            // https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/embedded-scripts/embedded-script-extension-files-and-code
+            /* @__PURE__ */ import_react8.default.createElement(Link, { url: "https://wix.to/0GEdYOs" })
           ]
         }
       ),
@@ -2333,12 +2354,23 @@ var GenerateEmbeddedScript = () => {
           answer: option.title,
           additionalInfo: { extensionType }
         });
-        setScriptType(option.value);
+        onSubmit(option.value);
+        goToNextStep();
       }
     }
-  ), scriptFolder && scriptName && scriptType && /* @__PURE__ */ import_react8.default.createElement(
+  );
+};
+var ChooseScriptPlacementStep = ({ onSubmit }) => {
+  const { t: t2 } = useTranslation();
+  const bi = useWixCliAppBi();
+  const extensionType = t2(
+    "generate_command.flow.embedded_script"
+  ).toLowerCase();
+  const { isActive, goToNextStep } = useWizardStep();
+  return /* @__PURE__ */ import_react8.default.createElement(
     SelectInput,
     {
+      isActive,
       label: t2("generate_command.embedded_script.choose_placement"),
       info: t2("generate_command.embedded_script.placement_info"),
       options: SCRIPT_PLACEMENTS,
@@ -2349,54 +2381,64 @@ var GenerateEmbeddedScript = () => {
           answer: option.title,
           additionalInfo: { extensionType }
         });
-        setScriptPlacement(option.value);
+        onSubmit(option.value);
+        goToNextStep();
       }
     }
-  ), (0, import_react8.useMemo)(
-    () => (0, import_variant4.match)(generationTask, {
-      Success: ({ hasUpdatedDependencies, newFiles }) => {
-        if (!hasUpdatedDependencies) {
-          setFinishedInstallation(true);
-        }
-        return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react8.default.createElement(
-          InstallDependencies,
-          {
-            onFinish: () => setFinishedInstallation(true)
-          }
-        ), finishedInstallation && /* @__PURE__ */ import_react8.default.createElement(
-          GenerationSuccessMessage,
-          {
-            extensionType,
-            generatedFiles: newFiles,
-            learnMoreUrl: "https://wix.to/CDGhNZG"
-          }
-        ));
-      },
-      Loading: () => /* @__PURE__ */ import_react8.default.createElement(
-        Spinner,
-        {
-          text: t2("generate_command.generation.loading", {
-            subject: extensionType
-          })
-        }
-      ),
-      Error: () => null,
-      NotRequested: () => null
-    }),
-    [
-      generationTask,
-      extensionType,
-      t2,
-      finishedInstallation,
-      setFinishedInstallation
-    ]
-  ));
+  );
+};
+
+// src/components/GenerateCommand/embedded-script/EmbeddedScript.tsx
+var useGenerateEmbeddedScript = () => {
+  const { t: t2 } = useTranslation();
+  const { model } = useProjectModel();
+  const extensionType = t2(
+    "generate_command.flow.embedded_script"
+  ).toLowerCase();
+  const [scriptFolder, setScriptFolder] = (0, import_react9.useState)();
+  const [scriptName, setScriptName] = (0, import_react9.useState)();
+  const [scriptType, setScriptType] = (0, import_react9.useState)();
+  const [scriptPlacement, setScriptPlacement] = (0, import_react9.useState)();
+  const generationTask = useGenerationTask(async () => {
+    if (scriptFolder && scriptName && scriptType && scriptPlacement) {
+      return generateEmbeddedScript(
+        model.projectFolder,
+        scriptFolder,
+        scriptName,
+        scriptType,
+        scriptPlacement
+      );
+    }
+  }, [scriptFolder, scriptName, scriptType, scriptPlacement]);
+  return [
+    /* @__PURE__ */ import_react9.default.createElement(ChooseScriptNameStep, { onSubmit: setScriptName, scriptName }),
+    /* @__PURE__ */ import_react9.default.createElement(
+      ChooseScriptFolderStep,
+      {
+        onSubmit: setScriptFolder,
+        scriptName,
+        scriptFolder
+      }
+    ),
+    /* @__PURE__ */ import_react9.default.createElement(ChooseScriptTypeStep, { onSubmit: setScriptType }),
+    /* @__PURE__ */ import_react9.default.createElement(ChooseScriptPlacementStep, { onSubmit: setScriptPlacement }),
+    /* @__PURE__ */ import_react9.default.createElement(
+      CompleteGeneration,
+      {
+        generationTask,
+        extensionType,
+        successMessage: CompleteGenerationMessage.SuccessMessage({
+          // https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/embedded-scripts/about-embedded-scripts-and-the-cli
+          learnMoreUrl: "https://wix.to/CDGhNZG"
+        })
+      }
+    )
+  ];
 };
 
 // src/components/GenerateCommand/sidebar-category/SidebarCategory.tsx
 init_esm_shims();
-var import_react9 = __toESM(require_react(), 1);
-var import_variant5 = __toESM(require_lib(), 1);
+var import_react10 = __toESM(require_react(), 1);
 
 // src/components/GenerateCommand/sidebar-category/generate.ts
 init_esm_shims();
@@ -2419,27 +2461,19 @@ async function generateSidebarCategory(projectFolder, config, categoryLabel) {
 }
 
 // src/components/GenerateCommand/sidebar-category/SidebarCategory.tsx
-var GenerateSidebarCategory = () => {
-  const bi = useWixCliAppBi();
+var ChooseCategoryLabelStep = ({ onSubmit, categoryLabel }) => {
   const { t: t2 } = useTranslation();
-  const {
-    model: { projectFolder, config }
-  } = useProjectModel();
+  const bi = useWixCliAppBi();
   const extensionType = t2(
     "generate_command.flow.sidebar_category"
   ).toLowerCase();
-  const [categoryLabel, setCategoryLabel] = (0, import_react9.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react9.useState)(false);
-  const generationTask = useGenerationTask(async () => {
-    if (categoryLabel) {
-      return generateSidebarCategory(projectFolder, config, categoryLabel);
-    }
-  }, [categoryLabel]);
-  return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(
+  const { isActive, goToNextStep } = useWizardStep();
+  return /* @__PURE__ */ import_react10.default.createElement(
     TextInput,
     {
+      isActive,
       label: t2("generate_command.sidebar_category.choose_label"),
-      placeholder: t2("generate_command.sidebar_category.label_placeholder"),
+      placeholder: categoryLabel ?? t2("generate_command.sidebar_category.label_placeholder"),
       onSubmit: (value) => {
         bi.cliFlowStepAnswered({
           question: t2("generate_command.sidebar_category.choose_label"),
@@ -2447,50 +2481,51 @@ var GenerateSidebarCategory = () => {
           answer: value,
           additionalInfo: { extensionType }
         });
-        setCategoryLabel(value);
+        onSubmit(value);
+        goToNextStep();
       }
     }
-  ), (0, import_react9.useMemo)(
-    () => (0, import_variant5.match)(generationTask, {
-      Error: () => null,
-      Success: ({ hasUpdatedDependencies }) => {
-        if (hasUpdatedDependencies) {
-          return /* @__PURE__ */ import_react9.default.createElement(
-            InstallDependencies,
-            {
-              onFinish: () => setFinishedInstallation(true)
-            }
-          );
-        }
-        setFinishedInstallation(true);
-        return null;
-      },
-      Loading: () => /* @__PURE__ */ import_react9.default.createElement(
-        Spinner,
-        {
-          text: t2("generate_command.generation.loading", {
-            subject: extensionType
-          })
-        }
-      ),
-      NotRequested: () => null
-    }),
-    [generationTask, setFinishedInstallation, t2, extensionType]
-  ), finishedInstallation && /* @__PURE__ */ import_react9.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react9.default.createElement(Text, null, t2("generate_command.generation.done", {
-    extensionType
-  })), /* @__PURE__ */ import_react9.default.createElement(
-    Trans,
-    {
-      i18nKey: "generate_command.generation.learn_more",
-      values: { extensionType },
-      components: [/* @__PURE__ */ import_react9.default.createElement(Learn, null), /* @__PURE__ */ import_react9.default.createElement(Link, { url: "https://wix.to/7W3nYUg" })]
-    }
-  )));
+  );
 };
-
-// src/components/GenerateCommand/dashboard-modal/DashboardModal.tsx
-init_esm_shims();
-var import_react11 = __toESM(require_react(), 1);
+var useGenerateSidebarCategory = () => {
+  const { t: t2 } = useTranslation();
+  const {
+    model: { projectFolder, config }
+  } = useProjectModel();
+  const extensionType = t2(
+    "generate_command.flow.sidebar_category"
+  ).toLowerCase();
+  const [categoryLabel, setCategoryLabel] = (0, import_react10.useState)();
+  const generationTask = useGenerationTask(async () => {
+    if (categoryLabel) {
+      return generateSidebarCategory(projectFolder, config, categoryLabel);
+    }
+  }, [categoryLabel]);
+  return [
+    /* @__PURE__ */ import_react10.default.createElement(
+      ChooseCategoryLabelStep,
+      {
+        onSubmit: setCategoryLabel,
+        categoryLabel
+      }
+    ),
+    /* @__PURE__ */ import_react10.default.createElement(
+      CompleteGeneration,
+      {
+        generationTask,
+        extensionType,
+        successMessage: CompleteGenerationMessage.SuccessMessage({
+          // https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/dashboard-extensions/dashboard-pages/dashboard-page-extension-files-and-code
+          learnMoreUrl: "https://wix.to/7W3nYUg"
+        })
+      }
+    )
+  ];
+};
+
+// src/components/GenerateCommand/dashboard-modal/DashboardModal.tsx
+init_esm_shims();
+var import_react12 = __toESM(require_react(), 1);
 
 // src/components/GenerateCommand/dashboard-modal/generate.ts
 init_esm_shims();
@@ -2525,7 +2560,7 @@ async function generateDashboardModal(projectFolder, route, title) {
 
 // src/components/GenerateCommand/dashboard-modal/steps.tsx
 init_esm_shims();
-var import_react10 = __toESM(require_react(), 1);
+var import_react11 = __toESM(require_react(), 1);
 var import_lodash3 = __toESM(require_lodash(), 1);
 var ChooseTitleStep = ({
   onSubmit
@@ -2536,7 +2571,7 @@ var ChooseTitleStep = ({
   const extensionType = t2(
     "generate_command.flow.dashboard_modal"
   ).toLowerCase();
-  return /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react11.default.createElement(
     TextInput,
     {
       isActive,
@@ -2585,7 +2620,7 @@ var ChooseFolderStep = ({ onSubmit, modalTitle, modalFolder }) => {
       ]
     ])
   );
-  return /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react11.default.createElement(
     TextInput,
     {
       isActive,
@@ -2613,8 +2648,8 @@ var useGenerateDashboardModal = () => {
   const extensionType = t2(
     "generate_command.flow.dashboard_modal"
   ).toLowerCase();
-  const [modalFolder, setModalFolder] = (0, import_react11.useState)();
-  const [modalTitle, setModalTitle] = (0, import_react11.useState)();
+  const [modalFolder, setModalFolder] = (0, import_react12.useState)();
+  const [modalTitle, setModalTitle] = (0, import_react12.useState)();
   const modalQuestionsAnswered = modalFolder && modalTitle;
   const generationTask = useGenerationTask(async () => {
     if (!modalQuestionsAnswered) {
@@ -2623,8 +2658,8 @@ var useGenerateDashboardModal = () => {
     return generateDashboardModal(model.projectFolder, modalFolder, modalTitle);
   }, [modalQuestionsAnswered]);
   return [
-    /* @__PURE__ */ import_react11.default.createElement(ChooseTitleStep, { onSubmit: setModalTitle }),
-    /* @__PURE__ */ import_react11.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(ChooseTitleStep, { onSubmit: setModalTitle }),
+    /* @__PURE__ */ import_react12.default.createElement(
       ChooseFolderStep,
       {
         onSubmit: setModalFolder,
@@ -2632,12 +2667,15 @@ var useGenerateDashboardModal = () => {
         modalFolder
       }
     ),
-    /* @__PURE__ */ import_react11.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(
       CompleteGeneration,
       {
         generationTask,
         extensionType,
-        learnMoreUrl: "https://wix.to/zh5ZfMK",
+        successMessage: CompleteGenerationMessage.SuccessMessage({
+          // https://dev.wix.com/docs/build-apps/developer-tools/cli/wix-cli-for-apps/extensions/dashboard-modal-extensions-files-and-code
+          learnMoreUrl: "https://wix.to/zh5ZfMK"
+        }),
         route: modalFolder
       }
     )
@@ -2649,14 +2687,13 @@ init_esm_shims();
 
 // src/components/GenerateCommand/service-plugin/ServicePlugin.tsx
 init_esm_shims();
-var import_react12 = __toESM(require_react(), 1);
-var import_variant7 = __toESM(require_lib(), 1);
+var import_react14 = __toESM(require_react(), 1);
 
 // src/components/GenerateCommand/service-plugin/generate.ts
 init_esm_shims();
 import path6 from "node:path";
 import { randomUUID as randomUUID5 } from "node:crypto";
-var import_variant6 = __toESM(require_lib(), 1);
+var import_variant4 = __toESM(require_lib(), 1);
 var SERVICE_PLUGIN_TEMPLATE = path6.resolve(
   __dirname,
   "../templates/service-plugin"
@@ -2673,7 +2710,7 @@ async function generateServicePlugin(projectFolder, servicePluginType, name) {
     id: randomUUID5(),
     name
   };
-  const servicePluginConfig = (0, import_variant6.match)(servicePluginType, {
+  const servicePluginConfig = (0, import_variant4.match)(servicePluginType, {
     ECOM_ADDITIONAL_FEES: () => ({}),
     ECOM_SHIPPING_RATES: () => ({
       name: "Shipping Rates Provider",
@@ -2705,16 +2742,14 @@ async function generateServicePlugin(projectFolder, servicePluginType, name) {
   });
 }
 
-// src/components/GenerateCommand/service-plugin/ServicePlugin.tsx
-var GenerateServicePlugin = () => {
+// src/components/GenerateCommand/service-plugin/steps.tsx
+init_esm_shims();
+var import_react13 = __toESM(require_react(), 1);
+var SelectServicePluginStep = ({ onSubmit, typeOption }) => {
   const bi = useWixCliAppBi();
   const { t: t2 } = useTranslation();
-  const { model } = useProjectModel();
-  const { getExtensions } = useExtensions();
-  const [type, setType] = (0, import_react12.useState)();
-  const [name, setName] = (0, import_react12.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react12.useState)(false);
-  const generateServicePluginOptions = (0, import_react12.useMemo)(
+  const { isActive, goToNextStep } = useWizardStep();
+  const generateServicePluginOptions = (0, import_react13.useMemo)(
     () => [
       {
         title: t2("generate_command.service_plugin.groups.stores"),
@@ -2750,44 +2785,43 @@ var GenerateServicePlugin = () => {
     ],
     [t2]
   );
-  const extensionType = t2("generate_command.flow.service_plugin").toLowerCase();
-  const selectSupportedServicePlugin = (0, import_react12.useCallback)(
+  const selectSupportedServicePlugin = (0, import_react13.useCallback)(
     (supportedServicePlugin) => {
       bi.cliFlowStepAnswered({
         question: t2("generate_command.service_plugin.choose_type"),
         questionKey: "generate_command.service_plugin.choose_type",
         answer: supportedServicePlugin.title
       });
-      setType(supportedServicePlugin.value);
+      onSubmit(supportedServicePlugin);
+      goToNextStep();
     },
-    [bi, t2]
-  );
-  const validateServicePluginFolder = useValidation(
-    createServicePluginValidation(getExtensions("ServicePlugin"), type)
+    [bi, t2, onSubmit, goToNextStep]
   );
-  const generationTask = useGenerationTask(async () => {
-    if (name && type) {
-      const result = await generateServicePlugin(
-        model.projectFolder,
-        type,
-        name
-      );
-      return result;
-    }
-  }, [name, type]);
-  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement(
     SelectGroupsInput,
     {
+      value: !isActive && typeOption ? InputState.Submitted(typeOption) : InputState.NotSubmitted(typeOption),
       label: t2("generate_command.service_plugin.choose_type"),
       groups: generateServicePluginOptions,
       onSubmit: selectSupportedServicePlugin,
       maxHeight: 14
     }
-  ), type && /* @__PURE__ */ import_react12.default.createElement(
+  );
+};
+var ChooseNameStep = ({ onSubmit, type, name }) => {
+  const bi = useWixCliAppBi();
+  const { t: t2 } = useTranslation();
+  const { getExtensions } = useExtensions();
+  const { isActive, goToNextStep } = useWizardStep();
+  const validateServicePluginFolder = useValidation(
+    createServicePluginValidation(getExtensions("ServicePlugin"), type)
+  );
+  return /* @__PURE__ */ import_react13.default.createElement(
     TextInput,
     {
+      isActive,
       label: t2("generate_command.service_plugin.choose_name"),
-      placeholder: t2("generate_command.service_plugin.name_placeholder"),
+      placeholder: name ?? t2("generate_command.service_plugin.name_placeholder"),
       onSubmit: (value) => {
         bi.cliFlowStepAnswered({
           question: t2("generate_command.service_plugin.choose_name"),
@@ -2795,60 +2829,63 @@ var GenerateServicePlugin = () => {
           answer: value,
           additionalInfo: { servicePluginType: type }
         });
-        setName(value);
+        onSubmit(value);
+        goToNextStep();
       },
       validate: validateServicePluginFolder
     }
-  ), (0, import_react12.useMemo)(
-    () => (0, import_variant7.match)(generationTask, {
-      Success: ({ hasUpdatedDependencies, newFiles }) => {
-        if (!hasUpdatedDependencies) {
-          setFinishedInstallation(true);
-        }
-        return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react12.default.createElement(
-          InstallDependencies,
-          {
-            onFinish: () => setFinishedInstallation(true)
-          }
-        ), finishedInstallation && /* @__PURE__ */ import_react12.default.createElement(
-          GenerationSuccessMessage,
-          {
-            extensionType,
-            generatedFiles: newFiles,
-            learnMoreUrl: "https://wix.to/YWyluDf"
-          }
-        ));
-      },
-      Loading: () => /* @__PURE__ */ import_react12.default.createElement(
-        Spinner,
-        {
-          text: t2("generate_command.generation.loading", {
-            subject: extensionType
-          })
-        }
-      ),
-      Error: () => null,
-      NotRequested: () => null
-    }),
-    [
-      generationTask,
-      extensionType,
-      t2,
-      finishedInstallation,
-      setFinishedInstallation
-    ]
-  ));
+  );
+};
+
+// src/components/GenerateCommand/service-plugin/ServicePlugin.tsx
+var useGenerateServicePlugin = () => {
+  const { t: t2 } = useTranslation();
+  const { model } = useProjectModel();
+  const [typeOption, setTypeOption] = (0, import_react14.useState)();
+  const [name, setName] = (0, import_react14.useState)();
+  const extensionType = t2("generate_command.flow.service_plugin").toLowerCase();
+  const generationTask = useGenerationTask(async () => {
+    if (name && typeOption) {
+      const result = await generateServicePlugin(
+        model.projectFolder,
+        typeOption.value,
+        name
+      );
+      return result;
+    }
+  }, [name, typeOption]);
+  return [
+    /* @__PURE__ */ import_react14.default.createElement(
+      SelectServicePluginStep,
+      {
+        onSubmit: setTypeOption,
+        typeOption
+      }
+    ),
+    /* @__PURE__ */ import_react14.default.createElement(ChooseNameStep, { onSubmit: setName, name, type: typeOption?.value }),
+    /* @__PURE__ */ import_react14.default.createElement(
+      CompleteGeneration,
+      {
+        generationTask,
+        extensionType,
+        successMessage: CompleteGenerationMessage.SuccessMessage({
+          // Original URL: https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/backend-extensions/service-plugins/add-service-plugin-extensions-with-the-cli
+          learnMoreUrl: "https://wix.to/YWyluDf"
+        })
+      }
+    )
+  ];
 };
 
 // src/components/GenerateCommand/plugins/DashboardPlugin.tsx
 init_esm_shims();
-var import_react21 = __toESM(require_react(), 1);
-var import_variant14 = __toESM(require_lib(), 1);
+var import_react23 = __toESM(require_react(), 1);
+var import_variant11 = __toESM(require_lib(), 1);
 
 // src/components/GenerateCommand/plugins/dashboard-plugin/DashboardPluginWizard.tsx
 init_esm_shims();
-var import_react16 = __toESM(require_react(), 1);
-var import_variant10 = __toESM(require_lib(), 1);
+var import_react18 = __toESM(require_react(), 1);
+var import_variant7 = __toESM(require_lib(), 1);
 var import_lodash4 = __toESM(require_lodash(), 1);
 
 // src/components/GenerateCommand/plugins/dashboard-plugin/generate.ts
@@ -2882,8 +2919,8 @@ async function generateDashboardPlugin(projectFolder, extended, folder, title, i
 
 // src/components/GenerateCommand/AppRequirement.tsx
 init_esm_shims();
-var import_react13 = __toESM(require_react(), 1);
-var import_variant8 = __toESM(require_lib(), 1);
+var import_react15 = __toESM(require_react(), 1);
+var import_variant5 = __toESM(require_lib(), 1);
 var AppRequirement = ({
   appId,
   requiredApps,
@@ -2910,9 +2947,9 @@ var AppRequirement = ({
     }
     return appsToRequire;
   }, []);
-  const handleSubmit = (0, import_react13.useCallback)(
+  const handleSubmit = (0, import_react15.useCallback)(
     (shouldRequire) => {
-      if ((0, import_variant8.isType)(status, "Success")) {
+      if ((0, import_variant5.isType)(status, "Success")) {
         bi.cliFlowStepAnswered({
           question: t2("generate_command.required_app", {
             appsNames: status.result.map((requiredApp) => requiredApp.name).join(", ")
@@ -2932,37 +2969,37 @@ var AppRequirement = ({
     },
     [bi, onSubmit, t2, status]
   );
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, (0, import_variant8.match)(status, {
-    Success: ({ result: appsToRequire }) => appsToRequire.length > 0 && /* @__PURE__ */ import_react13.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, (0, import_variant5.match)(status, {
+    Success: ({ result: appsToRequire }) => appsToRequire.length > 0 && /* @__PURE__ */ import_react15.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react15.default.createElement(
       ConfirmInput,
       {
         label: t2("generate_command.required_app", {
           appsNames: appsToRequire.map((requiredApp) => requiredApp.name).join(", ")
         }),
-        info: /* @__PURE__ */ import_react13.default.createElement(
+        info: /* @__PURE__ */ import_react15.default.createElement(
           Trans,
           {
             i18nKey: "generate_command.required_app.description",
             values: {
               appsNames: appsToRequire.map((requiredApp) => requiredApp.name).join(", ")
             },
-            components: [/* @__PURE__ */ import_react13.default.createElement(Link, { url: "https://wix.to/YAydHiJ" })]
+            components: [/* @__PURE__ */ import_react15.default.createElement(Link, { url: "https://wix.to/YAydHiJ" })]
           }
         ),
         onSubmit: handleSubmit
       }
     )),
-    Loading: () => /* @__PURE__ */ import_react13.default.createElement(Spinner, null),
+    Loading: () => /* @__PURE__ */ import_react15.default.createElement(Spinner, null),
     Error: () => null
   }));
 };
 
 // src/components/GenerateCommand/MultipleAppRequirement.tsx
 init_esm_shims();
-var import_react14 = __toESM(require_react(), 1);
-var import_variant9 = __toESM(require_lib(), 1);
-var RequiredAppOptions = (0, import_variant9.variant)({
-  Available: (0, import_variant9.fields)(),
+var import_react16 = __toESM(require_react(), 1);
+var import_variant6 = __toESM(require_lib(), 1);
+var RequiredAppOptions = (0, import_variant6.variant)({
+  Available: (0, import_variant6.fields)(),
   FailedToGetRequiredApps: {}
 });
 var MultipleAppRequirement = ({
@@ -2974,7 +3011,7 @@ var MultipleAppRequirement = ({
   const { t: t2 } = useTranslation();
   const { getRequiredApps } = useDevCenterClient();
   const { reportError } = useErrorReporter();
-  const handleSubmit = (0, import_react14.useCallback)(
+  const handleSubmit = (0, import_react16.useCallback)(
     (option) => {
       bi.cliFlowStepAnswered({
         question: t2("generate_command.required_business_solution"),
@@ -3008,12 +3045,12 @@ var MultipleAppRequirement = ({
       value: ""
     });
     const initialIndex = options.findIndex(
-      (_) => !(0, import_variant9.isType)(_.availability, SelectOptionAvailability.Disabled)
+      (_) => !(0, import_variant6.isType)(_.availability, SelectOptionAvailability.Disabled)
     );
     return RequiredAppOptions.Available({ options, initialIndex });
   }, [getRequiredApps, appId]);
-  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, (0, import_variant9.match)(status, {
-    Loading: () => /* @__PURE__ */ import_react14.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, (0, import_variant6.match)(status, {
+    Loading: () => /* @__PURE__ */ import_react16.default.createElement(
       Spinner,
       {
         text: t2("generate_command.required_business_solution.loading")
@@ -3021,8 +3058,8 @@ var MultipleAppRequirement = ({
     ),
     Error: () => null,
     Success: ({ result }) => {
-      return (0, import_variant9.match)(result, {
-        Available: ({ options, initialIndex }) => /* @__PURE__ */ import_react14.default.createElement(
+      return (0, import_variant6.match)(result, {
+        Available: ({ options, initialIndex }) => /* @__PURE__ */ import_react16.default.createElement(
           SelectInput,
           {
             label: t2("generate_command.required_business_solution"),
@@ -3034,18 +3071,18 @@ var MultipleAppRequirement = ({
             onSubmit: handleSubmit
           }
         ),
-        FailedToGetRequiredApps: () => /* @__PURE__ */ import_react14.default.createElement(Box_default, { marginBottom: 1, gap: 1, flexDirection: "column" }, /* @__PURE__ */ import_react14.default.createElement(InputLabel, null, t2("generate_command.required_business_solution")), /* @__PURE__ */ import_react14.default.createElement(
+        FailedToGetRequiredApps: () => /* @__PURE__ */ import_react16.default.createElement(Box_default, { marginBottom: 1, gap: 1, flexDirection: "column" }, /* @__PURE__ */ import_react16.default.createElement(InputLabel, null, t2("generate_command.required_business_solution")), /* @__PURE__ */ import_react16.default.createElement(
           ErrorDetails,
           {
             message: t2(
               "generate_command.required_business_solution.error"
             ),
-            hint: /* @__PURE__ */ import_react14.default.createElement(
+            hint: /* @__PURE__ */ import_react16.default.createElement(
               Trans,
               {
                 i18nKey: "generate_command.required_business_solution.error.hint",
                 components: [
-                  /* @__PURE__ */ import_react14.default.createElement(
+                  /* @__PURE__ */ import_react16.default.createElement(
                     Link,
                     {
                       url: `https://manage.wix.com/apps/${appId}/dev-center-giza-market-listing/app-audience?referralInfo=wix-cli`
@@ -3063,7 +3100,7 @@ var MultipleAppRequirement = ({
 
 // src/components/GenerateCommand/plugins/dashboard-plugin/DashboardPluginGeneratedNote.tsx
 init_esm_shims();
-var import_react15 = __toESM(require_react(), 1);
+var import_react17 = __toESM(require_react(), 1);
 var customGroupMessages = /* @__PURE__ */ new Map([
   ["Checkout & Orders", "generate_command.generation.ecommerce_notification"]
 ]);
@@ -3073,14 +3110,14 @@ var DashboardPluginGeneratedNote = ({ backofficeExtensionWidget, generatedFiles
     "generate_command.flow.dashboard_plugin"
   ).toLowerCase();
   const customKey = customGroupMessages.get(backofficeExtensionWidget.appName);
-  return /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement(
     GenerationSuccessMessage,
     {
       extensionType,
       generatedFiles,
       learnMoreUrl: "https://wix.to/dFFuEki"
     },
-    customKey ? /* @__PURE__ */ import_react15.default.createElement(Text, null, t2(customKey)) : null
+    customKey ? /* @__PURE__ */ import_react17.default.createElement(Text, null, t2(customKey)) : null
   );
 };
 
@@ -3097,15 +3134,15 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
   const { getExtensions } = useExtensions();
   const { reportError } = useErrorReporter();
   const { getSdkSlotData } = useExtensionDataClient();
-  const [backofficeExtensionWidget, setBackofficeExtensionWidget] = (0, import_react16.useState)();
+  const [backofficeExtensionWidget, setBackofficeExtensionWidget] = (0, import_react18.useState)();
   const extensionType = t2(
     "generate_command.flow.dashboard_plugin"
   ).toLowerCase();
   const dashboardPlugins = getExtensions("DashboardPlugin");
-  const [folder, setFolder] = (0, import_react16.useState)();
-  const [title, setTitle] = (0, import_react16.useState)();
-  const [requireAppsIds, setRequireAppsIds] = (0, import_react16.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react16.useState)(false);
+  const [folder, setFolder] = (0, import_react18.useState)();
+  const [title, setTitle] = (0, import_react18.useState)();
+  const [requireAppsIds, setRequireAppsIds] = (0, import_react18.useState)();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react18.useState)(false);
   const defaultFolderName = (0, import_lodash4.kebabCase)(title);
   const validatePluginFolder = useValidation(
     createDashboardPluginValidation(dashboardPlugins)
@@ -3151,12 +3188,12 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
           if (backofficeExtensionWidget2) {
             extensionsByApps[backofficePage.component.componentId]?.items.push({
               title: backofficeExtensionWidget2.component.data.backOfficeExtensionContainer.slotData?.displayName ?? backofficeExtensionWidget2.component.name,
-              description: /* @__PURE__ */ import_react16.default.createElement(
+              description: /* @__PURE__ */ import_react18.default.createElement(
                 Trans,
                 {
                   i18nKey: "generate_command.dashboard_plugin.what_to_extend.item_description",
                   components: [
-                    /* @__PURE__ */ import_react16.default.createElement(
+                    /* @__PURE__ */ import_react18.default.createElement(
                       Link,
                       {
                         url: docsLink(
@@ -3183,18 +3220,18 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
     backofficeExtensionWidgets.sort((a, b) => a.title.localeCompare(b.title));
     return backofficeExtensionWidgets;
   }, []);
-  const task = (0, import_react16.useMemo)(
-    () => (0, import_variant10.match)(generationTask, {
+  const task = (0, import_react18.useMemo)(
+    () => (0, import_variant7.match)(generationTask, {
       Success: ({ hasUpdatedDependencies, newFiles }) => {
         if (!hasUpdatedDependencies) {
           setFinishedInstallation(true);
         }
-        return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react16.default.createElement(
+        return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react18.default.createElement(
           InstallDependencies,
           {
             onFinish: () => setFinishedInstallation(true)
           }
-        ), finishedInstallation && backofficeExtensionWidget && /* @__PURE__ */ import_react16.default.createElement(
+        ), finishedInstallation && backofficeExtensionWidget && /* @__PURE__ */ import_react18.default.createElement(
           DashboardPluginGeneratedNote,
           {
             backofficeExtensionWidget,
@@ -3202,7 +3239,7 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
           }
         ));
       },
-      Loading: () => /* @__PURE__ */ import_react16.default.createElement(
+      Loading: () => /* @__PURE__ */ import_react18.default.createElement(
         Spinner,
         {
           text: t2("generate_command.generation.loading", {
@@ -3221,18 +3258,18 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
       backofficeExtensionWidget
     ]
   );
-  return (0, import_variant10.match)(status, {
+  return (0, import_variant7.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react16.default.createElement(Spinner, { text: t2("general.loading") }),
-    Success: ({ result: backofficeExtensionWidgets }) => /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
+    Loading: () => /* @__PURE__ */ import_react18.default.createElement(Spinner, { text: t2("general.loading") }),
+    Success: ({ result: backofficeExtensionWidgets }) => /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(
       SelectGroupsInput,
       {
         label: t2("generate_command.dashboard_plugin.what_to_extend"),
-        info: /* @__PURE__ */ import_react16.default.createElement(
+        info: /* @__PURE__ */ import_react18.default.createElement(
           Trans,
           {
             i18nKey: "generate_command.dashboard_plugin.what_to_extend.description",
-            components: [/* @__PURE__ */ import_react16.default.createElement(Link, { url: "https://wix.to/ZeCt07g" })]
+            components: [/* @__PURE__ */ import_react18.default.createElement(Link, { url: "https://wix.to/ZeCt07g" })]
           }
         ),
         hideScroll: true,
@@ -3247,7 +3284,7 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
           setBackofficeExtensionWidget(option.value);
         }
       }
-    ), backofficeExtensionWidget && (slotsApp.requiredApps.length === 1 ? /* @__PURE__ */ import_react16.default.createElement(
+    ), backofficeExtensionWidget && (slotsApp.requiredApps.length === 1 ? /* @__PURE__ */ import_react18.default.createElement(
       AppRequirement,
       {
         appId: model.config.appId,
@@ -3259,7 +3296,7 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
         ],
         onSubmit: setRequireAppsIds
       }
-    ) : /* @__PURE__ */ import_react16.default.createElement(
+    ) : /* @__PURE__ */ import_react18.default.createElement(
       MultipleAppRequirement,
       {
         appId: model.config.appId,
@@ -3269,7 +3306,7 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
         })),
         onSubmit: setRequireAppsIds
       }
-    )), requireAppsIds && /* @__PURE__ */ import_react16.default.createElement(
+    )), requireAppsIds && /* @__PURE__ */ import_react18.default.createElement(
       TextInput,
       {
         label: t2("generate_command.dashboard_plugin.choose_title"),
@@ -3286,7 +3323,7 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
           setTitle(value);
         }
       }
-    ), title && /* @__PURE__ */ import_react16.default.createElement(
+    ), title && /* @__PURE__ */ import_react18.default.createElement(
       TextInput,
       {
         label: t2("generate_command.dashboard_plugin.choose_folder"),
@@ -3308,8 +3345,8 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
 
 // src/components/GenerateCommand/plugins/dashboad-menu-plugin/DashboardMenuPluginWizard.tsx
 init_esm_shims();
-var import_react20 = __toESM(require_react(), 1);
-var import_variant13 = __toESM(require_lib(), 1);
+var import_react22 = __toESM(require_react(), 1);
+var import_variant10 = __toESM(require_lib(), 1);
 var import_lodash5 = __toESM(require_lodash(), 1);
 
 // src/components/GenerateCommand/plugins/dashboad-menu-plugin/generate.ts
@@ -3343,20 +3380,20 @@ async function generateDashboardMenuPlugin(projectFolder, extended, action, fold
 
 // src/components/GenerateCommand/plugins/dashboad-menu-plugin/NavigateToPage.tsx
 init_esm_shims();
-var import_react17 = __toESM(require_react(), 1);
-var import_variant11 = __toESM(require_lib(), 1);
-var NavigateToPageOption = (0, import_variant11.variant)({
-  Page: (0, import_variant11.fields)(),
+var import_react19 = __toESM(require_react(), 1);
+var import_variant8 = __toESM(require_lib(), 1);
+var NavigateToPageOption = (0, import_variant8.variant)({
+  Page: (0, import_variant8.fields)(),
   Other: {}
 });
 var NavigateToPage = ({ onActionSelected }) => {
   const bi = useWixCliAppBi();
   const { model } = useProjectModel();
   const { t: t2 } = useTranslation();
-  const [pageId, setPageId] = (0, import_react17.useState)();
-  const [shouldUseCustomPageId, setShouldUseCustomPageId] = (0, import_react17.useState)(false);
-  const dashboardPages = (0, import_react17.useMemo)(
-    () => model.components.filter((0, import_variant11.isType)(DevCenterComponent.DashboardPage)),
+  const [pageId, setPageId] = (0, import_react19.useState)();
+  const [shouldUseCustomPageId, setShouldUseCustomPageId] = (0, import_react19.useState)(false);
+  const dashboardPages = (0, import_react19.useMemo)(
+    () => model.components.filter((0, import_variant8.isType)(DevCenterComponent.DashboardPage)),
     [model.components]
   );
   const validatePageId = useValidation(
@@ -3369,7 +3406,7 @@ var NavigateToPage = ({ onActionSelected }) => {
       ]
     ])
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (pageId) {
       onActionSelected({
         navigateToPage: {
@@ -3378,7 +3415,7 @@ var NavigateToPage = ({ onActionSelected }) => {
       });
     }
   }, [pageId, onActionSelected]);
-  return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
     SelectInput,
     {
       label: t2(
@@ -3409,13 +3446,13 @@ var NavigateToPage = ({ onActionSelected }) => {
           questionKey: "generate_command.dashboard_menu_plugin.what_to_do.navigate_to_page.choose_page",
           answer: option.title
         });
-        return (0, import_variant11.match)(option.value, {
+        return (0, import_variant8.match)(option.value, {
           Page: ({ pageId: pageId2 }) => setPageId(pageId2),
           Other: () => setShouldUseCustomPageId(true)
         });
       }
     }
-  ), shouldUseCustomPageId && /* @__PURE__ */ import_react17.default.createElement(
+  ), shouldUseCustomPageId && /* @__PURE__ */ import_react19.default.createElement(
     TextInput,
     {
       label: t2(
@@ -3438,20 +3475,20 @@ var NavigateToPage = ({ onActionSelected }) => {
 
 // src/components/GenerateCommand/plugins/dashboad-menu-plugin/OpenModal.tsx
 init_esm_shims();
-var import_react18 = __toESM(require_react(), 1);
-var import_variant12 = __toESM(require_lib(), 1);
-var OpenModalOption = (0, import_variant12.variant)({
-  Component: (0, import_variant12.fields)(),
+var import_react20 = __toESM(require_react(), 1);
+var import_variant9 = __toESM(require_lib(), 1);
+var OpenModalOption = (0, import_variant9.variant)({
+  Component: (0, import_variant9.fields)(),
   Other: {}
 });
 var OpenModal = ({ onActionSelected }) => {
   const bi = useWixCliAppBi();
   const { model } = useProjectModel();
   const { t: t2 } = useTranslation();
-  const [componentId, setComponentId] = (0, import_react18.useState)();
-  const [shouldUseCustomComponentId, setShouldUseCustomComponentId] = (0, import_react18.useState)(false);
-  const dashboardModals = (0, import_react18.useMemo)(
-    () => model.components.filter((0, import_variant12.isType)(DevCenterComponent.DashboardModal)),
+  const [componentId, setComponentId] = (0, import_react20.useState)();
+  const [shouldUseCustomComponentId, setShouldUseCustomComponentId] = (0, import_react20.useState)(false);
+  const dashboardModals = (0, import_react20.useMemo)(
+    () => model.components.filter((0, import_variant9.isType)(DevCenterComponent.DashboardModal)),
     [model.components]
   );
   const validateComponentId = useValidation(
@@ -3464,7 +3501,7 @@ var OpenModal = ({ onActionSelected }) => {
       ]
     ])
   );
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (componentId) {
       onActionSelected({
         openModal: {
@@ -3473,7 +3510,7 @@ var OpenModal = ({ onActionSelected }) => {
       });
     }
   }, [componentId, onActionSelected]);
-  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
     SelectInput,
     {
       label: t2(
@@ -3502,13 +3539,13 @@ var OpenModal = ({ onActionSelected }) => {
           questionKey: "generate_command.dashboard_menu_plugin.what_to_do.open_modal.choose_component",
           answer: option.title
         });
-        return (0, import_variant12.match)(option.value, {
+        return (0, import_variant9.match)(option.value, {
           Component: ({ componentId: componentId2 }) => setComponentId(componentId2),
           Other: () => setShouldUseCustomComponentId(true)
         });
       }
     }
-  ), shouldUseCustomComponentId && /* @__PURE__ */ import_react18.default.createElement(
+  ), shouldUseCustomComponentId && /* @__PURE__ */ import_react20.default.createElement(
     TextInput,
     {
       label: t2(
@@ -3531,7 +3568,7 @@ var OpenModal = ({ onActionSelected }) => {
 
 // src/components/GenerateCommand/plugins/dashboad-menu-plugin/DashboardMenuPluginGeneratedNote.tsx
 init_esm_shims();
-var import_react19 = __toESM(require_react(), 1);
+var import_react21 = __toESM(require_react(), 1);
 var customGroupMessages2 = /* @__PURE__ */ new Map([
   ["Checkout & Orders", "generate_command.generation.ecommerce_notification"]
 ]);
@@ -3541,19 +3578,19 @@ var DashboardMenuPluginGeneratedNote = ({ backofficeMenuItem, generatedFiles })
     "generate_command.flow.dashboard_menu_plugin"
   ).toLowerCase();
   const customKey = customGroupMessages2.get(backofficeMenuItem.appName);
-  return /* @__PURE__ */ import_react19.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react21.default.createElement(
     GenerationSuccessMessage,
     {
       extensionType,
       generatedFiles,
       learnMoreUrl: "https://wix.to/YwaogfU"
     },
-    customKey ? /* @__PURE__ */ import_react19.default.createElement(Text, null, t2(customKey)) : null
+    customKey ? /* @__PURE__ */ import_react21.default.createElement(Text, null, t2(customKey)) : null
   ));
 };
 
 // src/components/GenerateCommand/plugins/dashboad-menu-plugin/DashboardMenuPluginWizard.tsx
-var DashboardMenuPluginAction = (0, import_variant13.variant)({
+var DashboardMenuPluginAction = (0, import_variant10.variant)({
   NavigateToPage: {},
   OpenModal: {}
 });
@@ -3571,15 +3608,15 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
     "generate_command.flow.dashboard_menu_plugin"
   ).toLowerCase();
   const dashboardMenuPlugins = getExtensions("DashboardMenuPlugin");
-  const [backofficeMenuItem, setBackofficeMenuItem] = (0, import_react20.useState)();
-  const [actionType, setActionType] = (0, import_react20.useState)();
-  const [requireAppsIds, setRequireAppsIds] = (0, import_react20.useState)();
-  const [action, setAction] = (0, import_react20.useState)();
-  const [folder, setFolder] = (0, import_react20.useState)();
-  const [title, setTitle] = (0, import_react20.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react20.useState)(false);
+  const [backofficeMenuItem, setBackofficeMenuItem] = (0, import_react22.useState)();
+  const [actionType, setActionType] = (0, import_react22.useState)();
+  const [requireAppsIds, setRequireAppsIds] = (0, import_react22.useState)();
+  const [action, setAction] = (0, import_react22.useState)();
+  const [folder, setFolder] = (0, import_react22.useState)();
+  const [title, setTitle] = (0, import_react22.useState)();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react22.useState)(false);
   const defaultFolderName = (0, import_lodash5.kebabCase)(title);
-  const [additionalInfo, setAdditionalInfo] = (0, import_react20.useState)();
+  const [additionalInfo, setAdditionalInfo] = (0, import_react22.useState)();
   const validateMenuPluginFolder = useValidation(
     createDashboardMenuPluginValidation(dashboardMenuPlugins)
   );
@@ -3601,7 +3638,7 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
       );
     }
   }, [backofficeMenuItem, action, folder, title]);
-  const handleActionSelected = (0, import_react20.useCallback)(
+  const handleActionSelected = (0, import_react22.useCallback)(
     (action2) => setAction(action2),
     []
   );
@@ -3618,12 +3655,12 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
             extensionsByPages[backofficePage.component.componentId]?.items.push(
               {
                 title: backofficeMenuItem2.component.data.backOfficeExtensionContainer.slotData?.displayName ?? backofficeMenuItem2.component.name,
-                description: /* @__PURE__ */ import_react20.default.createElement(
+                description: /* @__PURE__ */ import_react22.default.createElement(
                   Trans,
                   {
                     i18nKey: "generate_command.dashboard_menu_plugin.what_to_extend.item_description",
                     components: [
-                      /* @__PURE__ */ import_react20.default.createElement(
+                      /* @__PURE__ */ import_react22.default.createElement(
                         Link,
                         {
                           url: docsLink2(backofficeMenuItem2.component.externalId)
@@ -3649,18 +3686,18 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
     backofficeExtensionWidgets.sort((a, b) => a.title.localeCompare(b.title));
     return backofficeExtensionWidgets;
   }, []);
-  const task = (0, import_react20.useMemo)(
-    () => (0, import_variant13.match)(generationTask, {
+  const task = (0, import_react22.useMemo)(
+    () => (0, import_variant10.match)(generationTask, {
       Success: ({ hasUpdatedDependencies, newFiles }) => {
         if (!hasUpdatedDependencies) {
           setFinishedInstallation(true);
         }
-        return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react20.default.createElement(
+        return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react22.default.createElement(
           InstallDependencies,
           {
             onFinish: () => setFinishedInstallation(true)
           }
-        ), finishedInstallation && backofficeMenuItem && /* @__PURE__ */ import_react20.default.createElement(
+        ), finishedInstallation && backofficeMenuItem && /* @__PURE__ */ import_react22.default.createElement(
           DashboardMenuPluginGeneratedNote,
           {
             backofficeMenuItem,
@@ -3668,7 +3705,7 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
           }
         ));
       },
-      Loading: () => /* @__PURE__ */ import_react20.default.createElement(
+      Loading: () => /* @__PURE__ */ import_react22.default.createElement(
         Spinner,
         {
           text: t2("generate_command.generation.loading", {
@@ -3688,19 +3725,19 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
       backofficeMenuItem
     ]
   );
-  return (0, import_variant13.match)(status, {
+  return (0, import_variant10.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react20.default.createElement(Spinner, { text: t2("general.loading") }),
-    Success: ({ result: menuItemsGroups }) => /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
+    Loading: () => /* @__PURE__ */ import_react22.default.createElement(Spinner, { text: t2("general.loading") }),
+    Success: ({ result: menuItemsGroups }) => /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(
       SelectGroupsInput,
       {
         label: t2("generate_command.dashboard_menu_plugin.what_to_extend"),
         hideScroll: true,
-        info: /* @__PURE__ */ import_react20.default.createElement(
+        info: /* @__PURE__ */ import_react22.default.createElement(
           Trans,
           {
             i18nKey: "generate_command.dashboard_menu_plugin.what_to_extend.description",
-            components: [/* @__PURE__ */ import_react20.default.createElement(Link, { url: "https://wix.to/h8AJ7f5" })]
+            components: [/* @__PURE__ */ import_react22.default.createElement(Link, { url: "https://wix.to/h8AJ7f5" })]
           }
         ),
         groups: menuItemsGroups,
@@ -3722,7 +3759,7 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
           setBackofficeMenuItem(item.value);
         }
       }
-    ), backofficeMenuItem && (slotsApp.requiredApps.length === 1 ? /* @__PURE__ */ import_react20.default.createElement(
+    ), backofficeMenuItem && (slotsApp.requiredApps.length === 1 ? /* @__PURE__ */ import_react22.default.createElement(
       AppRequirement,
       {
         appId: model.config.appId,
@@ -3734,7 +3771,7 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
         ],
         onSubmit: setRequireAppsIds
       }
-    ) : /* @__PURE__ */ import_react20.default.createElement(
+    ) : /* @__PURE__ */ import_react22.default.createElement(
       MultipleAppRequirement,
       {
         appId: model.config.appId,
@@ -3744,7 +3781,7 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
         })),
         onSubmit: setRequireAppsIds
       }
-    )), requireAppsIds && /* @__PURE__ */ import_react20.default.createElement(
+    )), requireAppsIds && /* @__PURE__ */ import_react22.default.createElement(
       SelectInput,
       {
         label: t2("generate_command.dashboard_menu_plugin.what_to_do"),
@@ -3776,10 +3813,10 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
           setActionType(action2.value);
         }
       }
-    ), actionType && (0, import_variant13.match)(actionType, {
-      NavigateToPage: () => /* @__PURE__ */ import_react20.default.createElement(NavigateToPage, { onActionSelected: handleActionSelected }),
-      OpenModal: () => /* @__PURE__ */ import_react20.default.createElement(OpenModal, { onActionSelected: handleActionSelected })
-    }), action && /* @__PURE__ */ import_react20.default.createElement(
+    ), actionType && (0, import_variant10.match)(actionType, {
+      NavigateToPage: () => /* @__PURE__ */ import_react22.default.createElement(NavigateToPage, { onActionSelected: handleActionSelected }),
+      OpenModal: () => /* @__PURE__ */ import_react22.default.createElement(OpenModal, { onActionSelected: handleActionSelected })
+    }), action && /* @__PURE__ */ import_react22.default.createElement(
       TextInput,
       {
         label: t2("generate_command.dashboard_menu_plugin.choose_title"),
@@ -3798,7 +3835,7 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
           setTitle(value);
         }
       }
-    ), title && /* @__PURE__ */ import_react20.default.createElement(
+    ), title && /* @__PURE__ */ import_react22.default.createElement(
       TextInput,
       {
         label: t2("generate_command.dashboard_menu_plugin.choose_folder"),
@@ -3829,14 +3866,14 @@ var DashboardPlugin = ({ flow }) => {
     getBackofficeExtensionWidgets,
     getBackofficeMenuItems
   } = useExtensionDataClient();
-  const [slotsApp, setSlotsApp] = (0, import_react21.useState)();
+  const [slotsApp, setSlotsApp] = (0, import_react23.useState)();
   const { status } = useAsync(async () => {
     const [ecomRequiredApps, backofficePages, backofficeExtensionContainers] = await Promise.all([
       getEcomRequiredApps(),
       getBackofficePages(),
-      (0, import_variant14.match)(
+      (0, import_variant11.match)(
         flow,
-        (0, import_variant14.partial)({
+        (0, import_variant11.partial)({
           DashboardPlugin: () => getBackofficeExtensionWidgets(),
           DashboardMenuPlugin: () => getBackofficeMenuItems(),
           default: () => []
@@ -3880,18 +3917,18 @@ var DashboardPlugin = ({ flow }) => {
       pluginsMap
     };
   }, []);
-  return (0, import_variant14.match)(status, {
+  return (0, import_variant11.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react21.default.createElement(Spinner, { text: t2("general.loading") }),
-    Success: ({ result: { supportedApps, pluginsMap } }) => /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(
+    Loading: () => /* @__PURE__ */ import_react23.default.createElement(Spinner, { text: t2("general.loading") }),
+    Success: ({ result: { supportedApps, pluginsMap } }) => /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(
       SelectInput,
       {
         label: t2("generate_command.dashboard.plugin_app"),
-        info: /* @__PURE__ */ import_react21.default.createElement(
+        info: /* @__PURE__ */ import_react23.default.createElement(
           Trans,
           {
             i18nKey: "generate_command.dashboard.plugin_app.description",
-            components: [/* @__PURE__ */ import_react21.default.createElement(Link, { url: "https://wix.to/QUp5DLl" })]
+            components: [/* @__PURE__ */ import_react23.default.createElement(Link, { url: "https://wix.to/QUp5DLl" })]
           }
         ),
         options: supportedApps,
@@ -3908,10 +3945,10 @@ var DashboardPlugin = ({ flow }) => {
           setSlotsApp(option.value);
         }
       }
-    ), slotsApp && (0, import_variant14.match)(
+    ), slotsApp && (0, import_variant11.match)(
       flow,
-      (0, import_variant14.partial)({
-        DashboardPlugin: () => /* @__PURE__ */ import_react21.default.createElement(
+      (0, import_variant11.partial)({
+        DashboardPlugin: () => /* @__PURE__ */ import_react23.default.createElement(
           DashboardPluginWizard,
           {
             slotsApp,
@@ -3922,7 +3959,7 @@ var DashboardPlugin = ({ flow }) => {
             )
           }
         ),
-        DashboardMenuPlugin: () => /* @__PURE__ */ import_react21.default.createElement(
+        DashboardMenuPlugin: () => /* @__PURE__ */ import_react23.default.createElement(
           DashboardMenuPluginWizard,
           {
             slotsApp,
@@ -3941,8 +3978,8 @@ var DashboardPlugin = ({ flow }) => {
 
 // src/components/GenerateCommand/site-plugin/SitePlugin.tsx
 init_esm_shims();
-var import_react24 = __toESM(require_react(), 1);
-var import_variant16 = __toESM(require_lib(), 1);
+var import_react26 = __toESM(require_react(), 1);
+var import_variant13 = __toESM(require_lib(), 1);
 
 // ../site-plugin-client/src/index.ts
 init_esm_shims();
@@ -4010,16 +4047,16 @@ var SitePluginClient = class {
 
 // ../site-plugin-client/src/useSitePluginClient.ts
 init_esm_shims();
-var import_react22 = __toESM(require_react(), 1);
+var import_react24 = __toESM(require_react(), 1);
 function useSitePluginClient() {
   const httpClient = useHttpClient({ type: "general" });
-  return (0, import_react22.useMemo)(() => new SitePluginClient(httpClient), [httpClient]);
+  return (0, import_react24.useMemo)(() => new SitePluginClient(httpClient), [httpClient]);
 }
 
 // src/components/GenerateCommand/site-plugin/SitePluginWizard.tsx
 init_esm_shims();
-var import_react23 = __toESM(require_react(), 1);
-var import_variant15 = __toESM(require_lib(), 1);
+var import_react25 = __toESM(require_react(), 1);
+var import_variant12 = __toESM(require_lib(), 1);
 var import_lodash6 = __toESM(require_lodash(), 1);
 var import_uniqBy = __toESM(require_uniqBy(), 1);
 
@@ -4078,7 +4115,7 @@ var SitePluginWizard = ({ placements }) => {
   const { model } = useProjectModel();
   const { addRequiredApp } = useDevCenterClient();
   const { getWidgetDocsUrl } = useSitePluginClient();
-  const pluginApplications = (0, import_react23.useMemo)(
+  const pluginApplications = (0, import_react25.useMemo)(
     () => (0, import_uniqBy.default)(placements, "appName").map((pluginPlacement) => ({
       value: pluginPlacement.appName,
       title: pluginPlacement.appName
@@ -4088,23 +4125,23 @@ var SitePluginWizard = ({ placements }) => {
   const extensionType = t2("generate_command.flow.site_plugin").toLowerCase();
   const validateFolderName = useCustomElementDirectoryValidation("Site plugin");
   const validateName = useCustomElementNameValidation();
-  const [appsToRequire, setAppsToRequire] = (0, import_react23.useState)();
-  const [placement, setPlacement] = (0, import_react23.useState)();
-  const [placementApp, setPlacementApp] = (0, import_react23.useState)();
-  const [pluginFolder, setPluginFolder] = (0, import_react23.useState)();
-  const [pluginName, setPluginName] = (0, import_react23.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react23.useState)(false);
+  const [appsToRequire, setAppsToRequire] = (0, import_react25.useState)();
+  const [placement, setPlacement] = (0, import_react25.useState)();
+  const [placementApp, setPlacementApp] = (0, import_react25.useState)();
+  const [pluginFolder, setPluginFolder] = (0, import_react25.useState)();
+  const [pluginName, setPluginName] = (0, import_react25.useState)();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react25.useState)(false);
   const defaultPluginFolder = (0, import_lodash6.kebabCase)(pluginName);
-  const widgetSlots = (0, import_react23.useMemo)(
+  const widgetSlots = (0, import_react25.useMemo)(
     () => placementApp ? Object.values(
       placements.filter((placement2) => placement2.appName === placementApp).reduce(
         (_widgetSlots, placement2) => {
           const widgetDocsUrl = getWidgetDocsUrl(placement2.widgetId);
-          const description = widgetDocsUrl && /* @__PURE__ */ import_react23.default.createElement(Text, { skin: "secondary" }, /* @__PURE__ */ import_react23.default.createElement(
+          const description = widgetDocsUrl && /* @__PURE__ */ import_react25.default.createElement(Text, { skin: "secondary" }, /* @__PURE__ */ import_react25.default.createElement(
             Trans,
             {
               i18nKey: "generate_command.site_plugin.widget_docs",
-              components: [/* @__PURE__ */ import_react23.default.createElement(Link, { url: widgetDocsUrl })]
+              components: [/* @__PURE__ */ import_react25.default.createElement(Link, { url: widgetDocsUrl })]
             }
           ));
           _widgetSlots[placement2.widgetId] ??= {
@@ -4144,15 +4181,15 @@ var SitePluginWizard = ({ placements }) => {
       );
     }
   }, [pluginFolder, pluginName, placement, appsToRequire]);
-  return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement(
     SelectInput,
     {
       label: t2("generate_command.site_plugin.plugin_app"),
-      info: /* @__PURE__ */ import_react23.default.createElement(
+      info: /* @__PURE__ */ import_react25.default.createElement(
         Trans,
         {
           i18nKey: "generate_command.site_plugin.plugin_app.description",
-          components: [/* @__PURE__ */ import_react23.default.createElement(Link, { url: "https://wix.to/Onfe4XJ" })]
+          components: [/* @__PURE__ */ import_react25.default.createElement(Link, { url: "https://wix.to/Onfe4XJ" })]
         }
       ),
       options: pluginApplications,
@@ -4166,7 +4203,7 @@ var SitePluginWizard = ({ placements }) => {
         setPlacementApp(option.value);
       }
     }
-  ), placementApp && /* @__PURE__ */ import_react23.default.createElement(
+  ), placementApp && /* @__PURE__ */ import_react25.default.createElement(
     SelectGroupsInput,
     {
       label: t2("generate_command.site_plugin.choose_placement"),
@@ -4181,7 +4218,7 @@ var SitePluginWizard = ({ placements }) => {
         setPlacement(option.value);
       }
     }
-  ), placement && /* @__PURE__ */ import_react23.default.createElement(
+  ), placement && /* @__PURE__ */ import_react25.default.createElement(
     AppRequirement,
     {
       appId: model.config.appId,
@@ -4193,7 +4230,7 @@ var SitePluginWizard = ({ placements }) => {
       ],
       onSubmit: setAppsToRequire
     }
-  ), appsToRequire && /* @__PURE__ */ import_react23.default.createElement(
+  ), appsToRequire && /* @__PURE__ */ import_react25.default.createElement(
     TextInput,
     {
       label: t2("generate_command.site_plugin.choose_name"),
@@ -4211,7 +4248,7 @@ var SitePluginWizard = ({ placements }) => {
       },
       validate: validateName
     }
-  ), pluginName && /* @__PURE__ */ import_react23.default.createElement(
+  ), pluginName && /* @__PURE__ */ import_react25.default.createElement(
     TextInput,
     {
       label: t2("generate_command.site_plugin.choose_folder"),
@@ -4229,18 +4266,18 @@ var SitePluginWizard = ({ placements }) => {
       },
       validate: validateFolderName
     }
-  ), (0, import_react23.useMemo)(
-    () => (0, import_variant15.match)(generationTask, {
+  ), (0, import_react25.useMemo)(
+    () => (0, import_variant12.match)(generationTask, {
       Success: ({ hasUpdatedDependencies, newFiles }) => {
         if (!hasUpdatedDependencies) {
           setFinishedInstallation(true);
         }
-        return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react23.default.createElement(
+        return /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react25.default.createElement(
           InstallDependencies,
           {
             onFinish: () => setFinishedInstallation(true)
           }
-        ), finishedInstallation && /* @__PURE__ */ import_react23.default.createElement(
+        ), finishedInstallation && /* @__PURE__ */ import_react25.default.createElement(
           GenerationSuccessMessage,
           {
             extensionType,
@@ -4249,7 +4286,7 @@ var SitePluginWizard = ({ placements }) => {
           }
         ));
       },
-      Loading: () => /* @__PURE__ */ import_react23.default.createElement(
+      Loading: () => /* @__PURE__ */ import_react25.default.createElement(
         Spinner,
         {
           text: t2("generate_command.generation.loading", {
@@ -4275,22 +4312,22 @@ var GenerateSitePlugin = () => {
   const { t: t2 } = useTranslation();
   const { getPlacements } = useSitePluginClient();
   const { status } = useAsync(getPlacements, []);
-  return (0, import_variant16.match)(status, {
+  return (0, import_variant13.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react24.default.createElement(Spinner, { text: t2("general.loading") }),
-    Success: ({ result }) => /* @__PURE__ */ import_react24.default.createElement(SitePluginWizard, { placements: result.placements })
+    Loading: () => /* @__PURE__ */ import_react26.default.createElement(Spinner, { text: t2("general.loading") }),
+    Success: ({ result }) => /* @__PURE__ */ import_react26.default.createElement(SitePluginWizard, { placements: result.placements })
   });
 };
 
 // src/components/GenerateCommand/api/Api.tsx
 init_esm_shims();
-var import_react25 = __toESM(require_react(), 1);
-var import_variant17 = __toESM(require_lib(), 1);
+var import_react28 = __toESM(require_react(), 1);
 
 // src/components/GenerateCommand/api/generate.ts
 init_esm_shims();
-import path10 from "node:path";
+import path10, { join } from "node:path";
 var API_TEMPLATE = path10.resolve(__dirname, "../templates/api");
+var WEB_METHOD_TEMPLATE = path10.resolve(__dirname, "../templates/web-method");
 async function generateApi(projectFolder, folderName) {
   const cwd = path10.join(getApiFolder(projectFolder), folderName);
   return await componentGenerator({
@@ -4302,17 +4339,70 @@ async function generateApi(projectFolder, folderName) {
     }
   });
 }
+async function generateWebMethod(projectFolder, folderPath) {
+  const filePath = join(WEB_METHOD_DIR, folderPath);
+  return await componentGenerator({
+    template: WEB_METHOD_TEMPLATE,
+    cwd: projectFolder,
+    projectFolder,
+    data: {
+      filePath,
+      fileName: path10.basename(filePath)
+    }
+  });
+}
 
-// src/components/GenerateCommand/api/Api.tsx
-var GenerateApi = () => {
+// src/components/GenerateCommand/api/steps.tsx
+init_esm_shims();
+var import_react27 = __toESM(require_react(), 1);
+import { join as join2 } from "node:path";
+var SelectApiTypeStep = ({ onSubmit }) => {
+  const { t: t2 } = useTranslation();
+  const bi = useWixCliAppBi();
+  const { isActive, goToNextStep } = useWizardStep();
+  return /* @__PURE__ */ import_react27.default.createElement(
+    SelectInput,
+    {
+      isActive,
+      info: /* @__PURE__ */ import_react27.default.createElement(
+        Trans,
+        {
+          i18nKey: "generate_command.api.choose_type.info",
+          components: [/* @__PURE__ */ import_react27.default.createElement(Link, { url: "https://wix.to/pX4xyEn" })]
+        }
+      ),
+      label: t2("generate_command.api.choose_type"),
+      options: [
+        {
+          title: t2("generate_command.api.web_method"),
+          description: t2("generate_command.api.web_method.description"),
+          value: "WebMethod"
+        },
+        {
+          title: t2("generate_command.api.api_route"),
+          description: t2("generate_command.api.api_route.description"),
+          value: "Api"
+        }
+      ],
+      onSubmit: (option) => {
+        bi.cliFlowStepAnswered({
+          question: t2("generate_command.api.choose_type"),
+          questionKey: "generate_command.api.choose_type",
+          answer: option.title,
+          additionalInfo: { extensionType: option.value }
+        });
+        onSubmit(option.value);
+        goToNextStep();
+      }
+    }
+  );
+};
+var ApiFolderStep = ({ onSubmit }) => {
   const { t: t2 } = useTranslation();
-  const { model } = useProjectModel();
   const { cliFlowStepAnswered } = useWixCliAppBi();
-  const [apiFolder, setApiFolder] = (0, import_react25.useState)();
+  const { isActive, goToNextStep } = useWizardStep();
   const { backendComponentsByType } = useBackendComponents();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react25.useState)(false);
   const apis = backendComponentsByType.Api;
-  const extensionType = t2("generate_command.flow.api.title").toLowerCase();
   const validateApiFolder = useValidation(
     composeValidations([
       [
@@ -4321,14 +4411,10 @@ var GenerateApi = () => {
       ]
     ])
   );
-  const generationTask = useGenerationTask(async () => {
-    if (apiFolder) {
-      return generateApi(model.projectFolder, apiFolder);
-    }
-  }, [model.projectFolder, apiFolder]);
-  return /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement(
     TextInput,
     {
+      isActive,
       label: t2("generate_command.api.choose_api_name"),
       placeholder: t2("generate_command.api.api_placeholder"),
       onSubmit: (value) => {
@@ -4337,55 +4423,95 @@ var GenerateApi = () => {
           questionKey: "generate_command.api.choose_api_name",
           answer: value
         });
-        setApiFolder(value);
+        onSubmit(value);
+        goToNextStep();
       },
       validate: validateApiFolder
     }
-  ), (0, import_react25.useMemo)(
-    () => (0, import_variant17.match)(generationTask, {
-      Success: ({ hasUpdatedDependencies, newFiles }) => {
-        if (!hasUpdatedDependencies) {
-          setFinishedInstallation(true);
-        }
-        return /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react25.default.createElement(
-          InstallDependencies,
-          {
-            onFinish: () => setFinishedInstallation(true)
-          }
-        ), finishedInstallation && /* @__PURE__ */ import_react25.default.createElement(
-          GenerationSuccessMessage,
-          {
-            extensionType,
-            generatedFiles: newFiles,
-            learnMoreUrl: "https://wix.to/BEkD5a1"
-          }
-        ));
-      },
-      Loading: () => /* @__PURE__ */ import_react25.default.createElement(
-        Spinner,
-        {
-          text: t2("generate_command.generation.loading", {
-            subject: extensionType
-          })
-        }
-      ),
-      Error: () => null,
-      NotRequested: () => null
-    }),
-    [
-      generationTask,
-      t2,
-      extensionType,
-      finishedInstallation,
-      setFinishedInstallation
-    ]
-  ));
+  );
+};
+var WebMethodFolderStep = ({ onSubmit }) => {
+  const { t: t2 } = useTranslation();
+  const { cliFlowStepAnswered } = useWixCliAppBi();
+  const { isActive, goToNextStep } = useWizardStep();
+  const { backendComponentsByType } = useBackendComponents();
+  const webMethods = backendComponentsByType.WebMethod;
+  const validateWebMethodFolder = useValidation(
+    composeValidations([
+      [
+        (filePath) => {
+          const resolvedFolderPath = `${join2(WEB_METHOD_DIR, filePath)}.web.ts`;
+          return pathValidation(filePath) && webMethods.every(
+            (webMethod) => webMethod.relativePath !== resolvedFolderPath
+          );
+        },
+        t2("generate_command.web_method.choose_filename.error")
+      ]
+    ])
+  );
+  return /* @__PURE__ */ import_react27.default.createElement(
+    TextInput,
+    {
+      isActive,
+      label: t2("generate_command.web_method.choose_filename"),
+      placeholder: t2("generate_command.web_method.choose_filename.placeholder"),
+      onSubmit: (folderPath) => {
+        cliFlowStepAnswered({
+          question: t2("generate_command.web_method.choose_filename"),
+          questionKey: "generate_command.web_method.choose_filename",
+          answer: folderPath
+        });
+        onSubmit(folderPath);
+        goToNextStep();
+      },
+      validate: validateWebMethodFolder
+    }
+  );
+};
+
+// src/components/GenerateCommand/api/Api.tsx
+var useGenerateApi = () => {
+  const { t: t2 } = useTranslation();
+  const { model } = useProjectModel();
+  const [apiType, setApiType] = (0, import_react28.useState)();
+  const [apiFolder, setApiFolder] = (0, import_react28.useState)();
+  const extensionType = apiType === "Api" ? t2("generate_command.flow.api.title").toLowerCase() : t2("generate_command.api.web_method.title").toLowerCase();
+  const generationTask = useGenerationTask(async () => {
+    if (apiFolder) {
+      if (apiType === "Api") {
+        return generateApi(model.projectFolder, apiFolder);
+      }
+      if (apiType === "WebMethod") {
+        return generateWebMethod(model.projectFolder, apiFolder);
+      }
+    }
+  }, [model.projectFolder, apiFolder]);
+  return [
+    /* @__PURE__ */ import_react28.default.createElement(SelectApiTypeStep, { onSubmit: setApiType }),
+    apiType === "Api" ? /* @__PURE__ */ import_react28.default.createElement(ApiFolderStep, { onSubmit: setApiFolder }) : /* @__PURE__ */ import_react28.default.createElement(WebMethodFolderStep, { onSubmit: setApiFolder }),
+    /* @__PURE__ */ import_react28.default.createElement(
+      CompleteGeneration,
+      {
+        generationTask,
+        extensionType,
+        successMessage: CompleteGenerationMessage.SuccessMessage({
+          learnMoreUrl: apiType === "Api" ? (
+            // https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/backend-extensions/api/add-api-extensions-with-the-cli
+            "https://wix.to/3wEnGrE"
+          ) : (
+            // https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/backend-extensions/web-methods/add-web-method-extensions-with-the-cli
+            "https://wix.to/hjf9SQX"
+          )
+        }),
+        route: apiFolder
+      }
+    )
+  ];
 };
 
 // src/components/GenerateCommand/event/Event.tsx
 init_esm_shims();
-var import_react26 = __toESM(require_react(), 1);
-var import_variant18 = __toESM(require_lib(), 1);
+var import_react30 = __toESM(require_react(), 1);
 
 // src/components/GenerateCommand/event/generate.ts
 init_esm_shims();
@@ -4400,16 +4526,15 @@ async function generateEvent(projectFolder, folderName) {
   });
 }
 
-// src/components/GenerateCommand/event/Event.tsx
-var GenerateEvent = () => {
+// src/components/GenerateCommand/event/steps.tsx
+init_esm_shims();
+var import_react29 = __toESM(require_react(), 1);
+var ChooseFolderStep2 = ({ onSubmit, eventFolder }) => {
+  const bi = useWixCliAppBi();
   const { t: t2 } = useTranslation();
-  const { model } = useProjectModel();
   const { backendComponentsByType } = useBackendComponents();
-  const { cliFlowStepAnswered } = useWixCliAppBi();
-  const [eventFolder, setEventFolder] = (0, import_react26.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react26.useState)(false);
+  const { isActive, goToNextStep } = useWizardStep();
   const events = backendComponentsByType.Event;
-  const extensionType = t2("generate_command.flow.event").toLowerCase();
   const validateEventFolder = useValidation(
     composeValidations([
       [
@@ -4418,176 +4543,52 @@ var GenerateEvent = () => {
       ]
     ])
   );
-  const generationTask = useGenerationTask(async () => {
-    if (eventFolder) {
-      return generateEvent(model.projectFolder, eventFolder);
-    }
-  }, [model.projectFolder, eventFolder]);
-  return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement(
+  return /* @__PURE__ */ import_react29.default.createElement(
     TextInput,
     {
+      isActive,
       label: t2("generate_command.event.choose_folder"),
-      placeholder: t2("generate_command.event.folder_placeholder"),
+      placeholder: eventFolder ?? t2("generate_command.event.folder_placeholder"),
       onSubmit: (value) => {
-        cliFlowStepAnswered({
+        bi.cliFlowStepAnswered({
           question: t2("generate_command.event.choose_folder"),
           questionKey: "generate_command.event.choose_folder",
           answer: value
         });
-        setEventFolder(value);
+        onSubmit(value);
+        goToNextStep();
       },
       validate: validateEventFolder
     }
-  ), (0, import_react26.useMemo)(
-    () => (0, import_variant18.match)(generationTask, {
-      Success: ({ hasUpdatedDependencies, newFiles }) => {
-        if (!hasUpdatedDependencies) {
-          setFinishedInstallation(true);
-        }
-        return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react26.default.createElement(
-          InstallDependencies,
-          {
-            onFinish: () => setFinishedInstallation(true)
-          }
-        ), finishedInstallation && /* @__PURE__ */ import_react26.default.createElement(
-          GenerationSuccessMessage,
-          {
-            extensionType,
-            generatedFiles: newFiles,
-            learnMoreUrl: "https://wix.to/BEkD5a1"
-          }
-        ));
-      },
-      Loading: () => /* @__PURE__ */ import_react26.default.createElement(
-        Spinner,
-        {
-          text: t2("generate_command.generation.loading", {
-            subject: extensionType
-          })
-        }
-      ),
-      Error: () => null,
-      NotRequested: () => null
-    }),
-    [
-      generationTask,
-      setFinishedInstallation,
-      t2,
-      extensionType,
-      finishedInstallation
-    ]
-  ));
+  );
 };
 
-// src/components/GenerateCommand/web-method-module/WebMethod.tsx
-init_esm_shims();
-var import_react27 = __toESM(require_react(), 1);
-var import_variant19 = __toESM(require_lib(), 1);
-import { join as join2 } from "node:path";
-
-// src/components/GenerateCommand/web-method-module/generate.ts
-init_esm_shims();
-import path12, { join } from "node:path";
-var WEB_METHOD_TEMPLATE = path12.resolve(__dirname, "../templates/web-method");
-async function generateWebMethod(projectFolder, folderPath) {
-  const filePath = join(WEB_METHOD_DIR, folderPath);
-  return await componentGenerator({
-    template: WEB_METHOD_TEMPLATE,
-    cwd: projectFolder,
-    projectFolder,
-    data: {
-      filePath,
-      fileName: path12.basename(filePath)
-    }
-  });
-}
-
-// src/components/GenerateCommand/web-method-module/WebMethod.tsx
-var GenerateWebMethod = () => {
+// src/components/GenerateCommand/event/Event.tsx
+var useGenerateEvent = () => {
   const { t: t2 } = useTranslation();
   const { model } = useProjectModel();
-  const { cliFlowStepAnswered } = useWixCliAppBi();
-  const [webMethodFolder, setWebMethodFolder] = (0, import_react27.useState)();
-  const { backendComponentsByType } = useBackendComponents();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react27.useState)(false);
-  const webMethods = backendComponentsByType.WebMethod;
-  const extensionType = t2(
-    "generate_command.flow.web_method.title"
-  ).toLowerCase();
-  const validateWebMethodFolder = useValidation(
-    composeValidations([
-      [
-        (filePath) => {
-          const resolvedFolderPath = `${join2(WEB_METHOD_DIR, filePath)}.web.ts`;
-          return pathValidation(filePath) && webMethods.every(
-            (webMethod) => webMethod.relativePath !== resolvedFolderPath
-          );
-        },
-        t2("generate_command.web_method.choose_filename.error")
-      ]
-    ])
-  );
+  const [eventFolder, setEventFolder] = (0, import_react30.useState)();
+  const extensionType = t2("generate_command.flow.event").toLowerCase();
   const generationTask = useGenerationTask(async () => {
-    if (webMethodFolder) {
-      return generateWebMethod(model.projectFolder, webMethodFolder);
-    }
-  }, [model.projectFolder, webMethodFolder]);
-  return /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(
-    TextInput,
-    {
-      label: t2("generate_command.web_method.choose_filename"),
-      placeholder: t2(
-        "generate_command.web_method.choose_filename.placeholder"
-      ),
-      onSubmit: (folderPath) => {
-        cliFlowStepAnswered({
-          question: t2("generate_command.web_method.choose_filename"),
-          questionKey: "generate_command.web_method.choose_filename",
-          answer: folderPath
-        });
-        setWebMethodFolder(folderPath);
-      },
-      validate: validateWebMethodFolder
+    if (eventFolder) {
+      return generateEvent(model.projectFolder, eventFolder);
     }
-  ), (0, import_react27.useMemo)(
-    () => (0, import_variant19.match)(generationTask, {
-      Success: ({ hasUpdatedDependencies, newFiles }) => {
-        if (!hasUpdatedDependencies) {
-          setFinishedInstallation(true);
-        }
-        return /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react27.default.createElement(
-          InstallDependencies,
-          {
-            onFinish: () => setFinishedInstallation(true)
-          }
-        ), finishedInstallation && /* @__PURE__ */ import_react27.default.createElement(
-          GenerationSuccessMessage,
-          {
-            extensionType,
-            generatedFiles: newFiles,
-            learnMoreUrl: "https://wix.to/BEkD5a1"
-          }
-        ));
-      },
-      Loading: () => /* @__PURE__ */ import_react27.default.createElement(
-        Spinner,
-        {
-          text: t2("generate_command.generation.loading", {
-            subject: extensionType
-          })
-        }
-      ),
-      Error: () => null,
-      NotRequested: () => null
-    }),
-    [
-      generationTask,
-      setFinishedInstallation,
-      t2,
-      extensionType,
-      finishedInstallation
-    ]
-  ));
+  }, [model.projectFolder, eventFolder]);
+  return [
+    /* @__PURE__ */ import_react30.default.createElement(ChooseFolderStep2, { onSubmit: setEventFolder, eventFolder }),
+    /* @__PURE__ */ import_react30.default.createElement(
+      CompleteGeneration,
+      {
+        generationTask,
+        extensionType,
+        successMessage: CompleteGenerationMessage.SuccessMessage({
+          // https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/backend-extensions/events/add-event-extensions-with-the-cli
+          learnMoreUrl: "https://wix.to/7XWf4LU"
+        }),
+        route: eventFolder
+      }
+    )
+  ];
 };
 
 // src/components/GenerateCommand/site-widget/index.ts
@@ -4595,31 +4596,29 @@ init_esm_shims();
 
 // src/components/GenerateCommand/site-widget/SiteWidgetWizard.tsx
 init_esm_shims();
-var import_react30 = __toESM(require_react(), 1);
+var import_react35 = __toESM(require_react(), 1);
 
 // src/components/GenerateCommand/site-widget/custom-element/CustomElement.tsx
 init_esm_shims();
-var import_react28 = __toESM(require_react(), 1);
-var import_variant20 = __toESM(require_lib(), 1);
-var import_lodash7 = __toESM(require_lodash(), 1);
+var import_react32 = __toESM(require_react(), 1);
 
 // src/components/GenerateCommand/site-widget/custom-element/generate.ts
 init_esm_shims();
-import path13 from "node:path";
+import path12 from "node:path";
 import { randomUUID as randomUUID9 } from "node:crypto";
-var CUSTOM_ELEMENT_TEMPLATE = path13.resolve(
+var CUSTOM_ELEMENT_TEMPLATE = path12.resolve(
   __dirname,
   "../templates/custom-element"
 );
 async function generateCustomElement(projectFolder, folder, name, dashboardPageId) {
-  const readablePath = path13.join(SITE_WIDGETS_DIR, folder);
-  const cwd = path13.join(getSiteWidgetsDir(projectFolder), folder);
+  const readablePath = path12.join(SITE_WIDGETS_DIR, folder);
+  const cwd = path12.join(getSiteWidgetsDir(projectFolder), folder);
   const behaviorsConfig = dashboardPageId ? {
     dashboard: {
       dashboardPageComponentId: dashboardPageId
     }
   } : void 0;
-  const defaultThumbnailPath = path13.join(
+  const defaultThumbnailPath = path12.join(
     projectFolder,
     "src/assets",
     folder,
@@ -4643,7 +4642,9 @@ async function generateCustomElement(projectFolder, folder, name, dashboardPageI
     presets: [
       {
         id: randomUUID9(),
-        thumbnailUrl: path13.relative(cwd, defaultThumbnailPath)
+        thumbnailUrl: normalizeGlobbyPattern(
+          path12.relative(cwd, defaultThumbnailPath)
+        )
       }
     ]
   };
@@ -4663,44 +4664,22 @@ async function generateCustomElement(projectFolder, folder, name, dashboardPageI
   });
 }
 
-// src/components/GenerateCommand/site-widget/custom-element/CustomElement.tsx
-var GenerateCustomElement = () => {
+// src/components/GenerateCommand/site-widget/custom-element/steps.tsx
+init_esm_shims();
+var import_react31 = __toESM(require_react(), 1);
+var import_lodash7 = __toESM(require_lodash(), 1);
+var ChooseNameStep2 = ({ onSubmit, elementName }) => {
   const bi = useWixCliAppBi();
   const { t: t2 } = useTranslation();
-  const { model } = useProjectModel();
-  const [elementName, setElementName] = (0, import_react28.useState)();
-  const [elementFolder, setElementFolder] = (0, import_react28.useState)();
-  const [linkDashboardPage, setLinkDashboardPage] = (0, import_react28.useState)();
-  const [generationData, setGenerationData] = (0, import_react28.useState)();
-  const validateFolderName = useCustomElementDirectoryValidation("Site widget");
-  const validateName = useCustomElementNameValidation();
-  const { getExtensions } = useExtensions();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react28.useState)(false);
-  const defaultElementFolder = (0, import_lodash7.kebabCase)(elementName);
-  const dashboardPages = getExtensions("DashboardPage");
-  const dashboardPagesOptions = dashboardPages.map(
-    ({ id, title }) => ({
-      value: id,
-      title
-    })
-  );
-  const dashboardPagesExist = Boolean(dashboardPages.length);
+  const { isActive, goToNextStep } = useWizardStep();
   const extensionType = t2("generate_command.flow.custom_element").toLowerCase();
-  const generationTask = useGenerationTask(async () => {
-    if (generationData) {
-      return generateCustomElement(
-        model.projectFolder,
-        generationData.folder,
-        generationData.name,
-        generationData.dashboardPageId
-      );
-    }
-  }, [generationData]);
-  return /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null, /* @__PURE__ */ import_react28.default.createElement(
+  const validateName = useCustomElementNameValidation();
+  return /* @__PURE__ */ import_react31.default.createElement(
     TextInput,
     {
+      isActive,
       label: t2("generate_command.custom_element.choose_name"),
-      placeholder: t2("generate_command.custom_element.name_placeholder"),
+      placeholder: elementName ?? t2("generate_command.custom_element.name_placeholder"),
       onSubmit: (value) => {
         bi.cliFlowStepAnswered({
           question: t2("generate_command.custom_element.choose_name"),
@@ -4710,15 +4689,26 @@ var GenerateCustomElement = () => {
             extensionType
           }
         });
-        setElementName(value);
+        onSubmit(value);
+        goToNextStep();
       },
       validate: validateName
     }
-  ), elementName && /* @__PURE__ */ import_react28.default.createElement(
+  );
+};
+var ChooseFolderStep3 = ({ onSubmit, elementFolder, elementName }) => {
+  const bi = useWixCliAppBi();
+  const { t: t2 } = useTranslation();
+  const { isActive, goToNextStep } = useWizardStep();
+  const defaultElementFolder = (0, import_lodash7.kebabCase)(elementName);
+  const extensionType = t2("generate_command.flow.custom_element").toLowerCase();
+  const validateFolderName = useCustomElementDirectoryValidation("Site widget");
+  return /* @__PURE__ */ import_react31.default.createElement(
     TextInput,
     {
+      isActive,
       label: t2("generate_command.custom_element.choose_folder"),
-      placeholder: defaultElementFolder,
+      placeholder: elementFolder ?? defaultElementFolder,
       onSubmit: (value) => {
         bi.cliFlowStepAnswered({
           question: t2("generate_command.custom_element.choose_folder"),
@@ -4728,102 +4718,125 @@ var GenerateCustomElement = () => {
             extensionType
           }
         });
-        setElementFolder(value);
-        if (!dashboardPagesExist) {
-          setGenerationData({
-            name: elementName,
-            folder: value
-          });
-        }
+        onSubmit(value);
+        goToNextStep();
       },
       validate: validateFolderName
     }
-  ), elementName && elementFolder && dashboardPagesExist && /* @__PURE__ */ import_react28.default.createElement(
+  );
+};
+var LinkDashboardPageStep = ({ onSubmit }) => {
+  const bi = useWixCliAppBi();
+  const { t: t2 } = useTranslation();
+  const { isActive, goToNextStep } = useWizardStep();
+  const extensionType = t2("generate_command.flow.custom_element").toLowerCase();
+  return /* @__PURE__ */ import_react31.default.createElement(
     ConfirmInput,
     {
+      isActive,
       label: t2("generate_command.custom_element.link_dashboard_page"),
       onSubmit: (shouldLinkDashboardPage) => {
         bi.cliFlowStepAnswered({
-          question: t2(
-            "generate_command.custom_element.link_dashboard_page"
-          ),
+          question: t2("generate_command.custom_element.link_dashboard_page"),
           questionKey: "generate_command.custom_element.link_dashboard_page",
           answer: String(shouldLinkDashboardPage),
           additionalInfo: { extensionType }
         });
-        setLinkDashboardPage(shouldLinkDashboardPage);
-        if (!shouldLinkDashboardPage) {
-          setGenerationData({
-            name: elementName,
-            folder: elementFolder
-          });
-        }
+        onSubmit(shouldLinkDashboardPage);
+        goToNextStep();
       }
     }
-  ), elementName && elementFolder && dashboardPagesExist && linkDashboardPage && /* @__PURE__ */ import_react28.default.createElement(
+  );
+};
+var ChooseDashboardPageStep = ({ onSubmit }) => {
+  const bi = useWixCliAppBi();
+  const { t: t2 } = useTranslation();
+  const { getExtensions } = useExtensions();
+  const { isActive, goToNextStep } = useWizardStep();
+  const extensionType = t2("generate_command.flow.custom_element").toLowerCase();
+  const dashboardPages = getExtensions("DashboardPage");
+  const dashboardPagesOptions = dashboardPages.map(
+    ({ id, title }) => ({
+      value: id,
+      title
+    })
+  );
+  return /* @__PURE__ */ import_react31.default.createElement(
     SelectInput,
     {
+      isActive,
       label: t2("generate_command.custom_element.choose_dashboard_page"),
       options: dashboardPagesOptions,
       onSubmit: (option) => {
         bi.cliFlowStepAnswered({
-          question: t2(
-            "generate_command.custom_element.choose_dashboard_page"
-          ),
+          question: t2("generate_command.custom_element.choose_dashboard_page"),
           questionKey: "generate_command.custom_element.choose_dashboard_page",
           answer: option.title,
           additionalInfo: { extensionType }
         });
-        setGenerationData({
-          name: elementName,
-          folder: elementFolder,
-          dashboardPageId: option.value
-        });
+        onSubmit(option.value);
+        goToNextStep();
       }
     }
-  ), (0, import_react28.useMemo)(
-    () => (0, import_variant20.match)(generationTask, {
-      Success: ({ hasUpdatedDependencies, newFiles }) => {
-        if (!hasUpdatedDependencies) {
-          setFinishedInstallation(true);
-        }
-        return /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react28.default.createElement(
-          InstallDependencies,
-          {
-            onFinish: () => setFinishedInstallation(true)
-          }
-        ), finishedInstallation && /* @__PURE__ */ import_react28.default.createElement(
-          GenerationSuccessMessage,
-          {
-            extensionType,
-            generatedFiles: newFiles,
-            learnMoreUrl: "https://wix.to/rEfCfbY"
-          }
-        ));
-      },
-      Loading: () => /* @__PURE__ */ import_react28.default.createElement(
-        Spinner,
-        {
-          text: t2("generate_command.generation.loading", {
-            subject: extensionType
-          })
-        }
-      ),
-      NotRequested: () => null,
-      Error: () => null
-    }),
-    [generationTask, t2, extensionType, finishedInstallation]
-  ));
+  );
+};
+
+// src/components/GenerateCommand/site-widget/custom-element/CustomElement.tsx
+var useGenerateCustomElement = () => {
+  const { t: t2 } = useTranslation();
+  const { model } = useProjectModel();
+  const { getExtensions } = useExtensions();
+  const [elementName, setElementName] = (0, import_react32.useState)();
+  const [elementFolder, setElementFolder] = (0, import_react32.useState)();
+  const [linkDashboardPage, setLinkDashboardPage] = (0, import_react32.useState)();
+  const [dashboardPageId, setDashboardPageId] = (0, import_react32.useState)();
+  const dashboardPages = getExtensions("DashboardPage");
+  const dashboardPagesExist = Boolean(dashboardPages.length);
+  const extensionType = t2("generate_command.flow.custom_element").toLowerCase();
+  const shouldGenerate = !dashboardPagesExist || (linkDashboardPage === false ? true : dashboardPageId);
+  const generationTask = useGenerationTask(async () => {
+    if (elementName && elementFolder && shouldGenerate) {
+      return generateCustomElement(
+        model.projectFolder,
+        elementFolder,
+        elementName,
+        dashboardPageId
+      );
+    }
+  }, [elementFolder, elementName, shouldGenerate]);
+  return [
+    /* @__PURE__ */ import_react32.default.createElement(ChooseNameStep2, { onSubmit: setElementName, elementName }),
+    /* @__PURE__ */ import_react32.default.createElement(
+      ChooseFolderStep3,
+      {
+        onSubmit: setElementFolder,
+        elementFolder,
+        elementName
+      }
+    ),
+    ...dashboardPagesExist ? [/* @__PURE__ */ import_react32.default.createElement(LinkDashboardPageStep, { onSubmit: setLinkDashboardPage })] : [],
+    ...dashboardPagesExist && linkDashboardPage ? [/* @__PURE__ */ import_react32.default.createElement(ChooseDashboardPageStep, { onSubmit: setDashboardPageId })] : [],
+    /* @__PURE__ */ import_react32.default.createElement(
+      CompleteGeneration,
+      {
+        generationTask,
+        extensionType,
+        successMessage: CompleteGenerationMessage.SuccessMessage({
+          // https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/site-widgets/site-widget-extension-files-and-code
+          learnMoreUrl: "https://wix.to/rEfCfbY"
+        })
+      }
+    )
+  ];
 };
 
 // src/components/GenerateCommand/site-widget/blocks/Blocks.tsx
 init_esm_shims();
-var import_react29 = __toESM(require_react(), 1);
-var import_variant21 = __toESM(require_lib(), 1);
+var import_react34 = __toESM(require_react(), 1);
 
 // src/components/GenerateCommand/site-widget/blocks/generate.ts
 init_esm_shims();
-import path14 from "node:path";
+import path13 from "node:path";
 
 // src/files/tsconfig.ts
 init_esm_shims();
@@ -4870,7 +4883,7 @@ async function saveTSConfig(projectFolder, config) {
 }
 
 // src/components/GenerateCommand/site-widget/blocks/generate.ts
-var BLOCKS_SUPPORT_TEMPLATE = path14.resolve(
+var BLOCKS_SUPPORT_TEMPLATE = path13.resolve(
   __dirname,
   "../templates/blocks-support"
 );
@@ -4890,7 +4903,7 @@ async function enableBlocksInProject(projectFolder, config) {
   }
   const newDependencies = await dependenciesUpdater({
     projectFolder,
-    dependenciesJsonPath: path14.join(
+    dependenciesJsonPath: path13.join(
       BLOCKS_SUPPORT_TEMPLATE,
       "dependencies.json"
     )
@@ -4898,64 +4911,82 @@ async function enableBlocksInProject(projectFolder, config) {
   return { newDependencies, newFiles: [] };
 }
 
+// src/components/GenerateCommand/site-widget/blocks/BlocksGenerationSuccessMessage.tsx
+init_esm_shims();
+var import_react33 = __toESM(require_react(), 1);
+var BlockGenerationSuccessMessage = () => {
+  const { t: t2 } = useTranslation();
+  return /* @__PURE__ */ import_react33.default.createElement(
+    Box_default,
+    {
+      borderColor: "blue",
+      borderStyle: "round",
+      flexDirection: "column",
+      paddingY: 1,
+      paddingX: 3,
+      gap: 1,
+      marginTop: 1
+    },
+    /* @__PURE__ */ import_react33.default.createElement(Box_default, { marginTop: -2, marginLeft: 0 }, /* @__PURE__ */ import_react33.default.createElement(Text, { skin: "question", bold: true }, t2("generate_command.blocks.success.title"))),
+    /* @__PURE__ */ import_react33.default.createElement(
+      Trans,
+      {
+        i18nKey: "generate_command.blocks.success.info.title",
+        components: [/* @__PURE__ */ import_react33.default.createElement(Rocket, null)]
+      }
+    ),
+    /* @__PURE__ */ import_react33.default.createElement(Box_default, { paddingLeft: 3 }, /* @__PURE__ */ import_react33.default.createElement(Trans, { i18nKey: "generate_command.blocks.success.info.steps" })),
+    /* @__PURE__ */ import_react33.default.createElement(
+      Trans,
+      {
+        i18nKey: "generate_command.generation.learn_more",
+        values: { extensionType: "blocks widgets" },
+        components: [/* @__PURE__ */ import_react33.default.createElement(Learn, null), /* @__PURE__ */ import_react33.default.createElement(Link, { url: "https://wix.to/HuMifhw" })]
+      }
+    )
+  );
+};
+
 // src/components/GenerateCommand/site-widget/blocks/Blocks.tsx
-var AddBlocksSupportToProject = () => {
+var useAddBlocksSupportToProject = ({
+  siteWidgetType
+}) => {
   const { t: t2 } = useTranslation();
   const { model } = useProjectModel();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react29.useState)(false);
   const extensionType = t2(
     "generate_command.site_widget_wizard.blocks.title"
   ).toLowerCase();
   const supportBlocksTask = useGenerationTask(async () => {
-    if (model.config.blocks) {
-      return;
-    }
-    return enableBlocksInProject(model.projectFolder, model.config);
-  }, []);
-  return /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, (0, import_react29.useMemo)(
-    () => (0, import_variant21.match)(supportBlocksTask, {
-      Success: ({ hasUpdatedDependencies }) => {
-        if (hasUpdatedDependencies) {
-          return /* @__PURE__ */ import_react29.default.createElement(
-            InstallDependencies,
-            {
-              onFinish: () => setFinishedInstallation(true)
-            }
-          );
-        }
-        setFinishedInstallation(true);
-      },
-      Loading: () => /* @__PURE__ */ import_react29.default.createElement(
-        Spinner,
-        {
-          text: t2("generate_command.generation.loading", {
-            subject: extensionType
-          })
-        }
-      ),
-      NotRequested: () => null,
-      Error: () => null
-    }),
-    [supportBlocksTask, t2, extensionType]
-  ), finishedInstallation && /* @__PURE__ */ import_react29.default.createElement(Box_default, { marginTop: 1 }, /* @__PURE__ */ import_react29.default.createElement(
-    Trans,
-    {
-      i18nKey: "generate_command.blocks.success",
-      components: [
-        /* @__PURE__ */ import_react29.default.createElement(Link, { url: "https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/blocks-site-widgets/add-a-blocks-site-widget-extension-in-the-cli" })
-      ]
+    if (siteWidgetType === "blocks") {
+      if (model.config.blocks) {
+        return;
+      }
+      return enableBlocksInProject(model.projectFolder, model.config);
     }
-  )));
+  }, [siteWidgetType]);
+  return [
+    /* @__PURE__ */ import_react34.default.createElement(
+      CompleteGeneration,
+      {
+        generationTask: supportBlocksTask,
+        extensionType,
+        successMessage: CompleteGenerationMessage.CustomSuccessMessage({
+          comp: /* @__PURE__ */ import_react34.default.createElement(BlockGenerationSuccessMessage, null)
+        })
+      }
+    )
+  ];
 };
 
 // src/components/GenerateCommand/site-widget/SiteWidgetWizard.tsx
-var GenerateSiteWidgetWizard = () => {
+var SelectSiteWidgetTypeStep = ({ onSubmit }) => {
   const bi = useWixCliAppBi();
   const { t: t2 } = useTranslation();
-  const [selectedSiteWidgetType, setSelectedSiteWidgetType] = (0, import_react30.useState)();
-  return /* @__PURE__ */ import_react30.default.createElement(import_react30.default.Fragment, null, /* @__PURE__ */ import_react30.default.createElement(
+  const { isActive, goToNextStep } = useWizardStep();
+  return /* @__PURE__ */ import_react35.default.createElement(
     SelectInput,
     {
+      isActive,
       label: t2("generate_command.site_widget_wizard.choose_extention.title"),
       info: t2("generate_command.site_widget_wizard.choose_extention.info"),
       options: [
@@ -4963,12 +4994,12 @@ var GenerateSiteWidgetWizard = () => {
           title: t2(
             "generate_command.site_widget_wizard.custom_element_option.title"
           ),
-          description: /* @__PURE__ */ import_react30.default.createElement(
+          description: /* @__PURE__ */ import_react35.default.createElement(
             Trans,
             {
               i18nKey: "generate_command.site_widget_wizard.custom_element_option.description",
               components: [
-                /* @__PURE__ */ import_react30.default.createElement(Link, { url: "https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/site-widgets/add-a-site-widget-extension-in-the-cli" })
+                /* @__PURE__ */ import_react35.default.createElement(Link, { url: "https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/site-widgets/add-a-site-widget-extension-in-the-cli" })
               ]
             }
           ),
@@ -4976,12 +5007,12 @@ var GenerateSiteWidgetWizard = () => {
         },
         {
           title: t2("generate_command.site_widget_wizard.blocks.title"),
-          description: /* @__PURE__ */ import_react30.default.createElement(
+          description: /* @__PURE__ */ import_react35.default.createElement(
             Trans,
             {
               i18nKey: "generate_command.site_widget_wizard.blocks.description",
               components: [
-                /* @__PURE__ */ import_react30.default.createElement(Link, { url: "https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/blocks-site-widgets/add-a-blocks-site-widget-extension-in-the-cli" })
+                /* @__PURE__ */ import_react35.default.createElement(Link, { url: "https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/blocks-site-widgets/add-a-blocks-site-widget-extension-in-the-cli" })
               ]
             }
           ),
@@ -4996,19 +5027,33 @@ var GenerateSiteWidgetWizard = () => {
           questionKey: "generate_command.site_widget_wizard.choose_extention.title",
           answer: option.title
         });
-        setSelectedSiteWidgetType(option.value);
+        onSubmit(option.value);
+        goToNextStep();
       }
     }
-  ), selectedSiteWidgetType === "customElement" && /* @__PURE__ */ import_react30.default.createElement(GenerateCustomElement, null), selectedSiteWidgetType === "blocks" && /* @__PURE__ */ import_react30.default.createElement(AddBlocksSupportToProject, null));
+  );
+};
+var useGenerateSiteWidget = () => {
+  const [siteWidgetType, setSiteWidgetType] = (0, import_react35.useState)();
+  const generateCustomElementSteps = useGenerateCustomElement();
+  const addBlocksSupportToProjectSteps = useAddBlocksSupportToProject({
+    siteWidgetType
+  });
+  return [
+    /* @__PURE__ */ import_react35.default.createElement(SelectSiteWidgetTypeStep, { onSubmit: setSiteWidgetType }),
+    ...siteWidgetType === "customElement" ? generateCustomElementSteps : [],
+    ...siteWidgetType === "blocks" ? addBlocksSupportToProjectSteps : [],
+    ...siteWidgetType === void 0 ? [/* @__PURE__ */ import_react35.default.createElement(import_react35.default.Fragment, null)] : []
+  ];
 };
 
 // src/components/GenerateCommand/GenerateCommand.tsx
-var DevCenterGenerateFlow = (0, import_variant22.variant)((0, import_variant22.types)(DevCenterComponent));
+var DevCenterGenerateFlow = (0, import_variant14.variant)((0, import_variant14.types)(DevCenterComponent));
 var FlowSelector = ({ onSubmit, generateFlow, generateFlows }) => {
   const { t: t2 } = useTranslation();
   const bi = useWixCliAppBi();
   const { goToNextStep, isActive } = useWizardStep();
-  const selectFlow = (0, import_react31.useCallback)(
+  const selectFlow = (0, import_react36.useCallback)(
     (selectedType) => {
       bi.cliFlowStepAnswered({
         question: t2("generate_command.flow.choose_flow"),
@@ -5020,27 +5065,33 @@ var FlowSelector = ({ onSubmit, generateFlow, generateFlows }) => {
     },
     [bi, t2, onSubmit, goToNextStep]
   );
-  (0, import_react31.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     goToNextStep();
   }, []);
-  return /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react36.default.createElement(
     SelectGroupsInput,
     {
       value: !isActive ? InputState.Submitted(generateFlow) : InputState.NotSubmitted(generateFlow),
       label: t2("generate_command.flow.choose_flow"),
       groups: generateFlows,
       onSubmit: selectFlow,
-      maxHeight: 14
+      maxHeight: 15
     }
   );
 };
 var GenerateCommand = () => {
   const { t: t2 } = useTranslation();
   const bi = useWixCliAppBi();
-  const dashboardPagesSteps = useGenerateDashboardPage();
+  const dashboardPageSteps = useGenerateDashboardPage();
   const dashboardModalSteps = useGenerateDashboardModal();
-  const [generateFlow, setGenerateFlow] = (0, import_react31.useState)();
-  const generateFlows = (0, import_react31.useMemo)(
+  const apiSteps = useGenerateApi();
+  const generateEventsSteps = useGenerateEvent();
+  const generateServicePluginSteps = useGenerateServicePlugin();
+  const generateEmbeddedScriptSteps = useGenerateEmbeddedScript();
+  const generateSidebarCategorySteps = useGenerateSidebarCategory();
+  const generateSiteWidgetSteps = useGenerateSiteWidget();
+  const [generateFlow, setGenerateFlow] = (0, import_react36.useState)();
+  const generateFlows = (0, import_react36.useMemo)(
     () => [
       {
         title: t2("generate_command.flow.dashboard_category"),
@@ -5101,11 +5152,6 @@ var GenerateCommand = () => {
             title: t2("generate_command.flow.api.title"),
             value: DevCenterGenerateFlow.Api()
           },
-          {
-            key: "web-method-module",
-            title: t2("generate_command.flow.web_method.title"),
-            value: DevCenterGenerateFlow.WebMethod()
-          },
           {
             key: "event",
             title: t2("generate_command.flow.event"),
@@ -5121,7 +5167,7 @@ var GenerateCommand = () => {
     ],
     [t2]
   );
-  const selectFlow = (0, import_react31.useCallback)(
+  const selectFlow = (0, import_react36.useCallback)(
     (selectedType) => {
       bi.cliFlowStepAnswered({
         question: t2("generate_command.flow.choose_flow"),
@@ -5132,25 +5178,25 @@ var GenerateCommand = () => {
     },
     [bi, t2]
   );
-  const shouldEditFlow = (0, import_variant22.isType)(generateFlow?.value, "DashboardPage") || (0, import_variant22.isType)(generateFlow?.value, "DashboardModal");
-  return /* @__PURE__ */ import_react31.default.createElement(Box_default, { flexDirection: "column", paddingTop: 1 }, !shouldEditFlow && /* @__PURE__ */ import_react31.default.createElement(
+  const shouldEditFlow = (0, import_variant14.isType)(generateFlow?.value, "DashboardPage") || (0, import_variant14.isType)(generateFlow?.value, "DashboardModal") || (0, import_variant14.isType)(generateFlow?.value, "Api") || (0, import_variant14.isType)(generateFlow?.value, "DashboardSidebarCategory") || (0, import_variant14.isType)(generateFlow?.value, "EmbeddedScript") || (0, import_variant14.isType)(generateFlow?.value, "CustomElement") || (0, import_variant14.isType)(generateFlow?.value, "ServicePlugin") || (0, import_variant14.isType)(generateFlow?.value, "Event");
+  return /* @__PURE__ */ import_react36.default.createElement(Box_default, { flexDirection: "column", paddingTop: 1 }, !shouldEditFlow && /* @__PURE__ */ import_react36.default.createElement(
     SelectGroupsInput,
     {
       value: generateFlow ? InputState.Submitted(generateFlow) : InputState.NotSubmitted(generateFlow),
       label: t2("generate_command.flow.choose_flow"),
       groups: generateFlows,
       onSubmit: selectFlow,
-      maxHeight: 14
+      maxHeight: 15
     }
-  ), generateFlow && (0, import_variant22.match)(
+  ), generateFlow && (0, import_variant14.match)(
     generateFlow.value,
-    (0, import_variant22.partial)({
-      DashboardPage: () => /* @__PURE__ */ import_react31.default.createElement(
+    (0, import_variant14.partial)({
+      DashboardPage: () => /* @__PURE__ */ import_react36.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
           steps: [
-            /* @__PURE__ */ import_react31.default.createElement(
+            /* @__PURE__ */ import_react36.default.createElement(
               FlowSelector,
               {
                 generateFlows,
@@ -5158,16 +5204,16 @@ var GenerateCommand = () => {
                 onSubmit: setGenerateFlow
               }
             ),
-            ...dashboardPagesSteps
+            ...dashboardPageSteps
           ]
         }
       ),
-      DashboardModal: () => /* @__PURE__ */ import_react31.default.createElement(
+      DashboardModal: () => /* @__PURE__ */ import_react36.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
           steps: [
-            /* @__PURE__ */ import_react31.default.createElement(
+            /* @__PURE__ */ import_react36.default.createElement(
               FlowSelector,
               {
                 generateFlows,
@@ -5179,16 +5225,111 @@ var GenerateCommand = () => {
           ]
         }
       ),
-      DashboardSidebarCategory: () => /* @__PURE__ */ import_react31.default.createElement(GenerateSidebarCategory, null),
-      EmbeddedScript: () => /* @__PURE__ */ import_react31.default.createElement(GenerateEmbeddedScript, null),
-      CustomElement: () => /* @__PURE__ */ import_react31.default.createElement(GenerateSiteWidgetWizard, null),
-      SitePlugin: () => /* @__PURE__ */ import_react31.default.createElement(GenerateSitePlugin, null),
-      DashboardPlugin: () => /* @__PURE__ */ import_react31.default.createElement(DashboardPlugin, { flow: generateFlow.value }),
-      DashboardMenuPlugin: () => /* @__PURE__ */ import_react31.default.createElement(DashboardPlugin, { flow: generateFlow.value }),
-      ServicePlugin: () => /* @__PURE__ */ import_react31.default.createElement(GenerateServicePlugin, null),
-      Api: () => /* @__PURE__ */ import_react31.default.createElement(GenerateApi, null),
-      WebMethod: () => /* @__PURE__ */ import_react31.default.createElement(GenerateWebMethod, null),
-      Event: () => /* @__PURE__ */ import_react31.default.createElement(GenerateEvent, null),
+      Api: () => /* @__PURE__ */ import_react36.default.createElement(
+        Wizard,
+        {
+          name: generateFlow.value.type,
+          steps: [
+            /* @__PURE__ */ import_react36.default.createElement(
+              FlowSelector,
+              {
+                generateFlows,
+                generateFlow,
+                onSubmit: setGenerateFlow
+              }
+            ),
+            ...apiSteps
+          ]
+        }
+      ),
+      DashboardSidebarCategory: () => /* @__PURE__ */ import_react36.default.createElement(
+        Wizard,
+        {
+          name: generateFlow.value.type,
+          steps: [
+            /* @__PURE__ */ import_react36.default.createElement(
+              FlowSelector,
+              {
+                generateFlows,
+                generateFlow,
+                onSubmit: setGenerateFlow
+              }
+            ),
+            ...generateSidebarCategorySteps
+          ]
+        }
+      ),
+      EmbeddedScript: () => /* @__PURE__ */ import_react36.default.createElement(
+        Wizard,
+        {
+          name: generateFlow.value.type,
+          steps: [
+            /* @__PURE__ */ import_react36.default.createElement(
+              FlowSelector,
+              {
+                generateFlows,
+                generateFlow,
+                onSubmit: setGenerateFlow
+              }
+            ),
+            ...generateEmbeddedScriptSteps
+          ]
+        }
+      ),
+      CustomElement: () => /* @__PURE__ */ import_react36.default.createElement(
+        Wizard,
+        {
+          name: generateFlow.value.type,
+          steps: [
+            /* @__PURE__ */ import_react36.default.createElement(
+              FlowSelector,
+              {
+                generateFlows,
+                generateFlow,
+                onSubmit: setGenerateFlow
+              }
+            ),
+            ...generateSiteWidgetSteps
+          ]
+        }
+      ),
+      ServicePlugin: () => /* @__PURE__ */ import_react36.default.createElement(
+        Wizard,
+        {
+          name: generateFlow.value.type,
+          steps: [
+            /* @__PURE__ */ import_react36.default.createElement(
+              FlowSelector,
+              {
+                generateFlows,
+                generateFlow,
+                onSubmit: setGenerateFlow
+              }
+            ),
+            ...generateServicePluginSteps
+          ]
+        }
+      ),
+      Event: () => /* @__PURE__ */ import_react36.default.createElement(
+        Wizard,
+        {
+          name: generateFlow.value.type,
+          steps: [
+            /* @__PURE__ */ import_react36.default.createElement(
+              FlowSelector,
+              {
+                generateFlows,
+                generateFlow,
+                onSubmit: setGenerateFlow
+              }
+            ),
+            ...generateEventsSteps
+          ]
+        }
+      ),
+      SitePlugin: () => /* @__PURE__ */ import_react36.default.createElement(GenerateSitePlugin, null),
+      DashboardPlugin: () => /* @__PURE__ */ import_react36.default.createElement(DashboardPlugin, { flow: generateFlow.value }),
+      DashboardMenuPlugin: () => /* @__PURE__ */ import_react36.default.createElement(DashboardPlugin, { flow: generateFlow.value }),
       default: () => null
     })
   ));
@@ -5196,4 +5337,4 @@ var GenerateCommand = () => {
 export {
   GenerateCommand
 };
-//# sourceMappingURL=GenerateCommand-BXBYWPR6.js.map
+//# sourceMappingURL=GenerateCommand-IOFKL3RC.js.map