@wix/cli-app 1.1.70 → 1.1.72

package/build/{GenerateCommand-54ISTYYO.js → GenerateCommand-5KR6GRHW.js}

@@ -2,23 +2,25 @@ import { createRequire as _createRequire } from 'node:module';
 const require = _createRequire(import.meta.url);
 import {
   createI18nT
-} from "./chunk-ZWTX6NE6.js";
-import "./chunk-HY44AJBX.js";
+} from "./chunk-4JQ75QTB.js";
+import "./chunk-FUJL6MQF.js";
 import {
   useWixCliAppBi
-} from "./chunk-ZEKT3LRI.js";
+} from "./chunk-AKMZVY3B.js";
 import {
   componentGenerator,
+  dependenciesUpdater,
   require_lodash,
   useBackendComponents
-} from "./chunk-MX6MY676.js";
+} from "./chunk-OU2SCVZ4.js";
 import {
   execaCommand
 } from "./chunk-ZR3N5INU.js";
 import {
   require_baseUniq
-} from "./chunk-JTGROBAJ.js";
+} from "./chunk-U7NOLQSJ.js";
 import {
+  BLOCKS_TYPES_PATH,
   ComponentType,
   DASHBOARD_MENU_PLUGINS_DIR,
   DASHBOARD_PAGES_DIR,
@@ -30,6 +32,7 @@ import {
   SITE_PLUGINS_DIR,
   SITE_WIDGETS_DIR,
   ServicePluginTypeToFolderName,
+  TS_CONFIG_FILENAME,
   WEB_METHOD_DIR,
   composeValidations,
   createDashboardRouteValidation,
@@ -46,6 +49,7 @@ import {
   getServicePluginsFolder,
   getSitePluginsDir,
   getSiteWidgetsDir,
+  getTSConfigFilePath,
   pRetry,
   pathExists,
   pathValidation,
@@ -55,6 +59,7 @@ import {
   require_memoize,
   saveWixConfig,
   toJsonString,
+  tsConfigSchema,
   useCustomElementDirectoryValidation,
   useCustomElementNameValidation,
   useDevCenterClient,
@@ -65,7 +70,7 @@ import {
   useValidation,
   uuidValidation,
   writeJson
-} from "./chunk-H27IPZI4.js";
+} from "./chunk-5KBGN6AI.js";
 import {
   AsyncCallbackStatus,
   Box_default,
@@ -90,7 +95,7 @@ import {
   useAsyncCallback,
   useTranslation,
   z
-} from "./chunk-OHC3CHII.js";
+} from "./chunk-DN2W5I6V.js";
 import {
   __commonJS,
   __dirname,
@@ -117,8 +122,8 @@ init_esm_shims();
 
 // src/components/GenerateCommand/GenerateCommand.tsx
 init_esm_shims();
-var import_react25 = __toESM(require_react(), 1);
-var import_variant27 = __toESM(require_lib(), 1);
+var import_react27 = __toESM(require_react(), 1);
+var import_variant28 = __toESM(require_lib(), 1);
 
 // src/components/GenerateCommand/dashboad-page/DashboardPage.tsx
 init_esm_shims();
@@ -194,7 +199,7 @@ function createServicePluginValidation(servicePlugins, servicePluginType) {
       "Plugin name must be unique"
     ],
     [
-      (path14) => path14.length < 20,
+      (path15) => path15.length < 20,
       "Plugin name must be shorter than 20 characters"
     ],
     [
@@ -355,14 +360,6 @@ async function isUsingWorkspaces(rootDir) {
 var NPM = class {
   constructor(repoType) {
     this.repoType = repoType;
-    if ((0, import_variant3.isType)(repoType, RepoType.Monorepo)) {
-      throw new CliError({
-        code: CliErrorCode.UnsupportedPackageManagerWorkspaces({
-          packageManagerName: this.name
-        }),
-        cause: null
-      });
-    }
   }
   name = "npm";
   getUsage(name) {
@@ -375,9 +372,47 @@ var NPM = class {
     return "npm run";
   }
   async setup(_cwd) {
+    if ((0, import_variant3.isType)(this.repoType, RepoType.Monorepo)) {
+      throw new CliError({
+        code: CliErrorCode.UnsupportedPackageManagerWorkspaces({
+          packageManagerName: this.name
+        }),
+        cause: null
+      });
+    }
   }
   async runInstall(cwd) {
-    await runCommand(this.getInstallCmd(), { cwd });
+    try {
+      await runCommand(this.getInstallCmd(), { cwd });
+    } catch (e) {
+      throw new CliError({
+        code: CliErrorCode.FailedToInstallPackages(),
+        info: { packageManager: this.name },
+        cause: e
+      });
+    }
+  }
+  async runInstallPackage(cwd, packageName) {
+    try {
+      await runCommand(`npm install ${packageName}`, { cwd });
+    } catch (e) {
+      throw new CliError({
+        code: CliErrorCode.FailedToInstallPackage({ packageName }),
+        info: { packageManager: this.name },
+        cause: e
+      });
+    }
+  }
+  async runUninstallPackage(cwd, packageName) {
+    try {
+      await runCommand(`npm uninstall ${packageName}`, { cwd });
+    } catch (e) {
+      throw new CliError({
+        code: CliErrorCode.FailedToUninstallPackage({ packageName }),
+        info: { packageManager: this.name },
+        cause: e
+      });
+    }
   }
 };
 
@@ -426,7 +461,37 @@ var Yarn = class {
     }).complete();
   }
   async runInstall(cwd) {
-    await runCommand(this.getInstallCmd(), { cwd });
+    try {
+      await runCommand(this.getInstallCmd(), { cwd });
+    } catch (e) {
+      throw new CliError({
+        code: CliErrorCode.FailedToInstallPackages(),
+        info: { packageManager: this.name },
+        cause: e
+      });
+    }
+  }
+  async runInstallPackage(cwd, packageName) {
+    try {
+      await runCommand(`yarn add ${packageName}`, { cwd });
+    } catch (e) {
+      throw new CliError({
+        code: CliErrorCode.FailedToInstallPackage({ packageName }),
+        info: { packageManager: this.name },
+        cause: e
+      });
+    }
+  }
+  async runUninstallPackage(cwd, packageName) {
+    try {
+      await runCommand(`yarn remove ${packageName}`, { cwd });
+    } catch (e) {
+      throw new CliError({
+        code: CliErrorCode.FailedToUninstallPackage({ packageName }),
+        info: { packageManager: this.name },
+        cause: e
+      });
+    }
   }
 };
 async function getPackagesRelativePaths(rootDir, yarnVersion) {
@@ -1053,189 +1118,113 @@ var GenerateSidebarCategory = () => {
   )));
 };
 
-// src/components/GenerateCommand/custom-element/CustomElement.tsx
+// src/components/GenerateCommand/dashboard-modal/DashboardModal.tsx
 init_esm_shims();
 var import_react6 = __toESM(require_react(), 1);
 var import_variant10 = __toESM(require_lib(), 1);
 var import_lodash3 = __toESM(require_lodash(), 1);
 
-// src/components/GenerateCommand/custom-element/generate.ts
+// src/components/GenerateCommand/dashboard-modal/generate.ts
 init_esm_shims();
 import path5 from "node:path";
 import { randomUUID as randomUUID4 } from "node:crypto";
-var CUSTOM_ELEMENT_TEMPLATE = path5.resolve(
+var DASHBOARD_MODAL_TEMPLATE = path5.resolve(
   __dirname,
-  "../templates/custom-element"
+  "../templates/dashboard-modal"
 );
-async function generateCustomElement(projectFolder, folder, name, dashboardPageId) {
-  const readablePath = path5.join(SITE_WIDGETS_DIR, folder);
-  const cwd = path5.join(getSiteWidgetsDir(projectFolder), folder);
-  const behaviorsConfig = dashboardPageId ? {
-    dashboard: {
-      dashboardPageComponentId: dashboardPageId
-    }
-  } : void 0;
-  const defaultThumbnailPath = path5.join(
-    projectFolder,
-    "src/assets",
-    folder,
-    "thumbnail.png"
-  );
-  const customElementConfig = {
-    $schema: "https://dev.wix.com/wix-cli/schemas/custom-element.json",
+async function generateDashboardModal(projectFolder, route, title) {
+  const cwd = path5.join(getDashboardModalsDir(projectFolder), route);
+  const modalConfig = {
+    $schema: "https://dev.wix.com/wix-cli/schemas/dashboard-modal.json",
     id: randomUUID4(),
-    name,
-    width: {
-      defaultWidth: 450,
-      allowStretch: true
-    },
-    height: {
-      defaultHeight: 250
-    },
-    installation: {
-      autoAddToSite: true
-    },
-    behaviors: behaviorsConfig,
-    presets: [
-      {
-        id: randomUUID4(),
-        thumbnailUrl: path5.relative(cwd, defaultThumbnailPath)
-      }
-    ]
+    title,
+    width: 550,
+    height: 600
   };
-  const customElementConfigJSON = toJsonString(customElementConfig, {
-    spaces: 2
-  });
+  const modalConfigJSON = toJsonString(modalConfig, { spaces: 2 });
   return await componentGenerator({
-    template: CUSTOM_ELEMENT_TEMPLATE,
+    template: DASHBOARD_MODAL_TEMPLATE,
     projectFolder,
     cwd,
-    assetsOutputPath: folder,
     data: {
-      customElementConfigJSON,
-      readablePath,
-      name
+      modalId: modalConfig.id,
+      route,
+      title,
+      modalConfigJSON
     }
   });
 }
 
-// src/components/GenerateCommand/custom-element/CustomElement.tsx
-var GenerateCustomElement = () => {
+// src/components/GenerateCommand/dashboard-modal/DashboardModal.tsx
+var GenerateDashboardModal = () => {
   const bi = useWixCliAppBi();
   const { t: t2 } = useTranslation();
   const { model } = useProjectModel();
-  const [elementName, setElementName] = (0, import_react6.useState)();
-  const [elementFolder, setElementFolder] = (0, import_react6.useState)();
-  const [linkDashboardPage, setLinkDashboardPage] = (0, import_react6.useState)();
-  const [generationData, setGenerationData] = (0, import_react6.useState)();
-  const validateFolderName = useCustomElementDirectoryValidation("Site widget");
-  const validateName = useCustomElementNameValidation();
   const { getExtensions } = useExtensions();
+  const extensionType = t2(
+    "generate_command.flow.dashboard_modal"
+  ).toLowerCase();
+  const dashboardModals = getExtensions("DashboardModal");
+  const [modalFolder, setModalFolder] = (0, import_react6.useState)();
+  const [modalTitle, setModalTitle] = (0, import_react6.useState)();
   const [finishedInstallation, setFinishedInstallation] = (0, import_react6.useState)(false);
-  const defaultElementFolder = (0, import_lodash3.kebabCase)(elementName);
-  const dashboardPages = getExtensions("DashboardPage");
-  const dashboardPagesOptions = dashboardPages.map(
-    ({ id, title }) => ({
-      value: id,
-      title
-    })
+  const defaultModalFolder = (0, import_lodash3.kebabCase)(modalTitle);
+  const modalQuestionsAnswered = modalFolder && modalTitle;
+  const validateDashboardFolder = useValidation(
+    composeValidations([
+      [
+        (folder) => {
+          return dashboardModals.every(
+            (modal) => relativeFolderName(
+              getDashboardModalsDir(model.projectFolder),
+              modal.relativePath
+            ) !== folder
+          );
+        },
+        t2("generate_command.dashboard_modal.validation.folder_exists")
+      ],
+      [
+        pathValidation,
+        t2("generate_command.dashboard_modal.validation.folder_invalid")
+      ]
+    ])
   );
-  const dashboardPagesExist = Boolean(dashboardPages.length);
-  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
-      );
+    if (!modalQuestionsAnswered) {
+      return;
     }
-  }, [generationData]);
+    return generateDashboardModal(model.projectFolder, modalFolder, modalTitle);
+  }, [modalQuestionsAnswered]);
   return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
     TextInput,
     {
-      label: t2("generate_command.custom_element.choose_name"),
-      placeholder: t2("generate_command.custom_element.name_placeholder"),
-      onSubmit: (value) => {
+      label: t2("generate_command.dashboard_modal.choose_title"),
+      placeholder: t2("generate_command.dashboard_modal.title_placeholder"),
+      onSubmit: (modalTitle2) => {
         bi.cliFlowStepAnswered({
-          question: t2("generate_command.custom_element.choose_name"),
-          questionKey: "generate_command.custom_element.choose_name",
-          answer: value,
-          additionalInfo: {
-            extensionType
-          }
+          question: t2("generate_command.dashboard_modal.choose_title"),
+          questionKey: "generate_command.dashboard_modal.choose_title",
+          answer: modalTitle2,
+          additionalInfo: { extensionType }
         });
-        setElementName(value);
-      },
-      validate: validateName
+        setModalTitle(modalTitle2);
+      }
     }
-  ), elementName && /* @__PURE__ */ import_react6.default.createElement(
+  ), modalTitle && /* @__PURE__ */ import_react6.default.createElement(
     TextInput,
     {
-      label: t2("generate_command.custom_element.choose_folder"),
-      placeholder: defaultElementFolder,
+      label: t2("generate_command.dashboard_modal.choose_folder"),
+      placeholder: defaultModalFolder,
       onSubmit: (value) => {
         bi.cliFlowStepAnswered({
-          question: t2("generate_command.custom_element.choose_folder"),
-          questionKey: "generate_command.custom_element.choose_folder",
+          question: t2("generate_command.dashboard_modal.choose_folder"),
+          questionKey: "generate_command.dashboard_modal.choose_folder",
           answer: value,
-          additionalInfo: {
-            extensionType
-          }
-        });
-        setElementFolder(value);
-        if (!dashboardPagesExist) {
-          setGenerationData({
-            name: elementName,
-            folder: value
-          });
-        }
-      },
-      validate: validateFolderName
-    }
-  ), elementName && elementFolder && dashboardPagesExist && /* @__PURE__ */ import_react6.default.createElement(
-    ConfirmInput,
-    {
-      label: t2("generate_command.custom_element.link_dashboard_page"),
-      onSubmit: (shouldLinkDashboardPage) => {
-        bi.cliFlowStepAnswered({
-          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
-          });
-        }
-      }
-    }
-  ), elementName && elementFolder && dashboardPagesExist && linkDashboardPage && /* @__PURE__ */ import_react6.default.createElement(
-    SelectInput,
-    {
-      label: t2("generate_command.custom_element.choose_dashboard_page"),
-      options: dashboardPagesOptions,
-      onSubmit: (option) => {
-        bi.cliFlowStepAnswered({
-          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
-        });
-      }
+        setModalFolder(value);
+      },
+      validate: validateDashboardFolder
     }
   ), (0, import_react6.useMemo)(
     () => (0, import_variant10.match)(generationTask, {
@@ -1255,14 +1244,14 @@ var GenerateCustomElement = () => {
         Spinner,
         {
           text: t2("generate_command.generation.loading", {
-            subject: extensionType
+            subject: `${extensionType} ${modalFolder}`
           })
         }
       ),
-      NotRequested: () => null,
-      Error: () => null
+      Error: () => null,
+      NotRequested: () => null
     }),
-    [generationTask, setFinishedInstallation, t2, extensionType]
+    [generationTask, setFinishedInstallation, t2, extensionType, modalFolder]
   ), finishedInstallation && /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(Text, null, t2("generate_command.generation.done", {
     extensionType
   })), /* @__PURE__ */ import_react6.default.createElement(
@@ -1270,187 +1259,41 @@ var GenerateCustomElement = () => {
     {
       i18nKey: "generate_command.generation.learn_more",
       values: { extensionType },
-      components: [/* @__PURE__ */ import_react6.default.createElement(Learn, null), /* @__PURE__ */ import_react6.default.createElement(Link, { url: "https://wix.to/rEfCfbY" })]
+      components: [/* @__PURE__ */ import_react6.default.createElement(Learn, null), /* @__PURE__ */ import_react6.default.createElement(Link, { url: "https://wix.to/zh5ZfMK" })]
     }
   )));
 };
 
