@wix/cli-app 1.1.104 → 1.1.106

package/build/{GenerateCommand-7DARNLA7.js → GenerateCommand-F6WNIVZH.js}

@@ -3,22 +3,22 @@ const require = _createRequire(import.meta.url);
 import {
   createPackageManager,
   getRepoType
-} from "./chunk-TIONGKXR.js";
+} from "./chunk-G32WRBNI.js";
 import {
   createI18nT,
   getGenerateFlowByDocsExtensionType,
   useGenerateFlows
-} from "./chunk-VNLE7QSE.js";
+} from "./chunk-XPAQVBEL.js";
 import "./chunk-T5HHDBBR.js";
 import {
   useWixCliAppBi
-} from "./chunk-UKJ775WP.js";
+} from "./chunk-7JLHWVDX.js";
 import {
   componentGenerator,
   dependenciesUpdater,
   require_lodash,
   useBackendComponents
-} from "./chunk-QR3SSJAV.js";
+} from "./chunk-PEMPZ5MM.js";
 import "./chunk-GWE3BRHX.js";
 import {
   getEcomRequiredApps,
@@ -35,7 +35,7 @@ import {
   require_setToArray,
   require_toSource,
   useExtensionDataClient
-} from "./chunk-XJWKNKHT.js";
+} from "./chunk-XW5CZ6RF.js";
 import {
   AsyncCallbackStatus,
   BACKEND_DIR,
@@ -84,9 +84,7 @@ import {
   getSitePluginsDir,
   getSiteWidgetsDir,
   getTSConfigFilePath,
-  getTestOverrides,
   normalizeGlobbyPattern,
-  pRetry,
   pathValidation,
   relativeFolderName,
   require_Symbol,
@@ -108,15 +106,13 @@ import {
   useDevCenterClient,
   useErrorReporter,
   useExtensions,
-  useHttpClient,
   useProjectModel,
   useTranslation,
   useValidation,
   use_input_default,
   uuidValidation,
-  writeJson,
-  z
-} from "./chunk-B4PE24NJ.js";
+  writeJson
+} from "./chunk-E6VEU7TV.js";
 import {
   __commonJS,
   __dirname,
@@ -1576,7 +1572,7 @@ init_esm_shims();
 
 // src/components/GenerateCommand/GenerateCommand.tsx
 init_esm_shims();
-var import_react36 = __toESM(require_react(), 1);
+var import_react35 = __toESM(require_react(), 1);
 var import_variant14 = __toESM(require_lib(), 1);
 
 // src/components/GenerateCommand/dashboad-page/DashboardPage.tsx
@@ -3990,84 +3986,12 @@ var DashboardPlugin = ({ flow }) => {
 
 // src/components/GenerateCommand/site-plugin/SitePlugin.tsx
 init_esm_shims();
-var import_react26 = __toESM(require_react(), 1);
+var import_react25 = __toESM(require_react(), 1);
 var import_variant13 = __toESM(require_lib(), 1);
 
-// ../site-plugin-client/src/index.ts
-init_esm_shims();
-
-// ../site-plugin-client/src/site-plugin-client.ts
-init_esm_shims();
-
-// ../site-plugin-client/src/schemas.ts
-init_esm_shims();
-var placementSchema = z.object({
-  appDefinitionId: z.string(),
-  widgetId: z.string(),
-  slotId: z.string(),
-  appName: z.string(),
-  widgetName: z.string(),
-  dependencyAppDefinitionId: z.string()
-}).passthrough();
-var placementsSchema = z.object({
-  placements: z.array(placementSchema)
-}).passthrough();
-
-// ../site-plugin-client/src/data/widget-docs.json
-var widget_docs_default = {
-  "13afb094-84f9-739f-44fd-78d036adb028": "https://wix.to/jPWO9GZ",
-  "bda15dc1-816d-4ff3-8dcb-1172d5343cce": "https://wix.to/sfoURR8",
-  "14fd5970-8072-c276-1246-058b79e70c1a": "https://wix.to/FPbvzSu",
-  "6a25b678-53ec-4b37-a190-65fcd1ca1a63": "https://wix.to/VBf3XkQ",
-  "13a94f09-2766-3c40-4a32-8edb5acdd8bc": "https://wix.to/awqi86g",
-  "a91a0543-d4bd-4e6b-b315-9410aa27bcde": "https://wix.to/BaNrGoT",
-  "14d2abc2-5350-6322-487d-8c16ff833c8a": "https://wix.to/GHJRTYr"
-};
-
-// ../site-plugin-client/src/site-plugin-client.ts
-var SitePluginClient = class {
-  constructor(httpClient) {
-    this.httpClient = httpClient;
-    const { minRetryTimeout } = getTestOverrides();
-    this.retryOptions = {
-      retries: 3,
-      minTimeout: minRetryTimeout,
-      maxTimeout: 3 * 1e3
-    };
-  }
-  retryOptions;
-  getPlacements = async () => {
-    try {
-      const { data } = await pRetry(
-        () => this.httpClient.get(
-          "/_serverless/editor-platform-widget-plugins/placements"
-        ),
-        this.retryOptions
-      );
-      return placementsSchema.parse(data);
-    } catch (e) {
-      throw new CliError({
-        code: CliErrorCode.FailedToGetPlacements(),
-        cause: e
-      });
-    }
-  };
-  getWidgetDocsUrl = (widgetId) => {
-    return widget_docs_default[widgetId];
-  };
-};
-
-// ../site-plugin-client/src/useSitePluginClient.ts
-init_esm_shims();
-var import_react24 = __toESM(require_react(), 1);
-function useSitePluginClient() {
-  const httpClient = useHttpClient({ type: "general" });
-  return (0, import_react24.useMemo)(() => new SitePluginClient(httpClient), [httpClient]);
-}
-
 // src/components/GenerateCommand/site-plugin/SitePluginWizard.tsx
 init_esm_shims();
-var import_react25 = __toESM(require_react(), 1);
+var import_react24 = __toESM(require_react(), 1);
 var import_variant12 = __toESM(require_lib(), 1);
 var import_lodash6 = __toESM(require_lodash(), 1);
 var import_uniqBy = __toESM(require_uniqBy(), 1);
@@ -4121,87 +4045,117 @@ async function generateSitePlugin(projectFolder, placements, folder, name, widge
 }
 
 // src/components/GenerateCommand/site-plugin/SitePluginWizard.tsx
-var SitePluginWizard = ({ placements }) => {
+var SitePluginWizard = ({
+  widgetPlugins
+}) => {
   const bi = useWixCliAppBi();
   const { t: t2 } = useTranslation();
   const { model } = useProjectModel();
   const { addRequiredApp } = useDevCenterClient();
-  const { getWidgetDocsUrl } = useSitePluginClient();
-  const pluginApplications = (0, import_react25.useMemo)(
-    () => (0, import_uniqBy.default)(placements, "appName").map((pluginPlacement) => ({
+  const { getWidgetDocsUrl } = useExtensionDataClient();
+  const pluginApplications = (0, import_react24.useMemo)(
+    () => (0, import_uniqBy.default)(widgetPlugins, "appName").map((pluginPlacement) => ({
       value: pluginPlacement.appName,
       title: pluginPlacement.appName
     })),
-    [placements]
+    [widgetPlugins]
   );
   const extensionType = t2("generate_command.flow.site_plugin").toLowerCase();
   const validateFolderName = useCustomElementDirectoryValidation("Site plugin");
   const validateName = useCustomElementNameValidation();
-  const [appsToRequire, setAppsToRequire] = (0, import_react25.useState)();
-  const [placement, setPlacement] = (0, import_react25.useState)();
-  const [placementApp, setPlacementApp] = (0, import_react25.useState)();
-  const [pluginFolder, setPluginFolder] = (0, import_react25.useState)();
-  const [pluginName, setPluginName] = (0, import_react25.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react25.useState)(false);
+  const [slot, setSlot] = (0, import_react24.useState)();
+  const [requireAppsIds, setRequireAppsIds] = (0, import_react24.useState)();
+  const [placementApp, setPlacementApp] = (0, import_react24.useState)();
+  const [pluginFolder, setPluginFolder] = (0, import_react24.useState)();
+  const [pluginName, setPluginName] = (0, import_react24.useState)();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react24.useState)(false);
   const defaultPluginFolder = (0, import_lodash6.kebabCase)(pluginName);
-  const widgetSlots = (0, import_react25.useMemo)(
-    () => placementApp ? Object.values(
-      placements.filter((placement2) => placement2.appName === placementApp).reduce(
-        (_widgetSlots, placement2) => {
-          const widgetDocsUrl = getWidgetDocsUrl(placement2.widgetId);
-          const description = widgetDocsUrl && /* @__PURE__ */ import_react25.default.createElement(Text, { skin: "secondary" }, /* @__PURE__ */ import_react25.default.createElement(
-            Trans,
-            {
-              i18nKey: "generate_command.site_plugin.widget_docs",
-              components: [/* @__PURE__ */ import_react25.default.createElement(Link, { url: widgetDocsUrl })]
-            }
-          ));
-          _widgetSlots[placement2.widgetId] ??= {
-            title: placement2.widgetName,
-            description,
-            items: []
-          };
-          _widgetSlots[placement2.widgetId]?.items.push({
-            key: placement2.slotId,
-            title: placement2.slotId,
-            value: placement2
+  const widgetSlots = (0, import_react24.useMemo)(
+    () => placementApp ? widgetPlugins.filter((widgetPlugin) => widgetPlugin.appName === placementApp).reduce(
+      (_widgetSlots, widgetPlugin) => {
+        const widgetDocsUrl = getWidgetDocsUrl(
+          widgetPlugin.component.componentId
+        );
+        const description = widgetDocsUrl && /* @__PURE__ */ import_react24.default.createElement(Text, { skin: "secondary" }, /* @__PURE__ */ import_react24.default.createElement(
+          Trans,
+          {
+            i18nKey: "generate_command.site_plugin.widget_docs",
+            components: [/* @__PURE__ */ import_react24.default.createElement(Link, { url: widgetDocsUrl })]
+          }
+        ));
+        _widgetSlots[widgetPlugin.component.componentId] ??= {
+          title: widgetPlugin.component.name,
+          description,
+          items: []
+        };
+        for (const placement of widgetPlugin.component.data.widgetPlugin.placements) {
+          _widgetSlots[widgetPlugin.component.componentId]?.items.push({
+            key: placement.slotId,
+            title: placement.slotId,
+            value: placement
           });
-          return _widgetSlots;
-        },
-        {}
-      )
-    ) : [],
-    [placements, placementApp, getWidgetDocsUrl]
+        }
+        return _widgetSlots;
+      },
+      {}
+    ) : {},
+    [widgetPlugins, placementApp, getWidgetDocsUrl]
   );
   const generationTask = useGenerationTask(async () => {
-    if (pluginFolder && pluginName && placement && appsToRequire) {
-      const appToRequire = appsToRequire.at(0);
-      if (appToRequire) {
+    if (pluginName && slot && requireAppsIds) {
+      const requireAppId = requireAppsIds.at(0);
+      if (requireAppId) {
         await addRequiredApp({
           appId: model.config.appId,
-          appIdToRequire: appToRequire
+          appIdToRequire: requireAppId
         });
       }
-      const { appDefinitionId, widgetId, slotId } = placement;
-      return generateSitePlugin(
-        model.projectFolder,
-        [{ appDefinitionId, widgetId, slotId }],
-        pluginFolder,
-        pluginName,
-        placement.widgetName,
-        getWidgetDocsUrl(placement.widgetId)
-      );
+      const { appDefinitionId, widgetId, slotId } = slot.placement;
+      const widgetPlugin = widgetSlots[widgetId];
+      if (widgetPlugin) {
+        return generateSitePlugin(
+          model.projectFolder,
+          [{ appDefinitionId, widgetId, slotId }],
+          pluginFolder ?? defaultPluginFolder,
+          pluginName,
+          widgetPlugin.title,
+          getWidgetDocsUrl(widgetId)
+        );
+      }
     }
-  }, [pluginFolder, pluginName, placement, appsToRequire]);
-  return /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement(
+  }, [pluginFolder, pluginName, slot, widgetSlots, getWidgetDocsUrl]);
+  const handleSetSlot = (0, import_react24.useCallback)(
+    (placement) => {
+      void getEcomRequiredApps().then((ecomRequiredApp) => {
+        const widgetPlugin = widgetPlugins.find(
+          (widgetPlugin2) => widgetPlugin2.component.componentId === placement.widgetId
+        );
+        if (ecomRequiredApp.appId === widgetPlugin?.appId) {
+          setSlot({ requiredApps: ecomRequiredApp.requiredApps, placement });
+        } else {
+          setSlot({
+            requiredApps: [
+              {
+                appId: widgetPlugin.appId,
+                appName: widgetPlugin.appName
+              }
+            ],
+            placement
+          });
+        }
+      });
+    },
+    [widgetPlugins]
+  );
+  return /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(
     SelectInput,
     {
       label: t2("generate_command.site_plugin.plugin_app"),
-      info: /* @__PURE__ */ import_react25.default.createElement(
+      info: /* @__PURE__ */ import_react24.default.createElement(
         Trans,
         {
           i18nKey: "generate_command.site_plugin.plugin_app.description",
-          components: [/* @__PURE__ */ import_react25.default.createElement(Link, { url: "https://wix.to/Onfe4XJ" })]
+          components: [/* @__PURE__ */ import_react24.default.createElement(Link, { url: "https://wix.to/Onfe4XJ" })]
         }
       ),
       options: pluginApplications,
@@ -4215,11 +4169,11 @@ var SitePluginWizard = ({ placements }) => {
         setPlacementApp(option.value);
       }
     }
-  ), placementApp && /* @__PURE__ */ import_react25.default.createElement(
+  ), placementApp && /* @__PURE__ */ import_react24.default.createElement(
     SelectGroupsInput,
     {
       label: t2("generate_command.site_plugin.choose_placement"),
-      groups: widgetSlots,
+      groups: Object.values(widgetSlots),
       onSubmit: (option) => {
         bi.cliFlowStepAnswered({
           question: t2("generate_command.site_plugin.choose_placement"),
@@ -4227,22 +4181,30 @@ var SitePluginWizard = ({ placements }) => {
           answer: option.title,
           additionalInfo: option.value
         });
-        setPlacement(option.value);
+        handleSetSlot(option.value);
       }
     }
-  ), placement && /* @__PURE__ */ import_react25.default.createElement(
+  ), slot?.requiredApps && (slot.requiredApps.length === 1 ? /* @__PURE__ */ import_react24.default.createElement(
     AppRequirement,
     {
       appId: model.config.appId,
-      requiredApps: [
-        {
-          id: placement.dependencyAppDefinitionId,
-          name: placement.appName
-        }
-      ],
-      onSubmit: setAppsToRequire
+      requiredApps: slot.requiredApps.map((requiredApp) => ({
+        id: requiredApp.appId,
+        name: requiredApp.appName
+      })),
+      onSubmit: setRequireAppsIds
     }
-  ), appsToRequire && /* @__PURE__ */ import_react25.default.createElement(
+  ) : /* @__PURE__ */ import_react24.default.createElement(
+    MultipleAppRequirement,
+    {
+      appId: model.config.appId,
+      requiredApps: slot.requiredApps.map((requiredApp) => ({
+        id: requiredApp.appId,
+        name: requiredApp.appName
+      })),
+      onSubmit: setRequireAppsIds
+    }
+  )), requireAppsIds && /* @__PURE__ */ import_react24.default.createElement(
     TextInput,
     {
       label: t2("generate_command.site_plugin.choose_name"),
@@ -4260,36 +4222,37 @@ var SitePluginWizard = ({ placements }) => {
       },
       validate: validateName
     }
-  ), pluginName && /* @__PURE__ */ import_react25.default.createElement(
+  ), pluginName && /* @__PURE__ */ import_react24.default.createElement(
     TextInput,
     {
       label: t2("generate_command.site_plugin.choose_folder"),
       placeholder: defaultPluginFolder,
       onSubmit: (value) => {
+        const finalValue = value || defaultPluginFolder;
         bi.cliFlowStepAnswered({
           question: t2("generate_command.site_plugin.choose_folder"),
           questionKey: "generate_command.site_plugin.choose_folder",
-          answer: value,
+          answer: finalValue,
           additionalInfo: {
             extensionType
           }
         });
-        setPluginFolder(value);
+        setPluginFolder(finalValue);
       },
       validate: validateFolderName
     }
-  ), (0, import_react25.useMemo)(
+  ), (0, import_react24.useMemo)(
     () => (0, import_variant12.match)(generationTask, {
       Success: ({ hasUpdatedDependencies, newFiles }) => {
         if (!hasUpdatedDependencies) {
           setFinishedInstallation(true);
         }
-        return /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react25.default.createElement(
+        return /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react24.default.createElement(
           InstallDependencies,
           {
             onFinish: () => setFinishedInstallation(true)
           }
-        ), finishedInstallation && /* @__PURE__ */ import_react25.default.createElement(
+        ), finishedInstallation && /* @__PURE__ */ import_react24.default.createElement(
           GenerationSuccessMessage,
           {
             extensionType,
@@ -4298,7 +4261,7 @@ var SitePluginWizard = ({ placements }) => {
           }
         ));
       },
-      Loading: () => /* @__PURE__ */ import_react25.default.createElement(
+      Loading: () => /* @__PURE__ */ import_react24.default.createElement(
         Spinner,
         {
           text: t2("generate_command.generation.loading", {
@@ -4322,18 +4285,18 @@ var SitePluginWizard = ({ placements }) => {
 // src/components/GenerateCommand/site-plugin/SitePlugin.tsx
 var GenerateSitePlugin = () => {
   const { t: t2 } = useTranslation();
-  const { getPlacements } = useSitePluginClient();
-  const { status } = useAsync(getPlacements, []);
+  const { getWidgetPlugins } = useExtensionDataClient();
+  const { status } = useAsync(getWidgetPlugins, []);
   return (0, import_variant13.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react26.default.createElement(Spinner, { text: t2("general.loading") }),
-    Success: ({ result }) => /* @__PURE__ */ import_react26.default.createElement(SitePluginWizard, { placements: result.placements })
+    Loading: () => /* @__PURE__ */ import_react25.default.createElement(Spinner, { text: t2("general.loading") }),
+    Success: ({ result }) => /* @__PURE__ */ import_react25.default.createElement(SitePluginWizard, { widgetPlugins: result })
   });
 };
 
 // src/components/GenerateCommand/api/Api.tsx
 init_esm_shims();
-var import_react28 = __toESM(require_react(), 1);
+var import_react27 = __toESM(require_react(), 1);
 
 // src/components/GenerateCommand/api/generate.ts
 init_esm_shims();
@@ -4366,13 +4329,13 @@ async function generateWebMethod(projectFolder, folderPath) {
 
 // src/components/GenerateCommand/api/steps.tsx
 init_esm_shims();
-var import_react27 = __toESM(require_react(), 1);
+var import_react26 = __toESM(require_react(), 1);
 import { join as join2 } from "node:path";
 var SelectApiTypeStep = ({ onSubmit, docsExtensionType }) => {
   const { t: t2 } = useTranslation();
   const bi = useWixCliAppBi();
   const { isActive, goToNextStep } = useWizardStep();
-  const webMethodOption = (0, import_react27.useMemo)(
+  const webMethodOption = (0, import_react26.useMemo)(
     () => ({
       title: t2("generate_command.api.web_method"),
       description: t2("generate_command.api.web_method.description"),
@@ -4380,7 +4343,7 @@ var SelectApiTypeStep = ({ onSubmit, docsExtensionType }) => {
     }),
     [t2]
   );
-  const httpFunctionOption = (0, import_react27.useMemo)(
+  const httpFunctionOption = (0, import_react26.useMemo)(
     () => ({
       title: t2("generate_command.api.http_function"),
       description: t2("generate_command.api.http_function.description"),
@@ -4388,7 +4351,7 @@ var SelectApiTypeStep = ({ onSubmit, docsExtensionType }) => {
     }),
     [t2]
   );
-  const apiOption = (0, import_react27.useMemo)(() => {
+  const apiOption = (0, import_react26.useMemo)(() => {
     if (docsExtensionType === "HTTP_FUNCTION") {
       return InputState.Submitted(httpFunctionOption);
     }
@@ -4406,21 +4369,21 @@ var SelectApiTypeStep = ({ onSubmit, docsExtensionType }) => {
     onSubmit(option.value);
     goToNextStep();
   };
-  (0, import_react27.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (apiOption) {
       handleSubmit(apiOption.value);
     }
   }, []);
-  return /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement(
     SelectInput,
     {
       isActive,
       value: apiOption,
-      info: /* @__PURE__ */ import_react27.default.createElement(
+      info: /* @__PURE__ */ import_react26.default.createElement(
         Trans,
         {
           i18nKey: "generate_command.api.choose_type.info",
-          components: [/* @__PURE__ */ import_react27.default.createElement(Link, { url: "https://wix.to/pX4xyEn" })]
+          components: [/* @__PURE__ */ import_react26.default.createElement(Link, { url: "https://wix.to/pX4xyEn" })]
         }
       ),
       label: t2("generate_command.api.choose_type"),
@@ -4443,7 +4406,7 @@ var ApiFolderStep = ({ onSubmit }) => {
       ]
     ])
   );
-  return /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement(
     TextInput,
     {
       isActive,
@@ -4481,7 +4444,7 @@ var WebMethodFolderStep = ({ onSubmit }) => {
       ]
     ])
   );
-  return /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement(
     TextInput,
     {
       isActive,
@@ -4505,9 +4468,9 @@ var WebMethodFolderStep = ({ onSubmit }) => {
 var useGenerateApi = (docsExtensionType) => {
   const { t: t2 } = useTranslation();
   const { model } = useProjectModel();
-  const [selectedDocsExtensionType, setSelectedDocsExtensionType] = (0, import_react28.useState)(() => docsExtensionType);
-  const [apiType, setApiType] = (0, import_react28.useState)();
-  const [apiFolder, setApiFolder] = (0, import_react28.useState)();
+  const [selectedDocsExtensionType, setSelectedDocsExtensionType] = (0, import_react27.useState)(() => docsExtensionType);
+  const [apiType, setApiType] = (0, import_react27.useState)();
+  const [apiFolder, setApiFolder] = (0, import_react27.useState)();
   const extensionType = apiType === "HttpFunction" ? t2("generate_command.flow.api.title").toLowerCase() : t2("generate_command.api.web_method.title").toLowerCase();
   const generationTask = useGenerationTask(async () => {
     if (apiFolder) {
@@ -4520,7 +4483,7 @@ var useGenerateApi = (docsExtensionType) => {
     }
   }, [model.projectFolder, apiFolder]);
   return [
-    /* @__PURE__ */ import_react28.default.createElement(
+    /* @__PURE__ */ import_react27.default.createElement(
       SelectApiTypeStep,
       {
         docsExtensionType: selectedDocsExtensionType,
@@ -4530,8 +4493,8 @@ var useGenerateApi = (docsExtensionType) => {
         }
       }
     ),
-    apiType === "HttpFunction" ? /* @__PURE__ */ import_react28.default.createElement(ApiFolderStep, { onSubmit: setApiFolder }) : /* @__PURE__ */ import_react28.default.createElement(WebMethodFolderStep, { onSubmit: setApiFolder }),
-    /* @__PURE__ */ import_react28.default.createElement(
+    apiType === "HttpFunction" ? /* @__PURE__ */ import_react27.default.createElement(ApiFolderStep, { onSubmit: setApiFolder }) : /* @__PURE__ */ import_react27.default.createElement(WebMethodFolderStep, { onSubmit: setApiFolder }),
+    /* @__PURE__ */ import_react27.default.createElement(
       CompleteGeneration,
       {
         generationTask,
@@ -4553,7 +4516,7 @@ var useGenerateApi = (docsExtensionType) => {
 
 // src/components/GenerateCommand/event/Event.tsx
 init_esm_shims();
-var import_react30 = __toESM(require_react(), 1);
+var import_react29 = __toESM(require_react(), 1);
 
 // src/components/GenerateCommand/event/generate.ts
 init_esm_shims();
@@ -4570,7 +4533,7 @@ async function generateEvent(projectFolder, folderName) {
 
 // src/components/GenerateCommand/event/steps.tsx
 init_esm_shims();
-var import_react29 = __toESM(require_react(), 1);
+var import_react28 = __toESM(require_react(), 1);
 var ChooseFolderStep2 = ({ onSubmit, eventFolder }) => {
   const bi = useWixCliAppBi();
   const { t: t2 } = useTranslation();
@@ -4585,7 +4548,7 @@ var ChooseFolderStep2 = ({ onSubmit, eventFolder }) => {
       ]
     ])
   );
-  return /* @__PURE__ */ import_react29.default.createElement(
+  return /* @__PURE__ */ import_react28.default.createElement(
     TextInput,
     {
       isActive,
@@ -4609,7 +4572,7 @@ var ChooseFolderStep2 = ({ onSubmit, eventFolder }) => {
 var useGenerateEvent = () => {
   const { t: t2 } = useTranslation();
   const { model } = useProjectModel();
-  const [eventFolder, setEventFolder] = (0, import_react30.useState)();
+  const [eventFolder, setEventFolder] = (0, import_react29.useState)();
   const extensionType = t2("generate_command.flow.event").toLowerCase();
   const generationTask = useGenerationTask(async () => {
     if (eventFolder) {
@@ -4617,8 +4580,8 @@ var useGenerateEvent = () => {
     }
   }, [model.projectFolder, eventFolder]);
   return [
-    /* @__PURE__ */ import_react30.default.createElement(ChooseFolderStep2, { onSubmit: setEventFolder, eventFolder }),
-    /* @__PURE__ */ import_react30.default.createElement(
+    /* @__PURE__ */ import_react29.default.createElement(ChooseFolderStep2, { onSubmit: setEventFolder, eventFolder }),
+    /* @__PURE__ */ import_react29.default.createElement(
       CompleteGeneration,
       {
         generationTask,
@@ -4638,11 +4601,11 @@ init_esm_shims();
 
 // src/components/GenerateCommand/site-widget/SiteWidgetWizard.tsx
 init_esm_shims();
-var import_react35 = __toESM(require_react(), 1);
+var import_react34 = __toESM(require_react(), 1);
 
 // src/components/GenerateCommand/site-widget/custom-element/CustomElement.tsx
 init_esm_shims();
-var import_react32 = __toESM(require_react(), 1);
+var import_react31 = __toESM(require_react(), 1);
 
 // src/components/GenerateCommand/site-widget/custom-element/generate.ts
 init_esm_shims();
@@ -4708,7 +4671,7 @@ async function generateCustomElement(projectFolder, folder, name, dashboardPageI
 
 // src/components/GenerateCommand/site-widget/custom-element/steps.tsx
 init_esm_shims();
-var import_react31 = __toESM(require_react(), 1);
+var import_react30 = __toESM(require_react(), 1);
 var import_lodash7 = __toESM(require_lodash(), 1);
 var ChooseNameStep2 = ({ onSubmit, elementName }) => {
   const bi = useWixCliAppBi();
@@ -4716,7 +4679,7 @@ var ChooseNameStep2 = ({ onSubmit, elementName }) => {
   const { isActive, goToNextStep } = useWizardStep();
   const extensionType = t2("generate_command.flow.custom_element").toLowerCase();
   const validateName = useCustomElementNameValidation();
-  return /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react30.default.createElement(
     TextInput,
     {
       isActive,
@@ -4745,7 +4708,7 @@ var ChooseFolderStep3 = ({ onSubmit, elementFolder, elementName }) => {
   const defaultElementFolder = (0, import_lodash7.kebabCase)(elementName);
   const extensionType = t2("generate_command.flow.custom_element").toLowerCase();
   const validateFolderName = useCustomElementDirectoryValidation("Site widget");
-  return /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react30.default.createElement(
     TextInput,
     {
       isActive,
@@ -4772,7 +4735,7 @@ var LinkDashboardPageStep = ({ onSubmit }) => {
   const { t: t2 } = useTranslation();
   const { isActive, goToNextStep } = useWizardStep();
   const extensionType = t2("generate_command.flow.custom_element").toLowerCase();
-  return /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react30.default.createElement(
     ConfirmInput,
     {
       isActive,
@@ -4803,7 +4766,7 @@ var ChooseDashboardPageStep = ({ onSubmit }) => {
       title
     })
   );
-  return /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react30.default.createElement(
     SelectInput,
     {
       isActive,
@@ -4828,10 +4791,10 @@ var useGenerateCustomElement = () => {
   const { t: t2 } = useTranslation();
   const { model } = useProjectModel();
   const { getExtensions } = useExtensions();
-  const [elementName, setElementName] = (0, import_react32.useState)();
-  const [elementFolder, setElementFolder] = (0, import_react32.useState)();
-  const [linkDashboardPage, setLinkDashboardPage] = (0, import_react32.useState)();
-  const [dashboardPageId, setDashboardPageId] = (0, import_react32.useState)();
+  const [elementName, setElementName] = (0, import_react31.useState)();
+  const [elementFolder, setElementFolder] = (0, import_react31.useState)();
+  const [linkDashboardPage, setLinkDashboardPage] = (0, import_react31.useState)();
+  const [dashboardPageId, setDashboardPageId] = (0, import_react31.useState)();
   const dashboardPages = getExtensions("DashboardPage");
   const dashboardPagesExist = Boolean(dashboardPages.length);
   const extensionType = t2("generate_command.flow.custom_element").toLowerCase();
@@ -4847,8 +4810,8 @@ var useGenerateCustomElement = () => {
     }
   }, [elementFolder, elementName, shouldGenerate]);
   return [
-    /* @__PURE__ */ import_react32.default.createElement(ChooseNameStep2, { onSubmit: setElementName, elementName }),
-    /* @__PURE__ */ import_react32.default.createElement(
+    /* @__PURE__ */ import_react31.default.createElement(ChooseNameStep2, { onSubmit: setElementName, elementName }),
+    /* @__PURE__ */ import_react31.default.createElement(
       ChooseFolderStep3,
       {
         onSubmit: setElementFolder,
@@ -4856,9 +4819,9 @@ var useGenerateCustomElement = () => {
         elementName
       }
     ),
-    ...dashboardPagesExist ? [/* @__PURE__ */ import_react32.default.createElement(LinkDashboardPageStep, { onSubmit: setLinkDashboardPage })] : [],
-    ...dashboardPagesExist && linkDashboardPage ? [/* @__PURE__ */ import_react32.default.createElement(ChooseDashboardPageStep, { onSubmit: setDashboardPageId })] : [],
-    /* @__PURE__ */ import_react32.default.createElement(
+    ...dashboardPagesExist ? [/* @__PURE__ */ import_react31.default.createElement(LinkDashboardPageStep, { onSubmit: setLinkDashboardPage })] : [],
+    ...dashboardPagesExist && linkDashboardPage ? [/* @__PURE__ */ import_react31.default.createElement(ChooseDashboardPageStep, { onSubmit: setDashboardPageId })] : [],
+    /* @__PURE__ */ import_react31.default.createElement(
       CompleteGeneration,
       {
         generationTask,
@@ -4874,7 +4837,7 @@ var useGenerateCustomElement = () => {
 
 // src/components/GenerateCommand/site-widget/blocks/Blocks.tsx
 init_esm_shims();
-var import_react34 = __toESM(require_react(), 1);
+var import_react33 = __toESM(require_react(), 1);
 
 // src/components/GenerateCommand/site-widget/blocks/generate.ts
 init_esm_shims();
@@ -4955,10 +4918,10 @@ async function enableBlocksInProject(projectFolder, config) {
 
 // src/components/GenerateCommand/site-widget/blocks/BlocksGenerationSuccessMessage.tsx
 init_esm_shims();
-var import_react33 = __toESM(require_react(), 1);
+var import_react32 = __toESM(require_react(), 1);
 var BlockGenerationSuccessMessage = () => {
   const { t: t2 } = useTranslation();
-  return /* @__PURE__ */ import_react33.default.createElement(
+  return /* @__PURE__ */ import_react32.default.createElement(
     Box_default,
     {
       borderColor: "blue",
@@ -4969,21 +4932,21 @@ var BlockGenerationSuccessMessage = () => {
       gap: 1,
       marginTop: 1
     },
-    /* @__PURE__ */ import_react33.default.createElement(Box_default, { marginTop: -2, marginLeft: 0 }, /* @__PURE__ */ import_react33.default.createElement(Text, { skin: "question", bold: true }, t2("generate_command.blocks.success.title"))),
-    /* @__PURE__ */ import_react33.default.createElement(
+    /* @__PURE__ */ import_react32.default.createElement(Box_default, { marginTop: -2, marginLeft: 0 }, /* @__PURE__ */ import_react32.default.createElement(Text, { skin: "question", bold: true }, t2("generate_command.blocks.success.title"))),
+    /* @__PURE__ */ import_react32.default.createElement(
       Trans,
       {
         i18nKey: "generate_command.blocks.success.info.title",
-        components: [/* @__PURE__ */ import_react33.default.createElement(Rocket, null)]
+        components: [/* @__PURE__ */ import_react32.default.createElement(Rocket, null)]
       }
     ),
-    /* @__PURE__ */ import_react33.default.createElement(Box_default, { paddingLeft: 3 }, /* @__PURE__ */ import_react33.default.createElement(Trans, { i18nKey: "generate_command.blocks.success.info.steps" })),
-    /* @__PURE__ */ import_react33.default.createElement(
+    /* @__PURE__ */ import_react32.default.createElement(Box_default, { paddingLeft: 3 }, /* @__PURE__ */ import_react32.default.createElement(Trans, { i18nKey: "generate_command.blocks.success.info.steps" })),
+    /* @__PURE__ */ import_react32.default.createElement(
       Trans,
       {
         i18nKey: "generate_command.generation.learn_more",
         values: { extensionType: "blocks widgets" },
-        components: [/* @__PURE__ */ import_react33.default.createElement(Learn, null), /* @__PURE__ */ import_react33.default.createElement(Link, { url: "https://wix.to/HuMifhw" })]
+        components: [/* @__PURE__ */ import_react32.default.createElement(Learn, null), /* @__PURE__ */ import_react32.default.createElement(Link, { url: "https://wix.to/HuMifhw" })]
       }
     )
   );
@@ -5007,13 +4970,13 @@ var useAddBlocksSupportToProject = ({
     }
   }, [siteWidgetType]);
   return [
-    /* @__PURE__ */ import_react34.default.createElement(
+    /* @__PURE__ */ import_react33.default.createElement(
       CompleteGeneration,
       {
         generationTask: supportBlocksTask,
         extensionType,
         successMessage: CompleteGenerationMessage.CustomSuccessMessage({
-          comp: /* @__PURE__ */ import_react34.default.createElement(BlockGenerationSuccessMessage, null)
+          comp: /* @__PURE__ */ import_react33.default.createElement(BlockGenerationSuccessMessage, null)
         })
       }
     )
@@ -5025,7 +4988,7 @@ var SelectSiteWidgetTypeStep = ({ onSubmit }) => {
   const bi = useWixCliAppBi();
   const { t: t2 } = useTranslation();
   const { isActive, goToNextStep } = useWizardStep();
-  return /* @__PURE__ */ import_react35.default.createElement(
+  return /* @__PURE__ */ import_react34.default.createElement(
     SelectInput,
     {
       isActive,
@@ -5036,12 +4999,12 @@ var SelectSiteWidgetTypeStep = ({ onSubmit }) => {
           title: t2(
             "generate_command.site_widget_wizard.custom_element_option.title"
           ),
-          description: /* @__PURE__ */ import_react35.default.createElement(
+          description: /* @__PURE__ */ import_react34.default.createElement(
             Trans,
             {
               i18nKey: "generate_command.site_widget_wizard.custom_element_option.description",
               components: [
-                /* @__PURE__ */ import_react35.default.createElement(Link, { url: "https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/site-widgets/add-a-site-widget-extension-in-the-cli" })
+                /* @__PURE__ */ import_react34.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" })
               ]
             }
           ),
@@ -5049,12 +5012,12 @@ var SelectSiteWidgetTypeStep = ({ onSubmit }) => {
         },
         {
           title: t2("generate_command.site_widget_wizard.blocks.title"),
-          description: /* @__PURE__ */ import_react35.default.createElement(
+          description: /* @__PURE__ */ import_react34.default.createElement(
             Trans,
             {
               i18nKey: "generate_command.site_widget_wizard.blocks.description",
               components: [
-                /* @__PURE__ */ import_react35.default.createElement(Link, { url: "https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/blocks-site-widgets/add-a-blocks-site-widget-extension-in-the-cli" })
+                /* @__PURE__ */ import_react34.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" })
               ]
             }
           ),
@@ -5076,16 +5039,16 @@ var SelectSiteWidgetTypeStep = ({ onSubmit }) => {
   );
 };
 var useGenerateSiteWidget = () => {
-  const [siteWidgetType, setSiteWidgetType] = (0, import_react35.useState)();
+  const [siteWidgetType, setSiteWidgetType] = (0, import_react34.useState)();
   const generateCustomElementSteps = useGenerateCustomElement();
   const addBlocksSupportToProjectSteps = useAddBlocksSupportToProject({
     siteWidgetType
   });
   return [
-    /* @__PURE__ */ import_react35.default.createElement(SelectSiteWidgetTypeStep, { onSubmit: setSiteWidgetType }),
+    /* @__PURE__ */ import_react34.default.createElement(SelectSiteWidgetTypeStep, { onSubmit: setSiteWidgetType }),
     ...siteWidgetType === "customElement" ? generateCustomElementSteps : [],
     ...siteWidgetType === "blocks" ? addBlocksSupportToProjectSteps : [],
-    ...siteWidgetType === void 0 ? [/* @__PURE__ */ import_react35.default.createElement(import_react35.default.Fragment, null)] : []
+    ...siteWidgetType === void 0 ? [/* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null)] : []
   ];
 };
 
@@ -5103,7 +5066,7 @@ var GenerateCommand = ({
   const generateEmbeddedScriptSteps = useGenerateEmbeddedScript();
   const generateSidebarCategorySteps = useGenerateSidebarCategory();
   const generateSiteWidgetSteps = useGenerateSiteWidget();
-  const biCliFlowStepAnswered = (0, import_react36.useCallback)(
+  const biCliFlowStepAnswered = (0, import_react35.useCallback)(
     (selectedType) => {
       bi.cliFlowStepAnswered({
         question: t2("generate_command.flow.choose_flow"),
@@ -5113,7 +5076,7 @@ var GenerateCommand = ({
     },
     [bi, t2]
   );
-  const [generateFlow, setGenerateFlow] = (0, import_react36.useState)(() => {
+  const [generateFlow, setGenerateFlow] = (0, import_react35.useState)(() => {
     if (docsExtensionType) {
       const selectedType = getGenerateFlowByDocsExtensionType(
         docsExtensionType,
@@ -5125,7 +5088,7 @@ var GenerateCommand = ({
     return;
   });
   const generateFlows = useGenerateFlows();
-  const selectFlow = (0, import_react36.useCallback)(
+  const selectFlow = (0, import_react35.useCallback)(
     (selectedType) => {
       biCliFlowStepAnswered(selectedType);
       setGenerateFlow(selectedType);
@@ -5135,7 +5098,7 @@ var GenerateCommand = ({
   const onExitWizard = () => {
     setGenerateFlow(void 0);
   };
-  return /* @__PURE__ */ import_react36.default.createElement(Box_default, { flexDirection: "column", paddingTop: 1 }, /* @__PURE__ */ import_react36.default.createElement(
+  return /* @__PURE__ */ import_react35.default.createElement(Box_default, { flexDirection: "column", paddingTop: 1 }, /* @__PURE__ */ import_react35.default.createElement(
     SelectGroupsInput,
     {
       value: generateFlow ? InputState.Submitted(generateFlow) : InputState.NotSubmitted(generateFlow),
@@ -5147,7 +5110,7 @@ var GenerateCommand = ({
   ), generateFlow && (0, import_variant14.match)(
     generateFlow.value,
     (0, import_variant14.partial)({
-      DashboardPage: () => /* @__PURE__ */ import_react36.default.createElement(
+      DashboardPage: () => /* @__PURE__ */ import_react35.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
@@ -5155,7 +5118,7 @@ var GenerateCommand = ({
           steps: dashboardPageSteps
         }
       ),
-      DashboardModal: () => /* @__PURE__ */ import_react36.default.createElement(
+      DashboardModal: () => /* @__PURE__ */ import_react35.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
@@ -5163,7 +5126,7 @@ var GenerateCommand = ({
           steps: dashboardModalSteps
         }
       ),
-      Api: () => /* @__PURE__ */ import_react36.default.createElement(
+      Api: () => /* @__PURE__ */ import_react35.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
@@ -5171,7 +5134,7 @@ var GenerateCommand = ({
           steps: apiSteps
         }
       ),
-      DashboardSidebarCategory: () => /* @__PURE__ */ import_react36.default.createElement(
+      DashboardSidebarCategory: () => /* @__PURE__ */ import_react35.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
@@ -5179,7 +5142,7 @@ var GenerateCommand = ({
           steps: generateSidebarCategorySteps
         }
       ),
-      EmbeddedScript: () => /* @__PURE__ */ import_react36.default.createElement(
+      EmbeddedScript: () => /* @__PURE__ */ import_react35.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
@@ -5187,7 +5150,7 @@ var GenerateCommand = ({
           steps: generateEmbeddedScriptSteps
         }
       ),
-      CustomElement: () => /* @__PURE__ */ import_react36.default.createElement(
+      CustomElement: () => /* @__PURE__ */ import_react35.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
@@ -5195,7 +5158,7 @@ var GenerateCommand = ({
           steps: generateSiteWidgetSteps
         }
       ),
-      ServicePlugin: () => /* @__PURE__ */ import_react36.default.createElement(
+      ServicePlugin: () => /* @__PURE__ */ import_react35.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
@@ -5203,7 +5166,7 @@ var GenerateCommand = ({
           steps: generateServicePluginSteps
         }
       ),
-      Event: () => /* @__PURE__ */ import_react36.default.createElement(
+      Event: () => /* @__PURE__ */ import_react35.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
@@ -5211,9 +5174,9 @@ var GenerateCommand = ({
           steps: generateEventsSteps
         }
       ),
-      SitePlugin: () => /* @__PURE__ */ import_react36.default.createElement(GenerateSitePlugin, null),
-      DashboardPlugin: () => /* @__PURE__ */ import_react36.default.createElement(DashboardPlugin, { flow: generateFlow.value }),
-      DashboardMenuPlugin: () => /* @__PURE__ */ import_react36.default.createElement(DashboardPlugin, { flow: generateFlow.value }),
+      SitePlugin: () => /* @__PURE__ */ import_react35.default.createElement(GenerateSitePlugin, null),
+      DashboardPlugin: () => /* @__PURE__ */ import_react35.default.createElement(DashboardPlugin, { flow: generateFlow.value }),
+      DashboardMenuPlugin: () => /* @__PURE__ */ import_react35.default.createElement(DashboardPlugin, { flow: generateFlow.value }),
       default: () => null
     })
   ));
@@ -5221,4 +5184,4 @@ var GenerateCommand = ({
 export {
   GenerateCommand
 };
-//# sourceMappingURL=GenerateCommand-7DARNLA7.js.map
+//# sourceMappingURL=GenerateCommand-F6WNIVZH.js.map