-// src/components/GenerateCommand/dashboard-modal/DashboardModal.tsx
+// src/components/GenerateCommand/service-plugin/index.ts
 init_esm_shims();
-var import_react7 = __toESM(require_react(), 1);
-var import_variant11 = __toESM(require_lib(), 1);
-var import_lodash4 = __toESM(require_lodash(), 1);
 
-// src/components/GenerateCommand/dashboard-modal/generate.ts
+// src/components/GenerateCommand/service-plugin/ServicePlugin.tsx
 init_esm_shims();
-import path6 from "node:path";
-import { randomUUID as randomUUID5 } from "node:crypto";
-var DASHBOARD_MODAL_TEMPLATE = path6.resolve(
-  __dirname,
-  "../templates/dashboard-modal"
-);
-async function generateDashboardModal(projectFolder, route, title) {
-  const cwd = path6.join(getDashboardModalsDir(projectFolder), route);
-  const modalConfig = {
-    $schema: "https://dev.wix.com/wix-cli/schemas/dashboard-modal.json",
-    id: randomUUID5(),
-    title,
-    width: 550,
-    height: 600
-  };
-  const modalConfigJSON = toJsonString(modalConfig, { spaces: 2 });
-  return await componentGenerator({
-    template: DASHBOARD_MODAL_TEMPLATE,
-    projectFolder,
-    cwd,
-    data: {
-      modalId: modalConfig.id,
-      route,
-      title,
-      modalConfigJSON
-    }
-  });
-}
-
-// src/components/GenerateCommand/dashboard-modal/DashboardModal.tsx
-var GenerateDashboardModal = () => {
-  const bi = useWixCliAppBi();
-  const { t: t2 } = useTranslation();
-  const { model } = useProjectModel();
-  const { getExtensions } = useExtensions();
-  const extensionType = t2(
-    "generate_command.flow.dashboard_modal"
-  ).toLowerCase();
-  const dashboardModals = getExtensions("DashboardModal");
-  const [modalFolder, setModalFolder] = (0, import_react7.useState)();
-  const [modalTitle, setModalTitle] = (0, import_react7.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react7.useState)(false);
-  const defaultModalFolder = (0, import_lodash4.kebabCase)(modalTitle);
-  const modalQuestionsAnswered = modalFolder && modalTitle;
-  const validateDashboardFolder = useValidation(
-    composeValidations([
-      [
-        (folder) => {
-          return dashboardModals.every(
-            (modal) => relativeFolderName(
-              getDashboardModalsDir(model.projectFolder),
-              modal.relativePath
-            ) !== folder
-          );
-        },
-        t2("generate_command.dashboard_modal.validation.folder_exists")
-      ],
-      [
-        pathValidation,
-        t2("generate_command.dashboard_modal.validation.folder_invalid")
-      ]
-    ])
-  );
-  const generationTask = useGenerationTask(async () => {
-    if (!modalQuestionsAnswered) {
-      return;
-    }
-    return generateDashboardModal(model.projectFolder, modalFolder, modalTitle);
-  }, [modalQuestionsAnswered]);
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
-    TextInput,
-    {
-      label: t2("generate_command.dashboard_modal.choose_title"),
-      placeholder: t2("generate_command.dashboard_modal.title_placeholder"),
-      onSubmit: (modalTitle2) => {
-        bi.cliFlowStepAnswered({
-          question: t2("generate_command.dashboard_modal.choose_title"),
-          questionKey: "generate_command.dashboard_modal.choose_title",
-          answer: modalTitle2,
-          additionalInfo: { extensionType }
-        });
-        setModalTitle(modalTitle2);
-      }
-    }
-  ), modalTitle && /* @__PURE__ */ import_react7.default.createElement(
-    TextInput,
-    {
-      label: t2("generate_command.dashboard_modal.choose_folder"),
-      placeholder: defaultModalFolder,
-      onSubmit: (value) => {
-        bi.cliFlowStepAnswered({
-          question: t2("generate_command.dashboard_modal.choose_folder"),
-          questionKey: "generate_command.dashboard_modal.choose_folder",
-          answer: value,
-          additionalInfo: { extensionType }
-        });
-        setModalFolder(value);
-      },
-      validate: validateDashboardFolder
-    }
-  ), (0, import_react7.useMemo)(
-    () => (0, import_variant11.match)(generationTask, {
-      Success: ({ hasUpdatedDependencies }) => {
-        if (hasUpdatedDependencies) {
-          return /* @__PURE__ */ import_react7.default.createElement(
-            InstallDependencies,
-            {
-              onFinish: () => setFinishedInstallation(true)
-            }
-          );
-        }
-        setFinishedInstallation(true);
-        return null;
-      },
-      Loading: () => /* @__PURE__ */ import_react7.default.createElement(
-        Spinner,
-        {
-          text: t2("generate_command.generation.loading", {
-            subject: `${extensionType} ${modalFolder}`
-          })
-        }
-      ),
-      Error: () => null,
-      NotRequested: () => null
-    }),
-    [generationTask, setFinishedInstallation, t2, extensionType, modalFolder]
-  ), finishedInstallation && /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(Text, null, t2("generate_command.generation.done", {
-    extensionType
-  })), /* @__PURE__ */ import_react7.default.createElement(
-    Trans,
-    {
-      i18nKey: "generate_command.generation.learn_more",
-      values: { extensionType },
-      components: [/* @__PURE__ */ import_react7.default.createElement(Learn, null), /* @__PURE__ */ import_react7.default.createElement(Link, { url: "https://wix.to/zh5ZfMK" })]
-    }
-  )));
-};
-
-// src/components/GenerateCommand/service-plugin/index.ts
-init_esm_shims();
-
-// src/components/GenerateCommand/service-plugin/ServicePlugin.tsx
-init_esm_shims();
-var import_react8 = __toESM(require_react(), 1);
-var import_variant13 = __toESM(require_lib(), 1);
+var import_react7 = __toESM(require_react(), 1);
+var import_variant12 = __toESM(require_lib(), 1);
 
 // src/components/GenerateCommand/service-plugin/generate.ts
 init_esm_shims();
-import path7 from "node:path";
-import { randomUUID as randomUUID6 } from "node:crypto";
-var import_variant12 = __toESM(require_lib(), 1);
-var SERVICE_PLUGIN_TEMPLATE = path7.resolve(
+import path6 from "node:path";
+import { randomUUID as randomUUID5 } from "node:crypto";
+var import_variant11 = __toESM(require_lib(), 1);
+var SERVICE_PLUGIN_TEMPLATE = path6.resolve(
   __dirname,
   "../templates/service-plugin"
 );
 async function generateServicePlugin(projectFolder, servicePluginType, name) {
   const servicePluginTypeLower = ServicePluginTypeToFolderName(servicePluginType);
-  const cwd = path7.join(
+  const cwd = path6.join(
     getServicePluginsFolder(projectFolder),
     servicePluginTypeLower,
     name
   );
   const servicePluginConfigBase = {
     $schema: `https://dev.wix.com/wix-cli/schemas/${servicePluginTypeLower}.json`,
-    id: randomUUID6(),
+    id: randomUUID5(),
     name
   };
-  const servicePluginConfig = (0, import_variant12.match)(servicePluginType, {
+  const servicePluginConfig = (0, import_variant11.match)(servicePluginType, {
     ECOM_ADDITIONAL_FEES: () => ({}),
     ECOM_SHIPPING_RATES: () => ({
       name: "Shipping Rates Provider",
@@ -1473,7 +1316,7 @@ async function generateServicePlugin(projectFolder, servicePluginType, name) {
     }
   );
   return await componentGenerator({
-    template: path7.join(SERVICE_PLUGIN_TEMPLATE, servicePluginTypeLower),
+    template: path6.join(SERVICE_PLUGIN_TEMPLATE, servicePluginTypeLower),
     projectFolder,
     cwd,
     data: {
@@ -1488,10 +1331,10 @@ var GenerateServicePlugin = () => {
   const { t: t2 } = useTranslation();
   const { model } = useProjectModel();
   const { getExtensions } = useExtensions();
-  const [type, setType] = (0, import_react8.useState)();
-  const [name, setName] = (0, import_react8.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react8.useState)(false);
-  const generateServicePluginOptions = (0, import_react8.useMemo)(
+  const [type, setType] = (0, import_react7.useState)();
+  const [name, setName] = (0, import_react7.useState)();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react7.useState)(false);
+  const generateServicePluginOptions = (0, import_react7.useMemo)(
     () => [
       {
         title: t2("generate_command.service_plugin.groups.stores"),
@@ -1528,7 +1371,7 @@ var GenerateServicePlugin = () => {
     [t2]
   );
   const extensionType = t2("generate_command.flow.service_plugin").toLowerCase();
-  const selectSupportedServicePlugin = (0, import_react8.useCallback)(
+  const selectSupportedServicePlugin = (0, import_react7.useCallback)(
     (supportedServicePlugin) => {
       bi.cliFlowStepAnswered({
         question: t2("generate_command.service_plugin.choose_type"),
@@ -1552,7 +1395,7 @@ var GenerateServicePlugin = () => {
       return result;
     }
   }, [name, type]);
-  return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(
+  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
     SelectGroupsInput,
     {
       label: t2("generate_command.service_plugin.choose_type"),
@@ -1560,7 +1403,7 @@ var GenerateServicePlugin = () => {
       onSubmit: selectSupportedServicePlugin,
       maxHeight: 14
     }
-  ), type && /* @__PURE__ */ import_react8.default.createElement(
+  ), type && /* @__PURE__ */ import_react7.default.createElement(
     TextInput,
     {
       label: t2("generate_command.service_plugin.choose_name"),
@@ -1576,11 +1419,11 @@ var GenerateServicePlugin = () => {
       },
       validate: validateServicePluginFolder
     }
-  ), (0, import_react8.useMemo)(
-    () => (0, import_variant13.match)(generationTask, {
+  ), (0, import_react7.useMemo)(
+    () => (0, import_variant12.match)(generationTask, {
       Success: ({ hasUpdatedDependencies }) => {
         if (hasUpdatedDependencies) {
-          return /* @__PURE__ */ import_react8.default.createElement(
+          return /* @__PURE__ */ import_react7.default.createElement(
             InstallDependencies,
             {
               onFinish: () => setFinishedInstallation(true)
@@ -1590,7 +1433,7 @@ var GenerateServicePlugin = () => {
         setFinishedInstallation(true);
         return null;
       },
-      Loading: () => /* @__PURE__ */ import_react8.default.createElement(
+      Loading: () => /* @__PURE__ */ import_react7.default.createElement(
         Spinner,
         {
           text: t2("generate_command.generation.loading", {
@@ -1602,42 +1445,42 @@ var GenerateServicePlugin = () => {
       NotRequested: () => null
     }),
     [generationTask, setFinishedInstallation, extensionType, t2]
-  ), finishedInstallation && /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(Text, null, t2("generate_command.generation.done", {
+  ), finishedInstallation && /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(Text, null, t2("generate_command.generation.done", {
     extensionType
-  })), /* @__PURE__ */ import_react8.default.createElement(
+  })), /* @__PURE__ */ import_react7.default.createElement(
     Trans,
     {
       i18nKey: "generate_command.generation.learn_more",
       values: { extensionType },
-      components: [/* @__PURE__ */ import_react8.default.createElement(Learn, null), /* @__PURE__ */ import_react8.default.createElement(Link, { url: "https://wix.to/YWyluDf" })]
+      components: [/* @__PURE__ */ import_react7.default.createElement(Learn, null), /* @__PURE__ */ import_react7.default.createElement(Link, { url: "https://wix.to/YWyluDf" })]
     }
   )));
 };
 
 // src/components/GenerateCommand/dashboard-plugin/DashboardPlugin.tsx
 init_esm_shims();
-var import_react13 = __toESM(require_react(), 1);
-var import_variant17 = __toESM(require_lib(), 1);
+var import_react12 = __toESM(require_react(), 1);
+var import_variant16 = __toESM(require_lib(), 1);
 
 // src/components/GenerateCommand/dashboard-plugin/DashboardPluginWizard.tsx
 init_esm_shims();
-var import_react12 = __toESM(require_react(), 1);
-var import_variant16 = __toESM(require_lib(), 1);
-var import_lodash5 = __toESM(require_lodash(), 1);
+var import_react11 = __toESM(require_react(), 1);
+var import_variant15 = __toESM(require_lib(), 1);
+var import_lodash4 = __toESM(require_lodash(), 1);
 
 // src/components/GenerateCommand/dashboard-plugin/generate.ts
 init_esm_shims();
-import path8 from "node:path";
-import { randomUUID as randomUUID7 } from "node:crypto";
-var DASHBOARD_PLUGIN_TEMPLATE = path8.resolve(
+import path7 from "node:path";
+import { randomUUID as randomUUID6 } from "node:crypto";
+var DASHBOARD_PLUGIN_TEMPLATE = path7.resolve(
   __dirname,
   "../templates/dashboard-plugin"
 );
 async function generateDashboardPlugin(projectFolder, extended, folder, title, params) {
-  const cwd = path8.join(getDashboardPluginsDir(projectFolder), folder);
+  const cwd = path7.join(getDashboardPluginsDir(projectFolder), folder);
   const pluginConfig = {
     $schema: "https://dev.wix.com/wix-cli/schemas/dashboard-plugin.json",
-    id: randomUUID7(),
+    id: randomUUID6(),
     title,
     extends: extended
   };
@@ -1655,8 +1498,8 @@ async function generateDashboardPlugin(projectFolder, extended, folder, title, p
 
 // src/components/GenerateCommand/AppRequirement.tsx
 init_esm_shims();
-var import_react9 = __toESM(require_react(), 1);
-var import_variant14 = __toESM(require_lib(), 1);
+var import_react8 = __toESM(require_react(), 1);
+var import_variant13 = __toESM(require_lib(), 1);
 var AppRequirement = ({
   appId,
   requiredApps,
@@ -1683,9 +1526,9 @@ var AppRequirement = ({
     }
     return appsToRequire;
   }, []);
-  const handleSubmit = (0, import_react9.useCallback)(
+  const handleSubmit = (0, import_react8.useCallback)(
     (shouldRequire) => {
-      if ((0, import_variant14.isType)(status, "Success")) {
+      if ((0, import_variant13.isType)(status, "Success")) {
         bi.cliFlowStepAnswered({
           question: t2("generate_command.required_app", {
             appsNames: status.result.map((requiredApp) => requiredApp.name).join(", ")
@@ -1705,37 +1548,37 @@ var AppRequirement = ({
     },
     [bi, onSubmit, t2, status]
   );
-  return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, (0, import_variant14.match)(status, {
-    Success: ({ result: appsToRequire }) => appsToRequire.length > 0 && /* @__PURE__ */ import_react9.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react9.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, (0, import_variant13.match)(status, {
+    Success: ({ result: appsToRequire }) => appsToRequire.length > 0 && /* @__PURE__ */ import_react8.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react8.default.createElement(
       ConfirmInput,
       {
         label: t2("generate_command.required_app", {
           appsNames: appsToRequire.map((requiredApp) => requiredApp.name).join(", ")
         }),
-        info: /* @__PURE__ */ import_react9.default.createElement(
+        info: /* @__PURE__ */ import_react8.default.createElement(
           Trans,
           {
             i18nKey: "generate_command.required_app.description",
             values: {
               appsNames: appsToRequire.map((requiredApp) => requiredApp.name).join(", ")
             },
-            components: [/* @__PURE__ */ import_react9.default.createElement(Link, { url: "https://wix.to/YAydHiJ" })]
+            components: [/* @__PURE__ */ import_react8.default.createElement(Link, { url: "https://wix.to/YAydHiJ" })]
           }
         ),
         onSubmit: handleSubmit
       }
     )),
-    Loading: () => /* @__PURE__ */ import_react9.default.createElement(Spinner, null),
+    Loading: () => /* @__PURE__ */ import_react8.default.createElement(Spinner, null),
     Error: () => null
   }));
 };
 
 // src/components/GenerateCommand/MultipleAppRequirement.tsx
 init_esm_shims();
-var import_react10 = __toESM(require_react(), 1);
-var import_variant15 = __toESM(require_lib(), 1);
-var RequiredAppOptions = (0, import_variant15.variant)({
-  Available: (0, import_variant15.fields)(),
+var import_react9 = __toESM(require_react(), 1);
+var import_variant14 = __toESM(require_lib(), 1);
+var RequiredAppOptions = (0, import_variant14.variant)({
+  Available: (0, import_variant14.fields)(),
   FailedToGetRequiredApps: {}
 });
 var MultipleAppRequirement = ({
@@ -1747,7 +1590,7 @@ var MultipleAppRequirement = ({
   const { t: t2 } = useTranslation();
   const { getRequiredApps } = useDevCenterClient();
   const { reportError } = useErrorReporter();
-  const handleSubmit = (0, import_react10.useCallback)(
+  const handleSubmit = (0, import_react9.useCallback)(
     (option) => {
       bi.cliFlowStepAnswered({
         question: t2("generate_command.required_business_solution"),
@@ -1781,12 +1624,12 @@ var MultipleAppRequirement = ({
       value: ""
     });
     const initialIndex = options.findIndex(
-      (_) => !(0, import_variant15.isType)(_.availability, SelectOptionAvailability.Disabled)
+      (_) => !(0, import_variant14.isType)(_.availability, SelectOptionAvailability.Disabled)
     );
     return RequiredAppOptions.Available({ options, initialIndex });
   }, [getRequiredApps, appId]);
-  return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, (0, import_variant15.match)(status, {
-    Loading: () => /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, (0, import_variant14.match)(status, {
+    Loading: () => /* @__PURE__ */ import_react9.default.createElement(
       Spinner,
       {
         text: t2("generate_command.required_business_solution.loading")
@@ -1794,8 +1637,8 @@ var MultipleAppRequirement = ({
     ),
     Error: () => null,
     Success: ({ result }) => {
-      return (0, import_variant15.match)(result, {
-        Available: ({ options, initialIndex }) => /* @__PURE__ */ import_react10.default.createElement(
+      return (0, import_variant14.match)(result, {
+        Available: ({ options, initialIndex }) => /* @__PURE__ */ import_react9.default.createElement(
           SelectInput,
           {
             label: t2("generate_command.required_business_solution"),
@@ -1807,18 +1650,18 @@ var MultipleAppRequirement = ({
             onSubmit: handleSubmit
           }
         ),
-        FailedToGetRequiredApps: () => /* @__PURE__ */ import_react10.default.createElement(Box_default, { marginBottom: 1, gap: 1, flexDirection: "column" }, /* @__PURE__ */ import_react10.default.createElement(InputLabel, null, t2("generate_command.required_business_solution")), /* @__PURE__ */ import_react10.default.createElement(
+        FailedToGetRequiredApps: () => /* @__PURE__ */ import_react9.default.createElement(Box_default, { marginBottom: 1, gap: 1, flexDirection: "column" }, /* @__PURE__ */ import_react9.default.createElement(InputLabel, null, t2("generate_command.required_business_solution")), /* @__PURE__ */ import_react9.default.createElement(
           ErrorDetails,
           {
             message: t2(
               "generate_command.required_business_solution.error"
             ),
-            hint: /* @__PURE__ */ import_react10.default.createElement(
+            hint: /* @__PURE__ */ import_react9.default.createElement(
               Trans,
               {
                 i18nKey: "generate_command.required_business_solution.error.hint",
                 components: [
-                  /* @__PURE__ */ import_react10.default.createElement(
+                  /* @__PURE__ */ import_react9.default.createElement(
                     Link,
                     {
                       url: `https://manage.wix.com/apps/${appId}/dev-center-giza-market-listing/app-audience?referralInfo=wix-cli`
@@ -1836,7 +1679,7 @@ var MultipleAppRequirement = ({
 
 // src/components/GenerateCommand/dashboard-plugin/DashboardPluginGeneratedNote.tsx
 init_esm_shims();
-var import_react11 = __toESM(require_react(), 1);
+var import_react10 = __toESM(require_react(), 1);
 var customGroupMessages = /* @__PURE__ */ new Map([
   ["Wix eCommerce", "generate_command.generation.ecommerce_notification"]
 ]);
@@ -1846,12 +1689,12 @@ var DashboardPluginGeneratedNote = ({ backofficeExtensionWidget }) => {
     "generate_command.flow.dashboard_plugin"
   ).toLowerCase();
   const customKey = customGroupMessages.get(backofficeExtensionWidget.category);
-  return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(Text, null, t2("generate_command.generation.done", { extensionType })), customKey ? /* @__PURE__ */ import_react11.default.createElement(Text, null, t2(customKey)) : null, /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement(Text, null, t2("generate_command.generation.done", { extensionType })), customKey ? /* @__PURE__ */ import_react10.default.createElement(Text, null, t2(customKey)) : null, /* @__PURE__ */ import_react10.default.createElement(
     Trans,
     {
       i18nKey: "generate_command.generation.learn_more",
       values: { extensionType },
-      components: [/* @__PURE__ */ import_react11.default.createElement(Learn, null), /* @__PURE__ */ import_react11.default.createElement(Link, { url: "https://wix.to/dFFuEki" })]
+      components: [/* @__PURE__ */ import_react10.default.createElement(Learn, null), /* @__PURE__ */ import_react10.default.createElement(Link, { url: "https://wix.to/dFFuEki" })]
     }
   ));
 };
@@ -1860,7 +1703,7 @@ var DashboardPluginGeneratedNote = ({ backofficeExtensionWidget }) => {
 var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
   const bi = useWixCliAppBi();
   const { t: t2 } = useTranslation();
-  const [backofficeExtensionWidget, setBackofficeExtensionWidget] = (0, import_react12.useState)();
+  const [backofficeExtensionWidget, setBackofficeExtensionWidget] = (0, import_react11.useState)();
   const { addRequiredApp } = useDevCenterClient();
   const { model } = useProjectModel();
   const { getExtensions } = useExtensions();
@@ -1868,11 +1711,11 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
     "generate_command.flow.dashboard_plugin"
   ).toLowerCase();
   const dashboardPlugins = getExtensions("DashboardPlugin");
-  const [folder, setFolder] = (0, import_react12.useState)();
-  const [title, setTitle] = (0, import_react12.useState)();
-  const [requireAppsIds, setRequireAppsIds] = (0, import_react12.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react12.useState)(false);
-  const defaultFolderName = (0, import_lodash5.kebabCase)(title);
+  const [folder, setFolder] = (0, import_react11.useState)();
+  const [title, setTitle] = (0, import_react11.useState)();
+  const [requireAppsIds, setRequireAppsIds] = (0, import_react11.useState)();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react11.useState)(false);
+  const defaultFolderName = (0, import_lodash4.kebabCase)(title);
   const validatePluginFolder = useValidation(
     createDashboardPluginValidation(dashboardPlugins)
   );
@@ -1894,7 +1737,7 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
       );
     }
   }, [backofficeExtensionWidget?.id, folder, title, requireAppsIds]);
-  const extensionGroups = (0, import_react12.useMemo)(
+  const extensionGroups = (0, import_react11.useMemo)(
     () => Object.values(
       backofficeExtensionWidgets.reduce((extensionsByApps, extension) => {
         const [requiredApp] = extension.requiredApps;
@@ -1903,11 +1746,11 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
         extensionsByApps[groupBy].items.push({
           title: extension.name,
           key: extension.id,
-          description: /* @__PURE__ */ import_react12.default.createElement(
+          description: /* @__PURE__ */ import_react11.default.createElement(
             Trans,
             {
               i18nKey: "generate_command.dashboard_plugin.what_to_extend.item_description",
-              components: [/* @__PURE__ */ import_react12.default.createElement(Link, { url: requiredApp.docsUrl })]
+              components: [/* @__PURE__ */ import_react11.default.createElement(Link, { url: requiredApp.docsUrl })]
             }
           ),
           value: extension
@@ -1917,15 +1760,15 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
     ),
     [backofficeExtensionWidgets]
   );
-  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(
     SelectGroupsInput,
     {
       label: t2("generate_command.dashboard_plugin.what_to_extend"),
-      info: /* @__PURE__ */ import_react12.default.createElement(
+      info: /* @__PURE__ */ import_react11.default.createElement(
         Trans,
         {
           i18nKey: "generate_command.dashboard_plugin.what_to_extend.description",
-          components: [/* @__PURE__ */ import_react12.default.createElement(Link, { url: "https://wix.to/ZeCt07g" })]
+          components: [/* @__PURE__ */ import_react11.default.createElement(Link, { url: "https://wix.to/ZeCt07g" })]
         }
       ),
       hideScroll: true,
@@ -1940,7 +1783,7 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
         setBackofficeExtensionWidget(option.value);
       }
     }
-  ), backofficeExtensionWidget && (backofficeExtensionWidget.requiredApps.length === 1 ? /* @__PURE__ */ import_react12.default.createElement(
+  ), backofficeExtensionWidget && (backofficeExtensionWidget.requiredApps.length === 1 ? /* @__PURE__ */ import_react11.default.createElement(
     AppRequirement,
     {
       appId: model.config.appId,
@@ -1952,7 +1795,7 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
       ],
       onSubmit: setRequireAppsIds
     }
-  ) : /* @__PURE__ */ import_react12.default.createElement(
+  ) : /* @__PURE__ */ import_react11.default.createElement(
     MultipleAppRequirement,
     {
       appId: model.config.appId,
@@ -1964,7 +1807,7 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
       ),
       onSubmit: setRequireAppsIds
     }
-  )), requireAppsIds && /* @__PURE__ */ import_react12.default.createElement(
+  )), requireAppsIds && /* @__PURE__ */ import_react11.default.createElement(
     TextInput,
     {
       label: t2("generate_command.dashboard_plugin.choose_title"),
@@ -1979,7 +1822,7 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
         setTitle(value);
       }
     }
-  ), title && /* @__PURE__ */ import_react12.default.createElement(
+  ), title && /* @__PURE__ */ import_react11.default.createElement(
     TextInput,
     {
       label: t2("generate_command.dashboard_plugin.choose_folder"),
@@ -1995,11 +1838,11 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
       },
       validate: validatePluginFolder
     }
-  ), (0, import_react12.useMemo)(
-    () => (0, import_variant16.match)(generationTask, {
+  ), (0, import_react11.useMemo)(
+    () => (0, import_variant15.match)(generationTask, {
       Success: ({ hasUpdatedDependencies }) => {
         if (hasUpdatedDependencies) {
-          return /* @__PURE__ */ import_react12.default.createElement(
+          return /* @__PURE__ */ import_react11.default.createElement(
             InstallDependencies,
             {
               onFinish: () => setFinishedInstallation(true)
@@ -2009,7 +1852,7 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
         setFinishedInstallation(true);
         return null;
       },
-      Loading: () => /* @__PURE__ */ import_react12.default.createElement(
+      Loading: () => /* @__PURE__ */ import_react11.default.createElement(
         Spinner,
         {
           text: t2("generate_command.generation.loading", {
@@ -2021,7 +1864,7 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
       NotRequested: () => null
     }),
     [generationTask, setFinishedInstallation, t2, extensionType]
-  ), finishedInstallation && backofficeExtensionWidget ? /* @__PURE__ */ import_react12.default.createElement(
+  ), finishedInstallation && backofficeExtensionWidget ? /* @__PURE__ */ import_react11.default.createElement(
     DashboardPluginGeneratedNote,
     {
       backofficeExtensionWidget
@@ -2033,10 +1876,10 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
 var DashboardPlugin = () => {
   const { t: t2 } = useTranslation();
   const { status } = useAsync(getBackofficeExtensionWidgets, []);
-  return (0, import_variant17.match)(status, {
+  return (0, import_variant16.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react13.default.createElement(Spinner, { text: t2("general.loading") }),
-    Success: ({ result: backofficeExtensionWidgets }) => /* @__PURE__ */ import_react13.default.createElement(
+    Loading: () => /* @__PURE__ */ import_react12.default.createElement(Spinner, { text: t2("general.loading") }),
+    Success: ({ result: backofficeExtensionWidgets }) => /* @__PURE__ */ import_react12.default.createElement(
       DashboardPluginWizard,
       {
         backofficeExtensionWidgets
@@ -2047,28 +1890,28 @@ var DashboardPlugin = () => {
 
 // src/components/GenerateCommand/dashboad-menu-plugin/DashboardMenuPlugin.tsx
 init_esm_shims();
-var import_react18 = __toESM(require_react(), 1);
-var import_variant21 = __toESM(require_lib(), 1);
+var import_react17 = __toESM(require_react(), 1);
+var import_variant20 = __toESM(require_lib(), 1);
 
 // src/components/GenerateCommand/dashboad-menu-plugin/DashboardMenuPluginWizard.tsx
 init_esm_shims();
-var import_react17 = __toESM(require_react(), 1);
-var import_variant20 = __toESM(require_lib(), 1);
-var import_lodash6 = __toESM(require_lodash(), 1);
+var import_react16 = __toESM(require_react(), 1);
+var import_variant19 = __toESM(require_lib(), 1);
+var import_lodash5 = __toESM(require_lodash(), 1);
 
 // src/components/GenerateCommand/dashboad-menu-plugin/generate.ts
 init_esm_shims();
-import path9 from "node:path";
-import { randomUUID as randomUUID8 } from "node:crypto";
-var DASHBOARD_MENU_PLUGIN_TEMPLATE = path9.resolve(
+import path8 from "node:path";
+import { randomUUID as randomUUID7 } from "node:crypto";
+var DASHBOARD_MENU_PLUGIN_TEMPLATE = path8.resolve(
   __dirname,
   "../templates/dashboard-menu-plugin"
 );
 async function generateDashboardMenuPlugin(projectFolder, extended, action, folder, title) {
-  const cwd = path9.join(getDashboardMenuPluginsDir(projectFolder), folder);
+  const cwd = path8.join(getDashboardMenuPluginsDir(projectFolder), folder);
   const menuPluginConfig = {
     $schema: "https://dev.wix.com/wix-cli/schemas/dashboard-menu-plugin.json",
-    id: randomUUID8(),
+    id: randomUUID7(),
     title,
     iconKey: "Sparkles",
     extends: extended,
@@ -2087,20 +1930,20 @@ async function generateDashboardMenuPlugin(projectFolder, extended, action, fold
 
 // src/components/GenerateCommand/dashboad-menu-plugin/NavigateToPage.tsx
 init_esm_shims();
-var import_react14 = __toESM(require_react(), 1);
-var import_variant18 = __toESM(require_lib(), 1);
-var NavigateToPageOption = (0, import_variant18.variant)({
-  Page: (0, import_variant18.fields)(),
+var import_react13 = __toESM(require_react(), 1);
+var import_variant17 = __toESM(require_lib(), 1);
+var NavigateToPageOption = (0, import_variant17.variant)({
+  Page: (0, import_variant17.fields)(),
   Other: {}
 });
 var NavigateToPage = ({ onActionSelected }) => {
   const bi = useWixCliAppBi();
   const { model } = useProjectModel();
   const { t: t2 } = useTranslation();
-  const [pageId, setPageId] = (0, import_react14.useState)();
-  const [shouldUseCustomPageId, setShouldUseCustomPageId] = (0, import_react14.useState)(false);
-  const dashboardPages = (0, import_react14.useMemo)(
-    () => model.components.filter((0, import_variant18.isType)(DevCenterComponent.DashboardPage)),
+  const [pageId, setPageId] = (0, import_react13.useState)();
+  const [shouldUseCustomPageId, setShouldUseCustomPageId] = (0, import_react13.useState)(false);
+  const dashboardPages = (0, import_react13.useMemo)(
+    () => model.components.filter((0, import_variant17.isType)(DevCenterComponent.DashboardPage)),
     [model.components]
   );
   const validatePageId = useValidation(
@@ -2113,7 +1956,7 @@ var NavigateToPage = ({ onActionSelected }) => {
       ]
     ])
   );
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (pageId) {
       onActionSelected({
         navigateToPage: {
@@ -2122,7 +1965,7 @@ var NavigateToPage = ({ onActionSelected }) => {
       });
     }
   }, [pageId, onActionSelected]);
-  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
     SelectInput,
     {
       label: t2(
@@ -2153,13 +1996,13 @@ var NavigateToPage = ({ onActionSelected }) => {
           questionKey: "generate_command.dashboard_menu_plugin.what_to_do.navigate_to_page.choose_page",
           answer: option.title
         });
-        return (0, import_variant18.match)(option.value, {
+        return (0, import_variant17.match)(option.value, {
           Page: ({ pageId: pageId2 }) => setPageId(pageId2),
           Other: () => setShouldUseCustomPageId(true)
         });
       }
     }
-  ), shouldUseCustomPageId && /* @__PURE__ */ import_react14.default.createElement(
+  ), shouldUseCustomPageId && /* @__PURE__ */ import_react13.default.createElement(
     TextInput,
     {
       label: t2(
@@ -2182,20 +2025,20 @@ var NavigateToPage = ({ onActionSelected }) => {
 
 // src/components/GenerateCommand/dashboad-menu-plugin/OpenModal.tsx
 init_esm_shims();
-var import_react15 = __toESM(require_react(), 1);
-var import_variant19 = __toESM(require_lib(), 1);
-var OpenModalOption = (0, import_variant19.variant)({
-  Component: (0, import_variant19.fields)(),
+var import_react14 = __toESM(require_react(), 1);
+var import_variant18 = __toESM(require_lib(), 1);
+var OpenModalOption = (0, import_variant18.variant)({
+  Component: (0, import_variant18.fields)(),
   Other: {}
 });
 var OpenModal = ({ onActionSelected }) => {
   const bi = useWixCliAppBi();
   const { model } = useProjectModel();
   const { t: t2 } = useTranslation();
-  const [componentId, setComponentId] = (0, import_react15.useState)();
-  const [shouldUseCustomComponentId, setShouldUseCustomComponentId] = (0, import_react15.useState)(false);
-  const dashboardModals = (0, import_react15.useMemo)(
-    () => model.components.filter((0, import_variant19.isType)(DevCenterComponent.DashboardModal)),
+  const [componentId, setComponentId] = (0, import_react14.useState)();
+  const [shouldUseCustomComponentId, setShouldUseCustomComponentId] = (0, import_react14.useState)(false);
+  const dashboardModals = (0, import_react14.useMemo)(
+    () => model.components.filter((0, import_variant18.isType)(DevCenterComponent.DashboardModal)),
     [model.components]
   );
   const validateComponentId = useValidation(
@@ -2208,7 +2051,7 @@ var OpenModal = ({ onActionSelected }) => {
       ]
     ])
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (componentId) {
       onActionSelected({
         openModal: {
@@ -2217,7 +2060,7 @@ var OpenModal = ({ onActionSelected }) => {
       });
     }
   }, [componentId, onActionSelected]);
-  return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
     SelectInput,
     {
       label: t2(
@@ -2246,13 +2089,13 @@ var OpenModal = ({ onActionSelected }) => {
           questionKey: "generate_command.dashboard_menu_plugin.what_to_do.open_modal.choose_component",
           answer: option.title
         });
-        return (0, import_variant19.match)(option.value, {
+        return (0, import_variant18.match)(option.value, {
           Component: ({ componentId: componentId2 }) => setComponentId(componentId2),
           Other: () => setShouldUseCustomComponentId(true)
         });
       }
     }
-  ), shouldUseCustomComponentId && /* @__PURE__ */ import_react15.default.createElement(
+  ), shouldUseCustomComponentId && /* @__PURE__ */ import_react14.default.createElement(
     TextInput,
     {
       label: t2(
@@ -2275,7 +2118,7 @@ var OpenModal = ({ onActionSelected }) => {
 
 // src/components/GenerateCommand/dashboad-menu-plugin/DashboardMenuPluginGeneratedNote.tsx
 init_esm_shims();
-var import_react16 = __toESM(require_react(), 1);
+var import_react15 = __toESM(require_react(), 1);
 var customGroupMessages2 = /* @__PURE__ */ new Map([
   ["Wix eCommerce", "generate_command.generation.ecommerce_notification"]
 ]);
@@ -2285,18 +2128,18 @@ var DashboardMenuPluginGeneratedNote = ({ backofficeMenuItem }) => {
     "generate_command.flow.dashboard_menu_plugin"
   ).toLowerCase();
   const customKey = customGroupMessages2.get(backofficeMenuItem.category);
-  return /* @__PURE__ */ import_react16.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react16.default.createElement(Text, null, t2("generate_command.generation.done", { extensionType })), customKey ? /* @__PURE__ */ import_react16.default.createElement(Text, null, t2(customKey)) : null, /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react15.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react15.default.createElement(Text, null, t2("generate_command.generation.done", { extensionType })), customKey ? /* @__PURE__ */ import_react15.default.createElement(Text, null, t2(customKey)) : null, /* @__PURE__ */ import_react15.default.createElement(
     Trans,
     {
       i18nKey: "generate_command.generation.learn_more",
       values: { extensionType },
-      components: [/* @__PURE__ */ import_react16.default.createElement(Learn, null), /* @__PURE__ */ import_react16.default.createElement(Link, { url: "https://wix.to/YwaogfU" })]
+      components: [/* @__PURE__ */ import_react15.default.createElement(Learn, null), /* @__PURE__ */ import_react15.default.createElement(Link, { url: "https://wix.to/YwaogfU" })]
     }
   ));
 };
 
 // src/components/GenerateCommand/dashboad-menu-plugin/DashboardMenuPluginWizard.tsx
-var DashboardMenuPluginAction = (0, import_variant20.variant)({
+var DashboardMenuPluginAction = (0, import_variant19.variant)({
   NavigateToPage: {},
   OpenModal: {}
 });
@@ -2310,15 +2153,15 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
     "generate_command.flow.dashboard_menu_plugin"
   ).toLowerCase();
   const dashboardMenuPlugins = getExtensions("DashboardMenuPlugin");
-  const [backofficeMenuItem, setBackofficeMenuItem] = (0, import_react17.useState)();
-  const [actionType, setActionType] = (0, import_react17.useState)();
-  const [requireAppsIds, setRequireAppsIds] = (0, import_react17.useState)();
-  const [action, setAction] = (0, import_react17.useState)();
-  const [folder, setFolder] = (0, import_react17.useState)();
-  const [title, setTitle] = (0, import_react17.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react17.useState)(false);
-  const defaultFolderName = (0, import_lodash6.kebabCase)(title);
-  const [additionalInfo, setAdditionalInfo] = (0, import_react17.useState)();
+  const [backofficeMenuItem, setBackofficeMenuItem] = (0, import_react16.useState)();
+  const [actionType, setActionType] = (0, import_react16.useState)();
+  const [requireAppsIds, setRequireAppsIds] = (0, import_react16.useState)();
+  const [action, setAction] = (0, import_react16.useState)();
+  const [folder, setFolder] = (0, import_react16.useState)();
+  const [title, setTitle] = (0, import_react16.useState)();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react16.useState)(false);
+  const defaultFolderName = (0, import_lodash5.kebabCase)(title);
+  const [additionalInfo, setAdditionalInfo] = (0, import_react16.useState)();
   const validateMenuPluginFolder = useValidation(
     createDashboardMenuPluginValidation(dashboardMenuPlugins)
   );
@@ -2340,11 +2183,11 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
       );
     }
   }, [backofficeMenuItem, action, folder, title]);
-  const handleActionSelected = (0, import_react17.useCallback)(
+  const handleActionSelected = (0, import_react16.useCallback)(
     (action2) => setAction(action2),
     []
   );
-  const menuItemsGroups = (0, import_react17.useMemo)(
+  const menuItemsGroups = (0, import_react16.useMemo)(
     () => Object.values(
       backofficeMenuItems.reduce((menuItemsByApps, menuItem) => {
         const [requiredApp] = menuItem.requiredApps;
@@ -2353,11 +2196,11 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
         menuItemsByApps[groupBy].items.push({
           title: menuItem.name,
           key: menuItem.id,
-          description: /* @__PURE__ */ import_react17.default.createElement(
+          description: /* @__PURE__ */ import_react16.default.createElement(
             Trans,
             {
               i18nKey: "generate_command.dashboard_menu_plugin.what_to_extend.item_description",
-              components: [/* @__PURE__ */ import_react17.default.createElement(Link, { url: requiredApp.docsUrl })]
+              components: [/* @__PURE__ */ import_react16.default.createElement(Link, { url: requiredApp.docsUrl })]
             }
           ),
           value: menuItem
@@ -2367,16 +2210,16 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
     ),
     [backofficeMenuItems]
   );
-  return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
     SelectGroupsInput,
     {
       label: t2("generate_command.dashboard_menu_plugin.what_to_extend"),
       hideScroll: true,
-      info: /* @__PURE__ */ import_react17.default.createElement(
+      info: /* @__PURE__ */ import_react16.default.createElement(
         Trans,
         {
           i18nKey: "generate_command.dashboard_menu_plugin.what_to_extend.description",
-          components: [/* @__PURE__ */ import_react17.default.createElement(Link, { url: "https://wix.to/h8AJ7f5" })]
+          components: [/* @__PURE__ */ import_react16.default.createElement(Link, { url: "https://wix.to/h8AJ7f5" })]
         }
       ),
       groups: menuItemsGroups,
@@ -2398,7 +2241,7 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
         setBackofficeMenuItem(item.value);
       }
     }
-  ), backofficeMenuItem && (backofficeMenuItem.requiredApps.length === 1 ? /* @__PURE__ */ import_react17.default.createElement(
+  ), backofficeMenuItem && (backofficeMenuItem.requiredApps.length === 1 ? /* @__PURE__ */ import_react16.default.createElement(
     AppRequirement,
     {
       appId: model.config.appId,
@@ -2410,7 +2253,7 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
       ],
       onSubmit: setRequireAppsIds
     }
-  ) : /* @__PURE__ */ import_react17.default.createElement(
+  ) : /* @__PURE__ */ import_react16.default.createElement(
     MultipleAppRequirement,
     {
       appId: model.config.appId,
@@ -2422,7 +2265,7 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
       ),
       onSubmit: setRequireAppsIds
     }
-  )), requireAppsIds && /* @__PURE__ */ import_react17.default.createElement(
+  )), requireAppsIds && /* @__PURE__ */ import_react16.default.createElement(
     SelectInput,
     {
       label: t2("generate_command.dashboard_menu_plugin.what_to_do"),
@@ -2452,10 +2295,10 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
         setActionType(action2.value);
       }
     }
-  ), actionType && (0, import_variant20.match)(actionType, {
-    NavigateToPage: () => /* @__PURE__ */ import_react17.default.createElement(NavigateToPage, { onActionSelected: handleActionSelected }),
-    OpenModal: () => /* @__PURE__ */ import_react17.default.createElement(OpenModal, { onActionSelected: handleActionSelected })
-  }), action && /* @__PURE__ */ import_react17.default.createElement(
+  ), actionType && (0, import_variant19.match)(actionType, {
+    NavigateToPage: () => /* @__PURE__ */ import_react16.default.createElement(NavigateToPage, { onActionSelected: handleActionSelected }),
+    OpenModal: () => /* @__PURE__ */ import_react16.default.createElement(OpenModal, { onActionSelected: handleActionSelected })
+  }), action && /* @__PURE__ */ import_react16.default.createElement(
     TextInput,
     {
       label: t2("generate_command.dashboard_menu_plugin.choose_title"),
@@ -2474,7 +2317,7 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
         setTitle(value);
       }
     }
-  ), title && /* @__PURE__ */ import_react17.default.createElement(
+  ), title && /* @__PURE__ */ import_react16.default.createElement(
     TextInput,
     {
       label: t2("generate_command.dashboard_menu_plugin.choose_folder"),
@@ -2492,11 +2335,11 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
       },
       validate: validateMenuPluginFolder
     }
-  ), (0, import_react17.useMemo)(
-    () => (0, import_variant20.match)(generationTask, {
+  ), (0, import_react16.useMemo)(
+    () => (0, import_variant19.match)(generationTask, {
       Success: ({ hasUpdatedDependencies }) => {
         if (hasUpdatedDependencies) {
-          return /* @__PURE__ */ import_react17.default.createElement(
+          return /* @__PURE__ */ import_react16.default.createElement(
             InstallDependencies,
             {
               onFinish: () => setFinishedInstallation(true)
@@ -2506,7 +2349,7 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
         setFinishedInstallation(true);
         return null;
       },
-      Loading: () => /* @__PURE__ */ import_react17.default.createElement(
+      Loading: () => /* @__PURE__ */ import_react16.default.createElement(
         Spinner,
         {
           text: t2("generate_command.generation.loading", {
@@ -2518,7 +2361,7 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
       NotRequested: () => null
     }),
     [generationTask, setFinishedInstallation, t2, extensionType]
-  ), finishedInstallation && backofficeMenuItem ? /* @__PURE__ */ import_react17.default.createElement(
+  ), finishedInstallation && backofficeMenuItem ? /* @__PURE__ */ import_react16.default.createElement(
     DashboardMenuPluginGeneratedNote,
     {
       backofficeMenuItem
@@ -2530,17 +2373,17 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
 var DashboardMenuPlugin = () => {
   const { t: t2 } = useTranslation();
   const { status } = useAsync(getBackofficeMenuItems, []);
-  return (0, import_variant21.match)(status, {
+  return (0, import_variant20.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react18.default.createElement(Spinner, { text: t2("general.loading") }),
-    Success: ({ result: backofficeMenuItems }) => /* @__PURE__ */ import_react18.default.createElement(DashboardMenuPluginWizard, { backofficeMenuItems })
+    Loading: () => /* @__PURE__ */ import_react17.default.createElement(Spinner, { text: t2("general.loading") }),
+    Success: ({ result: backofficeMenuItems }) => /* @__PURE__ */ import_react17.default.createElement(DashboardMenuPluginWizard, { backofficeMenuItems })
   });
 };
 
 // src/components/GenerateCommand/site-plugin/SitePlugin.tsx
 init_esm_shims();
-var import_react21 = __toESM(require_react(), 1);
-var import_variant23 = __toESM(require_lib(), 1);
+var import_react20 = __toESM(require_react(), 1);
+var import_variant22 = __toESM(require_lib(), 1);
 
 // ../site-plugin-client/src/index.ts
 init_esm_shims();
@@ -2608,31 +2451,31 @@ var SitePluginClient = class {
 
 // ../site-plugin-client/src/useSitePluginClient.ts
 init_esm_shims();
-var import_react19 = __toESM(require_react(), 1);
+var import_react18 = __toESM(require_react(), 1);
 function useSitePluginClient() {
   const httpClient = useHttpClient({ type: "general" });
-  return (0, import_react19.useMemo)(() => new SitePluginClient(httpClient), [httpClient]);
+  return (0, import_react18.useMemo)(() => new SitePluginClient(httpClient), [httpClient]);
 }
 
 // src/components/GenerateCommand/site-plugin/SitePluginWizard.tsx
 init_esm_shims();
-var import_react20 = __toESM(require_react(), 1);
-var import_variant22 = __toESM(require_lib(), 1);
-var import_lodash7 = __toESM(require_lodash(), 1);
+var import_react19 = __toESM(require_react(), 1);
+var import_variant21 = __toESM(require_lib(), 1);
+var import_lodash6 = __toESM(require_lodash(), 1);
 var import_uniqBy = __toESM(require_uniqBy(), 1);
 
 // src/components/GenerateCommand/site-plugin/generate.tsx
 init_esm_shims();
-import path10 from "node:path";
-import { randomUUID as randomUUID9 } from "node:crypto";
-var SITE_PLUGIN_TEMPLATE = path10.resolve(
+import path9 from "node:path";
+import { randomUUID as randomUUID8 } from "node:crypto";
+var SITE_PLUGIN_TEMPLATE = path9.resolve(
   __dirname,
   "../templates/site-plugin"
 );
 async function generateSitePlugin(projectFolder, placements, folder, name, widgetName, widgetDocsLink) {
-  const readablePath = path10.join(SITE_PLUGINS_DIR, folder);
-  const cwd = path10.join(getSitePluginsDir(projectFolder), folder);
-  const defaultLogoPath = path10.join(
+  const readablePath = path9.join(SITE_PLUGINS_DIR, folder);
+  const cwd = path9.join(getSitePluginsDir(projectFolder), folder);
+  const defaultLogoPath = path9.join(
     projectFolder,
     "src/assets",
     folder,
@@ -2640,11 +2483,11 @@ async function generateSitePlugin(projectFolder, placements, folder, name, widge
   );
   const sitePluginConfig = {
     $schema: "https://dev.wix.com/wix-cli/schemas/site-plugin.json",
-    id: randomUUID9(),
-    referenceComponentId: randomUUID9(),
+    id: randomUUID8(),
+    referenceComponentId: randomUUID8(),
     marketData: {
       name,
-      logoUrl: path10.relative(cwd, defaultLogoPath)
+      logoUrl: path9.relative(cwd, defaultLogoPath)
     },
     placements,
     installation: {
@@ -2676,7 +2519,7 @@ var SitePluginWizard = ({ placements }) => {
   const { model } = useProjectModel();
   const { addRequiredApp } = useDevCenterClient();
   const { getWidgetDocsUrl } = useSitePluginClient();
-  const pluginApplications = (0, import_react20.useMemo)(
+  const pluginApplications = (0, import_react19.useMemo)(
     () => (0, import_uniqBy.default)(placements, "appName").map((pluginPlacement) => ({
       value: pluginPlacement.appName,
       title: pluginPlacement.appName
@@ -2686,23 +2529,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_react20.useState)();
-  const [placement, setPlacement] = (0, import_react20.useState)();
-  const [placementApp, setPlacementApp] = (0, import_react20.useState)();
-  const [pluginFolder, setPluginFolder] = (0, import_react20.useState)();
-  const [pluginName, setPluginName] = (0, import_react20.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react20.useState)(false);
-  const defaultPluginFolder = (0, import_lodash7.kebabCase)(pluginName);
-  const widgetSlots = (0, import_react20.useMemo)(
+  const [appsToRequire, setAppsToRequire] = (0, import_react19.useState)();
+  const [placement, setPlacement] = (0, import_react19.useState)();
+  const [placementApp, setPlacementApp] = (0, import_react19.useState)();
+  const [pluginFolder, setPluginFolder] = (0, import_react19.useState)();
+  const [pluginName, setPluginName] = (0, import_react19.useState)();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react19.useState)(false);
+  const defaultPluginFolder = (0, import_lodash6.kebabCase)(pluginName);
+  const widgetSlots = (0, import_react19.useMemo)(
     () => placementApp ? Object.values(
       placements.filter((placement2) => placement2.appName === placementApp).reduce(
         (_widgetSlots, placement2) => {
           const widgetDocsUrl = getWidgetDocsUrl(placement2.widgetId);
-          const description = widgetDocsUrl && /* @__PURE__ */ import_react20.default.createElement(Text, { skin: "secondary" }, /* @__PURE__ */ import_react20.default.createElement(
+          const description = widgetDocsUrl && /* @__PURE__ */ import_react19.default.createElement(Text, { skin: "secondary" }, /* @__PURE__ */ import_react19.default.createElement(
             Trans,
             {
               i18nKey: "generate_command.site_plugin.widget_docs",
-              components: [/* @__PURE__ */ import_react20.default.createElement(Link, { url: widgetDocsUrl })]
+              components: [/* @__PURE__ */ import_react19.default.createElement(Link, { url: widgetDocsUrl })]
             }
           ));
           _widgetSlots[placement2.widgetId] ??= {
@@ -2742,15 +2585,15 @@ var SitePluginWizard = ({ placements }) => {
       );
     }
   }, [pluginFolder, pluginName, placement, appsToRequire]);
-  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
     SelectInput,
     {
       label: t2("generate_command.site_plugin.plugin_app"),
-      info: /* @__PURE__ */ import_react20.default.createElement(
+      info: /* @__PURE__ */ import_react19.default.createElement(
         Trans,
         {
           i18nKey: "generate_command.site_plugin.plugin_app.description",
-          components: [/* @__PURE__ */ import_react20.default.createElement(Link, { url: "https://wix.to/Onfe4XJ" })]
+          components: [/* @__PURE__ */ import_react19.default.createElement(Link, { url: "https://wix.to/Onfe4XJ" })]
         }
       ),
       options: pluginApplications,
@@ -2764,7 +2607,7 @@ var SitePluginWizard = ({ placements }) => {
         setPlacementApp(option.value);
       }
     }
-  ), placementApp && /* @__PURE__ */ import_react20.default.createElement(
+  ), placementApp && /* @__PURE__ */ import_react19.default.createElement(
     SelectGroupsInput,
     {
       label: t2("generate_command.site_plugin.choose_placement"),
@@ -2779,7 +2622,7 @@ var SitePluginWizard = ({ placements }) => {
         setPlacement(option.value);
       }
     }
-  ), placement && /* @__PURE__ */ import_react20.default.createElement(
+  ), placement && /* @__PURE__ */ import_react19.default.createElement(
     AppRequirement,
     {
       appId: model.config.appId,
@@ -2791,7 +2634,7 @@ var SitePluginWizard = ({ placements }) => {
       ],
       onSubmit: setAppsToRequire
     }
-  ), appsToRequire && /* @__PURE__ */ import_react20.default.createElement(
+  ), appsToRequire && /* @__PURE__ */ import_react19.default.createElement(
     TextInput,
     {
       label: t2("generate_command.site_plugin.choose_name"),
@@ -2809,7 +2652,7 @@ var SitePluginWizard = ({ placements }) => {
       },
       validate: validateName
     }
-  ), pluginName && /* @__PURE__ */ import_react20.default.createElement(
+  ), pluginName && /* @__PURE__ */ import_react19.default.createElement(
     TextInput,
     {
       label: t2("generate_command.site_plugin.choose_folder"),
@@ -2827,11 +2670,11 @@ var SitePluginWizard = ({ placements }) => {
       },
       validate: validateFolderName
     }
-  ), (0, import_react20.useMemo)(
-    () => (0, import_variant22.match)(generationTask, {
+  ), (0, import_react19.useMemo)(
+    () => (0, import_variant21.match)(generationTask, {
       Success: ({ hasUpdatedDependencies }) => {
         if (hasUpdatedDependencies) {
-          return /* @__PURE__ */ import_react20.default.createElement(
+          return /* @__PURE__ */ import_react19.default.createElement(
             InstallDependencies,
             {
               onFinish: () => setFinishedInstallation(true)
@@ -2841,7 +2684,7 @@ var SitePluginWizard = ({ placements }) => {
         setFinishedInstallation(true);
         return null;
       },
-      Loading: () => /* @__PURE__ */ import_react20.default.createElement(
+      Loading: () => /* @__PURE__ */ import_react19.default.createElement(
         Spinner,
         {
           text: t2("generate_command.generation.loading", {
@@ -2853,14 +2696,14 @@ var SitePluginWizard = ({ placements }) => {
       NotRequested: () => null
     }),
     [generationTask, setFinishedInstallation, t2, extensionType]
-  ), finishedInstallation && /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(Text, null, t2("generate_command.generation.done", {
+  ), finishedInstallation && /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(Text, null, t2("generate_command.generation.done", {
     extensionType
-  })), /* @__PURE__ */ import_react20.default.createElement(
+  })), /* @__PURE__ */ import_react19.default.createElement(
     Trans,
     {
       i18nKey: "generate_command.generation.learn_more",
       values: { extensionType },
-      components: [/* @__PURE__ */ import_react20.default.createElement(Learn, null), /* @__PURE__ */ import_react20.default.createElement(Link, { url: "https://wix.to/rEfCfbY" })]
+      components: [/* @__PURE__ */ import_react19.default.createElement(Learn, null), /* @__PURE__ */ import_react19.default.createElement(Link, { url: "https://wix.to/rEfCfbY" })]
     }
   )));
 };
@@ -2870,24 +2713,24 @@ var GenerateSitePlugin = () => {
   const { t: t2 } = useTranslation();
   const { getPlacements } = useSitePluginClient();
   const { status } = useAsync(getPlacements, []);
-  return (0, import_variant23.match)(status, {
+  return (0, import_variant22.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react21.default.createElement(Spinner, { text: t2("general.loading") }),
-    Success: ({ result }) => /* @__PURE__ */ import_react21.default.createElement(SitePluginWizard, { placements: result.placements })
+    Loading: () => /* @__PURE__ */ import_react20.default.createElement(Spinner, { text: t2("general.loading") }),
+    Success: ({ result }) => /* @__PURE__ */ import_react20.default.createElement(SitePluginWizard, { placements: result.placements })
   });
 };
 
 // src/components/GenerateCommand/api/Api.tsx
 init_esm_shims();
-var import_react22 = __toESM(require_react(), 1);
-var import_variant24 = __toESM(require_lib(), 1);
+var import_react21 = __toESM(require_react(), 1);
+var import_variant23 = __toESM(require_lib(), 1);
 
 // src/components/GenerateCommand/api/generate.ts
 init_esm_shims();
-import path11 from "node:path";
-var API_TEMPLATE = path11.resolve(__dirname, "../templates/api");
+import path10 from "node:path";
+var API_TEMPLATE = path10.resolve(__dirname, "../templates/api");
 async function generateApi(projectFolder, folderName) {
-  const cwd = path11.join(getApiFolder(projectFolder), folderName);
+  const cwd = path10.join(getApiFolder(projectFolder), folderName);
   await componentGenerator({
     template: API_TEMPLATE,
     cwd,
@@ -2903,9 +2746,9 @@ var GenerateApi = () => {
   const { t: t2 } = useTranslation();
   const { model } = useProjectModel();
   const { cliFlowStepAnswered } = useWixCliAppBi();
-  const [apiFolder, setApiFolder] = (0, import_react22.useState)();
+  const [apiFolder, setApiFolder] = (0, import_react21.useState)();
   const { backendComponentsByType } = useBackendComponents();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react22.useState)(false);
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react21.useState)(false);
   const apis = backendComponentsByType.Api;
   const extensionType = t2("generate_command.flow.api.title").toLowerCase();
   const validateApiFolder = useValidation(
@@ -2921,7 +2764,7 @@ var GenerateApi = () => {
       return generateApi(model.projectFolder, apiFolder);
     }
   }, [model.projectFolder, apiFolder]);
-  return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(
     TextInput,
     {
       label: t2("generate_command.api.choose_api_name"),
@@ -2936,11 +2779,11 @@ var GenerateApi = () => {
       },
       validate: validateApiFolder
     }
-  ), (0, import_react22.useMemo)(
-    () => (0, import_variant24.match)(generationTask, {
+  ), (0, import_react21.useMemo)(
+    () => (0, import_variant23.match)(generationTask, {
       Success: ({ hasUpdatedDependencies }) => {
         if (hasUpdatedDependencies) {
-          return /* @__PURE__ */ import_react22.default.createElement(
+          return /* @__PURE__ */ import_react21.default.createElement(
             InstallDependencies,
             {
               onFinish: () => setFinishedInstallation(true)
@@ -2950,7 +2793,7 @@ var GenerateApi = () => {
         setFinishedInstallation(true);
         return null;
       },
-      Loading: () => /* @__PURE__ */ import_react22.default.createElement(
+      Loading: () => /* @__PURE__ */ import_react21.default.createElement(
         Spinner,
         {
           text: t2("generate_command.generation.loading", {
@@ -2962,29 +2805,29 @@ var GenerateApi = () => {
       NotRequested: () => null
     }),
     [generationTask, setFinishedInstallation, t2, extensionType]
-  ), finishedInstallation && /* @__PURE__ */ import_react22.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react22.default.createElement(Text, null, t2("generate_command.generation.done", {
+  ), finishedInstallation && /* @__PURE__ */ import_react21.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react21.default.createElement(Text, null, t2("generate_command.generation.done", {
     extensionType
-  })), /* @__PURE__ */ import_react22.default.createElement(
+  })), /* @__PURE__ */ import_react21.default.createElement(
     Trans,
     {
       i18nKey: "generate_command.generation.learn_more",
       values: { extensionType },
-      components: [/* @__PURE__ */ import_react22.default.createElement(Learn, null), /* @__PURE__ */ import_react22.default.createElement(Link, { url: "https://wix.to/BEkD5a1" })]
+      components: [/* @__PURE__ */ import_react21.default.createElement(Learn, null), /* @__PURE__ */ import_react21.default.createElement(Link, { url: "https://wix.to/BEkD5a1" })]
     }
   )));
 };
 
 // src/components/GenerateCommand/event/Event.tsx
 init_esm_shims();
-var import_react23 = __toESM(require_react(), 1);
-var import_variant25 = __toESM(require_lib(), 1);
+var import_react22 = __toESM(require_react(), 1);
+var import_variant24 = __toESM(require_lib(), 1);
 
 // src/components/GenerateCommand/event/generate.ts
 init_esm_shims();
-import path12 from "node:path";
-var EVENT_TEMPLATE = path12.resolve(__dirname, "../templates/event");
+import path11 from "node:path";
+var EVENT_TEMPLATE = path11.resolve(__dirname, "../templates/event");
 async function generateEvent(projectFolder, folderName) {
-  const cwd = path12.join(getEventsFolder(projectFolder), folderName);
+  const cwd = path11.join(getEventsFolder(projectFolder), folderName);
   return await componentGenerator({
     template: EVENT_TEMPLATE,
     cwd,
@@ -2998,8 +2841,8 @@ var GenerateEvent = () => {
   const { model } = useProjectModel();
   const { backendComponentsByType } = useBackendComponents();
   const { cliFlowStepAnswered } = useWixCliAppBi();
-  const [eventFolder, setEventFolder] = (0, import_react23.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react23.useState)(false);
+  const [eventFolder, setEventFolder] = (0, import_react22.useState)();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react22.useState)(false);
   const events = backendComponentsByType.Event;
   const extensionType = t2("generate_command.flow.event").toLowerCase();
   const validateEventFolder = useValidation(
@@ -3015,7 +2858,7 @@ var GenerateEvent = () => {
       return generateEvent(model.projectFolder, eventFolder);
     }
   }, [model.projectFolder, eventFolder]);
-  return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(
     TextInput,
     {
       label: t2("generate_command.event.choose_folder"),
@@ -3030,11 +2873,11 @@ var GenerateEvent = () => {
       },
       validate: validateEventFolder
     }
-  ), (0, import_react23.useMemo)(
-    () => (0, import_variant25.match)(generationTask, {
+  ), (0, import_react22.useMemo)(
+    () => (0, import_variant24.match)(generationTask, {
       Success: ({ hasUpdatedDependencies }) => {
         if (hasUpdatedDependencies) {
-          return /* @__PURE__ */ import_react23.default.createElement(
+          return /* @__PURE__ */ import_react22.default.createElement(
             InstallDependencies,
             {
               onFinish: () => setFinishedInstallation(true)
@@ -3044,7 +2887,7 @@ var GenerateEvent = () => {
         setFinishedInstallation(true);
         return null;
       },
-      Loading: () => /* @__PURE__ */ import_react23.default.createElement(
+      Loading: () => /* @__PURE__ */ import_react22.default.createElement(
         Spinner,
         {
           text: t2("generate_command.generation.loading", {
@@ -3056,28 +2899,28 @@ var GenerateEvent = () => {
       NotRequested: () => null
     }),
     [generationTask, setFinishedInstallation, t2, extensionType]
-  ), finishedInstallation && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(Text, null, t2("generate_command.generation.done", {
+  ), finishedInstallation && /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(Text, null, t2("generate_command.generation.done", {
     extensionType
-  })), /* @__PURE__ */ import_react23.default.createElement(
+  })), /* @__PURE__ */ import_react22.default.createElement(
     Trans,
     {
       i18nKey: "generate_command.generation.learn_more",
       values: { extensionType },
-      components: [/* @__PURE__ */ import_react23.default.createElement(Learn, null), /* @__PURE__ */ import_react23.default.createElement(Link, { url: "https://wix.to/BEkD5a1" })]
+      components: [/* @__PURE__ */ import_react22.default.createElement(Learn, null), /* @__PURE__ */ import_react22.default.createElement(Link, { url: "https://wix.to/BEkD5a1" })]
     }
   )));
 };
 
 // src/components/GenerateCommand/web-method-module/WebMethod.tsx
 init_esm_shims();
-var import_react24 = __toESM(require_react(), 1);
-var import_variant26 = __toESM(require_lib(), 1);
+var import_react23 = __toESM(require_react(), 1);
+var import_variant25 = __toESM(require_lib(), 1);
 import { join as join5 } from "node:path";
 
 // src/components/GenerateCommand/web-method-module/generate.ts
 init_esm_shims();
-import path13, { join as join4 } from "node:path";
-var WEB_METHOD_TEMPLATE = path13.resolve(__dirname, "../templates/web-method");
+import path12, { join as join4 } from "node:path";
+var WEB_METHOD_TEMPLATE = path12.resolve(__dirname, "../templates/web-method");
 async function generateWebMethod(projectFolder, folderPath) {
   const filePath = join4(WEB_METHOD_DIR, folderPath);
   await componentGenerator({
@@ -3086,7 +2929,7 @@ async function generateWebMethod(projectFolder, folderPath) {
     projectFolder,
     data: {
       filePath,
-      fileName: path13.basename(filePath)
+      fileName: path12.basename(filePath)
     }
   });
 }
@@ -3096,9 +2939,9 @@ var GenerateWebMethod = () => {
   const { t: t2 } = useTranslation();
   const { model } = useProjectModel();
   const { cliFlowStepAnswered } = useWixCliAppBi();
-  const [webMethodFolder, setWebMethodFolder] = (0, import_react24.useState)();
+  const [webMethodFolder, setWebMethodFolder] = (0, import_react23.useState)();
   const { backendComponentsByType } = useBackendComponents();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react24.useState)(false);
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react23.useState)(false);
   const webMethods = backendComponentsByType.WebMethod;
   const extensionType = t2(
     "generate_command.flow.web_method.title"
@@ -3121,7 +2964,7 @@ var GenerateWebMethod = () => {
       return generateWebMethod(model.projectFolder, webMethodFolder);
     }
   }, [model.projectFolder, webMethodFolder]);
-  return /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(
     TextInput,
     {
       label: t2("generate_command.web_method.choose_filename"),
@@ -3138,6 +2981,235 @@ var GenerateWebMethod = () => {
       },
       validate: validateWebMethodFolder
     }
+  ), (0, import_react23.useMemo)(
+    () => (0, import_variant25.match)(generationTask, {
+      Success: ({ hasUpdatedDependencies }) => {
+        if (hasUpdatedDependencies) {
+          return /* @__PURE__ */ import_react23.default.createElement(
+            InstallDependencies,
+            {
+              onFinish: () => setFinishedInstallation(true)
+            }
+          );
+        }
+        setFinishedInstallation(true);
+        return null;
+      },
+      Loading: () => /* @__PURE__ */ import_react23.default.createElement(
+        Spinner,
+        {
+          text: t2("generate_command.generation.loading", {
+            subject: extensionType
+          })
+        }
+      ),
+      Error: () => null,
+      NotRequested: () => null
+    }),
+    [generationTask, setFinishedInstallation, t2, extensionType]
+  ), finishedInstallation && /* @__PURE__ */ import_react23.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react23.default.createElement(Text, null, t2("generate_command.generation.done", {
+    extensionType
+  })), /* @__PURE__ */ import_react23.default.createElement(
+    Trans,
+    {
+      i18nKey: "generate_command.generation.learn_more",
+      values: { extensionType },
+      components: [/* @__PURE__ */ import_react23.default.createElement(Learn, null), /* @__PURE__ */ import_react23.default.createElement(Link, { url: "https://wix.to/BEkD5a1" })]
+    }
+  )));
+};
+
+// src/components/GenerateCommand/site-widget/index.ts
+init_esm_shims();
+
+// src/components/GenerateCommand/site-widget/SiteWidgetWizard.tsx
+init_esm_shims();
+var import_react26 = __toESM(require_react(), 1);
+
+// src/components/GenerateCommand/site-widget/custom-element/CustomElement.tsx
+init_esm_shims();
+var import_react24 = __toESM(require_react(), 1);
+var import_variant26 = __toESM(require_lib(), 1);
+var import_lodash7 = __toESM(require_lodash(), 1);
+
+// src/components/GenerateCommand/site-widget/custom-element/generate.ts
+init_esm_shims();
+import path13 from "node:path";
+import { randomUUID as randomUUID9 } from "node:crypto";
+var CUSTOM_ELEMENT_TEMPLATE = path13.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 behaviorsConfig = dashboardPageId ? {
+    dashboard: {
+      dashboardPageComponentId: dashboardPageId
+    }
+  } : void 0;
+  const defaultThumbnailPath = path13.join(
+    projectFolder,
+    "src/assets",
+    folder,
+    "thumbnail.png"
+  );
+  const customElementConfig = {
+    $schema: "https://dev.wix.com/wix-cli/schemas/custom-element.json",
+    id: randomUUID9(),
+    name,
+    width: {
+      defaultWidth: 450,
+      allowStretch: true
+    },
+    height: {
+      defaultHeight: 250
+    },
+    installation: {
+      autoAddToSite: true
+    },
+    behaviors: behaviorsConfig,
+    presets: [
+      {
+        id: randomUUID9(),
+        thumbnailUrl: path13.relative(cwd, defaultThumbnailPath)
+      }
+    ]
+  };
+  const customElementConfigJSON = toJsonString(customElementConfig, {
+    spaces: 2
+  });
+  return await componentGenerator({
+    template: CUSTOM_ELEMENT_TEMPLATE,
+    projectFolder,
+    cwd,
+    assetsOutputPath: folder,
+    data: {
+      customElementConfigJSON,
+      readablePath,
+      name
+    }
+  });
+}
+
+// src/components/GenerateCommand/site-widget/custom-element/CustomElement.tsx
+var GenerateCustomElement = () => {
+  const bi = useWixCliAppBi();
+  const { t: t2 } = useTranslation();
+  const { model } = useProjectModel();
+  const [elementName, setElementName] = (0, import_react24.useState)();
+  const [elementFolder, setElementFolder] = (0, import_react24.useState)();
+  const [linkDashboardPage, setLinkDashboardPage] = (0, import_react24.useState)();
+  const [generationData, setGenerationData] = (0, import_react24.useState)();
+  const validateFolderName = useCustomElementDirectoryValidation("Site widget");
+  const validateName = useCustomElementNameValidation();
+  const { getExtensions } = useExtensions();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react24.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 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_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(
+    TextInput,
+    {
+      label: t2("generate_command.custom_element.choose_name"),
+      placeholder: t2("generate_command.custom_element.name_placeholder"),
+      onSubmit: (value) => {
+        bi.cliFlowStepAnswered({
+          question: t2("generate_command.custom_element.choose_name"),
+          questionKey: "generate_command.custom_element.choose_name",
+          answer: value,
+          additionalInfo: {
+            extensionType
+          }
+        });
+        setElementName(value);
+      },
+      validate: validateName
+    }
+  ), elementName && /* @__PURE__ */ import_react24.default.createElement(
+    TextInput,
+    {
+      label: t2("generate_command.custom_element.choose_folder"),
+      placeholder: defaultElementFolder,
+      onSubmit: (value) => {
+        bi.cliFlowStepAnswered({
+          question: t2("generate_command.custom_element.choose_folder"),
+          questionKey: "generate_command.custom_element.choose_folder",
+          answer: value,
+          additionalInfo: {
+            extensionType
+          }
+        });
+        setElementFolder(value);
+        if (!dashboardPagesExist) {
+          setGenerationData({
+            name: elementName,
+            folder: value
+          });
+        }
+      },
+      validate: validateFolderName
+    }
+  ), elementName && elementFolder && dashboardPagesExist && /* @__PURE__ */ import_react24.default.createElement(
+    ConfirmInput,
+    {
+      label: t2("generate_command.custom_element.link_dashboard_page"),
+      onSubmit: (shouldLinkDashboardPage) => {
+        bi.cliFlowStepAnswered({
+          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
+          });
+        }
+      }
+    }
+  ), elementName && elementFolder && dashboardPagesExist && linkDashboardPage && /* @__PURE__ */ import_react24.default.createElement(
+    SelectInput,
+    {
+      label: t2("generate_command.custom_element.choose_dashboard_page"),
+      options: dashboardPagesOptions,
+      onSubmit: (option) => {
+        bi.cliFlowStepAnswered({
+          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
+        });
+      }
+    }
   ), (0, import_react24.useMemo)(
     () => (0, import_variant26.match)(generationTask, {
       Success: ({ hasUpdatedDependencies }) => {
@@ -3160,29 +3232,215 @@ var GenerateWebMethod = () => {
           })
         }
       ),
-      Error: () => null,
-      NotRequested: () => null
+      NotRequested: () => null,
+      Error: () => null
     }),
     [generationTask, setFinishedInstallation, t2, extensionType]
-  ), finishedInstallation && /* @__PURE__ */ import_react24.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react24.default.createElement(Text, null, t2("generate_command.generation.done", {
+  ), finishedInstallation && /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(Text, null, t2("generate_command.generation.done", {
     extensionType
   })), /* @__PURE__ */ import_react24.default.createElement(
     Trans,
     {
       i18nKey: "generate_command.generation.learn_more",
       values: { extensionType },
-      components: [/* @__PURE__ */ import_react24.default.createElement(Learn, null), /* @__PURE__ */ import_react24.default.createElement(Link, { url: "https://wix.to/BEkD5a1" })]
+      components: [/* @__PURE__ */ import_react24.default.createElement(Learn, null), /* @__PURE__ */ import_react24.default.createElement(Link, { url: "https://wix.to/rEfCfbY" })]
+    }
+  )));
+};
+
+// src/components/GenerateCommand/site-widget/blocks/Blocks.tsx
+init_esm_shims();
+var import_react25 = __toESM(require_react(), 1);
+var import_variant27 = __toESM(require_lib(), 1);
+
+// src/components/GenerateCommand/site-widget/blocks/generate.ts
+init_esm_shims();
+import path14 from "node:path";
+
+// src/files/tsconfig.ts
+init_esm_shims();
+import {
+  DiagnosticCategory,
+  readConfigFile,
+  sys as typescriptSys
+} from "typescript";
+function readTSConfig(projectFolder) {
+  const tsConfigResult = readConfigFile(
+    getTSConfigFilePath(projectFolder),
+    typescriptSys.readFile
+  );
+  if (tsConfigResult.error?.category === DiagnosticCategory.Error) {
+    if (tsConfigResult.error.code === 5083) {
+      throw new CliError({
+        code: CliErrorCode.TSConfigNotFound({
+          configPath: TS_CONFIG_FILENAME
+        }),
+        cause: tsConfigResult.error.messageText
+      });
+    }
+    throw new CliError({
+      code: CliErrorCode.InvalidTSConfigError({
+        configPath: TS_CONFIG_FILENAME
+      }),
+      cause: tsConfigResult.error.messageText
+    });
+  }
+  const config = tsConfigSchema.safeParse(tsConfigResult.config);
+  if (config.success) {
+    return config.data;
+  }
+  throw new CliError({
+    code: CliErrorCode.InvalidConfigSchemaError({
+      configPath: TS_CONFIG_FILENAME,
+      zodError: config.error
+    }),
+    cause: config.error
+  });
+}
+async function saveTSConfig(projectFolder, config) {
+  await writeJson(getTSConfigFilePath(projectFolder), config, { spaces: 2 });
+}
+
+// src/components/GenerateCommand/site-widget/blocks/generate.ts
+var BLOCKS_SUPPORT_TEMPLATE = path14.resolve(
+  __dirname,
+  "../templates/blocks-support"
+);
+async function enableBlocksInProject(projectFolder, config) {
+  await saveWixConfig(projectFolder, {
+    ...config,
+    blocks: {
+      uiRevision: ""
+    }
+  });
+  const tsconfig = readTSConfig(projectFolder);
+  if (!tsconfig.include?.includes(BLOCKS_TYPES_PATH)) {
+    await saveTSConfig(projectFolder, {
+      ...tsconfig,
+      include: [...tsconfig.include ?? [], BLOCKS_TYPES_PATH]
+    });
+  }
+  const newDependencies = await dependenciesUpdater({
+    projectFolder,
+    dependenciesJsonPath: path14.join(
+      BLOCKS_SUPPORT_TEMPLATE,
+      "dependencies.json"
+    )
+  });
+  return { newDependencies };
+}
+
+// src/components/GenerateCommand/site-widget/blocks/Blocks.tsx
+var AddBlocksSupportToProject = () => {
+  const { t: t2 } = useTranslation();
+  const { model } = useProjectModel();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react25.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_react25.default.createElement(import_react25.default.Fragment, null, (0, import_react25.useMemo)(
+    () => (0, import_variant27.match)(supportBlocksTask, {
+      Success: ({ hasUpdatedDependencies }) => {
+        if (hasUpdatedDependencies) {
+          return /* @__PURE__ */ import_react25.default.createElement(
+            InstallDependencies,
+            {
+              onFinish: () => setFinishedInstallation(true)
+            }
+          );
+        }
+        setFinishedInstallation(true);
+      },
+      Loading: () => /* @__PURE__ */ import_react25.default.createElement(
+        Spinner,
+        {
+          text: t2("generate_command.generation.loading", {
+            subject: extensionType
+          })
+        }
+      ),
+      NotRequested: () => null,
+      Error: () => null
+    }),
+    [supportBlocksTask, t2, extensionType]
+  ), finishedInstallation && /* @__PURE__ */ import_react25.default.createElement(Box_default, { marginTop: 1 }, /* @__PURE__ */ import_react25.default.createElement(
+    Trans,
+    {
+      i18nKey: "generate_command.blocks.success",
+      components: [
+        /* @__PURE__ */ import_react25.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" })
+      ]
     }
   )));
 };
 
+// src/components/GenerateCommand/site-widget/SiteWidgetWizard.tsx
+var GenerateSiteWidgetWizard = () => {
+  const bi = useWixCliAppBi();
+  const { t: t2 } = useTranslation();
+  const [selectedSiteWidgetType, setSelectedSiteWidgetType] = (0, import_react26.useState)();
+  return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement(
+    SelectInput,
+    {
+      label: t2("generate_command.site_widget_wizard.choose_extention.title"),
+      info: t2("generate_command.site_widget_wizard.choose_extention.info"),
+      options: [
+        {
+          title: t2(
+            "generate_command.site_widget_wizard.custom_element_option.title"
+          ),
+          description: /* @__PURE__ */ import_react26.default.createElement(
+            Trans,
+            {
+              i18nKey: "generate_command.site_widget_wizard.custom_element_option.description",
+              components: [
+                /* @__PURE__ */ import_react26.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" })
+              ]
+            }
+          ),
+          value: "customElement"
+        },
+        {
+          title: t2("generate_command.site_widget_wizard.blocks.title"),
+          description: /* @__PURE__ */ import_react26.default.createElement(
+            Trans,
+            {
+              i18nKey: "generate_command.site_widget_wizard.blocks.description",
+              components: [
+                /* @__PURE__ */ import_react26.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" })
+              ]
+            }
+          ),
+          value: "blocks"
+        }
+      ],
+      onSubmit: (option) => {
+        bi.cliFlowStepAnswered({
+          question: t2(
+            "generate_command.site_widget_wizard.choose_extention.title"
+          ),
+          questionKey: "generate_command.site_widget_wizard.choose_extention.title",
+          answer: option.title
+        });
+        setSelectedSiteWidgetType(option.value);
+      }
+    }
+  ), selectedSiteWidgetType === "customElement" && /* @__PURE__ */ import_react26.default.createElement(GenerateCustomElement, null), selectedSiteWidgetType === "blocks" && /* @__PURE__ */ import_react26.default.createElement(AddBlocksSupportToProject, null));
+};
+
 // src/components/GenerateCommand/GenerateCommand.tsx
-var DevCenterGenerateFlow = (0, import_variant27.variant)((0, import_variant27.types)(DevCenterComponent));
+var DevCenterGenerateFlow = (0, import_variant28.variant)((0, import_variant28.types)(DevCenterComponent));
 var GenerateCommand = () => {
   const { t: t2 } = useTranslation();
   const bi = useWixCliAppBi();
-  const [generateFlow, setGenerateFlow] = (0, import_react25.useState)();
-  const generateFlows = (0, import_react25.useMemo)(
+  const [generateFlow, setGenerateFlow] = (0, import_react27.useState)();
+  const generateFlows = (0, import_react27.useMemo)(
     () => [
       {
         title: t2("generate_command.flow.dashboard_category"),
@@ -3263,7 +3521,7 @@ var GenerateCommand = () => {
     ],
     [t2]
   );
-  const selectFlow = (0, import_react25.useCallback)(
+  const selectFlow = (0, import_react27.useCallback)(
     (selectedType) => {
       bi.cliFlowStepAnswered({
         question: t2("generate_command.flow.choose_flow"),
@@ -3274,7 +3532,7 @@ var GenerateCommand = () => {
     },
     [bi, t2]
   );
-  return /* @__PURE__ */ import_react25.default.createElement(Box_default, { flexDirection: "column", paddingTop: 1 }, /* @__PURE__ */ import_react25.default.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement(Box_default, { flexDirection: "column", paddingTop: 1 }, /* @__PURE__ */ import_react27.default.createElement(
     SelectGroupsInput,
     {
       label: t2("generate_command.flow.choose_flow"),
@@ -3282,21 +3540,21 @@ var GenerateCommand = () => {
       onSubmit: selectFlow,
       maxHeight: 14
     }
-  ), generateFlow && (0, import_variant27.match)(
+  ), generateFlow && (0, import_variant28.match)(
     generateFlow,
-    (0, import_variant27.partial)({
-      DashboardPage: () => /* @__PURE__ */ import_react25.default.createElement(GenerateDashboardPage, null),
-      DashboardSidebarCategory: () => /* @__PURE__ */ import_react25.default.createElement(GenerateSidebarCategory, null),
-      EmbeddedScript: () => /* @__PURE__ */ import_react25.default.createElement(GenerateEmbeddedScript, null),
-      CustomElement: () => /* @__PURE__ */ import_react25.default.createElement(GenerateCustomElement, null),
-      SitePlugin: () => /* @__PURE__ */ import_react25.default.createElement(GenerateSitePlugin, null),
-      DashboardModal: () => /* @__PURE__ */ import_react25.default.createElement(GenerateDashboardModal, null),
-      DashboardPlugin: () => /* @__PURE__ */ import_react25.default.createElement(DashboardPlugin, null),
-      DashboardMenuPlugin: () => /* @__PURE__ */ import_react25.default.createElement(DashboardMenuPlugin, null),
-      ServicePlugin: () => /* @__PURE__ */ import_react25.default.createElement(GenerateServicePlugin, null),
-      Api: () => /* @__PURE__ */ import_react25.default.createElement(GenerateApi, null),
-      WebMethod: () => /* @__PURE__ */ import_react25.default.createElement(GenerateWebMethod, null),
-      Event: () => /* @__PURE__ */ import_react25.default.createElement(GenerateEvent, null),
+    (0, import_variant28.partial)({
+      DashboardPage: () => /* @__PURE__ */ import_react27.default.createElement(GenerateDashboardPage, null),
+      DashboardSidebarCategory: () => /* @__PURE__ */ import_react27.default.createElement(GenerateSidebarCategory, null),
+      EmbeddedScript: () => /* @__PURE__ */ import_react27.default.createElement(GenerateEmbeddedScript, null),
+      CustomElement: () => /* @__PURE__ */ import_react27.default.createElement(GenerateSiteWidgetWizard, null),
+      SitePlugin: () => /* @__PURE__ */ import_react27.default.createElement(GenerateSitePlugin, null),
+      DashboardModal: () => /* @__PURE__ */ import_react27.default.createElement(GenerateDashboardModal, null),
+      DashboardPlugin: () => /* @__PURE__ */ import_react27.default.createElement(DashboardPlugin, null),
+      DashboardMenuPlugin: () => /* @__PURE__ */ import_react27.default.createElement(DashboardMenuPlugin, null),
+      ServicePlugin: () => /* @__PURE__ */ import_react27.default.createElement(GenerateServicePlugin, null),
+      Api: () => /* @__PURE__ */ import_react27.default.createElement(GenerateApi, null),
+      WebMethod: () => /* @__PURE__ */ import_react27.default.createElement(GenerateWebMethod, null),
+      Event: () => /* @__PURE__ */ import_react27.default.createElement(GenerateEvent, null),
       default: () => null
     })
   ));
@@ -3304,4 +3562,4 @@ var GenerateCommand = () => {
 export {
   GenerateCommand
 };
-//# sourceMappingURL=GenerateCommand-54ISTYYO.js.map
+//# sourceMappingURL=GenerateCommand-5KR6GRHW.js.map