@wix/cli 1.1.180 → 1.1.181

package/build/{GenerateCommand-7GNP63UH.js → GenerateCommand-HBDOFKE3.js}

@@ -3,7 +3,7 @@ const require = _createRequire(import.meta.url);
 import {
   getGenerateFlowByDocsExtensionType,
   useGenerateFlows
-} from "./chunk-L5MY6I2S.js";
+} from "./chunk-S526I3JY.js";
 import {
   require_esprima
 } from "./chunk-SR7TTQEG.js";
@@ -408,8 +408,8 @@ function encode_char(c) {
       }
     };
     exports.hyphenToCamel = function(str) {
-      return str.replace(/-[a-z]/g, function(match12) {
-        return match12[1].toUpperCase();
+      return str.replace(/-[a-z]/g, function(match11) {
+        return match11[1].toUpperCase();
       });
     };
     exports.createNullProtoObjWherePossible = function() {
@@ -547,8 +547,8 @@ var require_ejs = __commonJS({
       var includePath;
       var filePath;
       var views = options.views;
-      var match12 = /^[A-Za-z]+:\\|^\//.exec(path15);
-      if (match12 && match12.length) {
+      var match11 = /^[A-Za-z]+:\\|^\//.exec(path15);
+      if (match11 && match11.length) {
         path15 = path15.replace(/^\/*/, "");
         if (Array.isArray(options.root)) {
           includePath = resolvePaths(path15, options.root);
@@ -1746,31 +1746,31 @@ var require_timestamp = __commonJS({
       return false;
     }
     function constructYamlTimestamp(data) {
-      var match12, year, month, day, hour, minute, second, fraction = 0, delta = null, tz_hour, tz_minute, date;
-      match12 = YAML_DATE_REGEXP.exec(data);
-      if (match12 === null) match12 = YAML_TIMESTAMP_REGEXP.exec(data);
-      if (match12 === null) throw new Error("Date resolve error");
-      year = +match12[1];
-      month = +match12[2] - 1;
-      day = +match12[3];
-      if (!match12[4]) {
+      var match11, year, month, day, hour, minute, second, fraction = 0, delta = null, tz_hour, tz_minute, date;
+      match11 = YAML_DATE_REGEXP.exec(data);
+      if (match11 === null) match11 = YAML_TIMESTAMP_REGEXP.exec(data);
+      if (match11 === null) throw new Error("Date resolve error");
+      year = +match11[1];
+      month = +match11[2] - 1;
+      day = +match11[3];
+      if (!match11[4]) {
         return new Date(Date.UTC(year, month, day));
       }
-      hour = +match12[4];
-      minute = +match12[5];
-      second = +match12[6];
-      if (match12[7]) {
-        fraction = match12[7].slice(0, 3);
+      hour = +match11[4];
+      minute = +match11[5];
+      second = +match11[6];
+      if (match11[7]) {
+        fraction = match11[7].slice(0, 3);
         while (fraction.length < 3) {
           fraction += "0";
         }
         fraction = +fraction;
       }
-      if (match12[9]) {
-        tz_hour = +match12[10];
-        tz_minute = +(match12[11] || 0);
+      if (match11[9]) {
+        tz_hour = +match11[10];
+        tz_minute = +(match11[11] || 0);
         delta = (tz_hour * 60 + tz_minute) * 6e4;
-        if (match12[9] === "-") delta = -delta;
+        if (match11[9] === "-") delta = -delta;
       }
       date = new Date(Date.UTC(year, month, day, hour, minute, second, fraction));
       if (delta) date.setTime(date.getTime() - delta);
@@ -2295,19 +2295,19 @@ var require_loader = __commonJS({
     }
     var directiveHandlers = {
       YAML: function handleYamlDirective(state, name, args) {
-        var match12, major, minor;
+        var match11, major, minor;
         if (state.version !== null) {
           throwError(state, "duplication of %YAML directive");
         }
         if (args.length !== 1) {
           throwError(state, "YAML directive accepts exactly one argument");
         }
-        match12 = /^([0-9]+)\.([0-9]+)$/.exec(args[0]);
-        if (match12 === null) {
+        match11 = /^([0-9]+)\.([0-9]+)$/.exec(args[0]);
+        if (match11 === null) {
           throwError(state, "ill-formed argument of the YAML directive");
         }
-        major = parseInt(match12[1], 10);
-        minor = parseInt(match12[2], 10);
+        major = parseInt(match11[1], 10);
+        minor = parseInt(match11[2], 10);
         if (major !== 1) {
           throwError(state, "unacceptable YAML version of the document");
         }
@@ -3554,9 +3554,9 @@ var require_dumper = __commonJS({
       }();
       var prevMoreIndented = string[0] === "\n" || string[0] === " ";
       var moreIndented;
-      var match12;
-      while (match12 = lineRe.exec(string)) {
-        var prefix = match12[1], line = match12[2];
+      var match11;
+      while (match11 = lineRe.exec(string)) {
+        var prefix = match11[1], line = match11[2];
         moreIndented = line[0] === " ";
         result += prefix + (!prevMoreIndented && !moreIndented && line !== "" ? "\n" : "") + foldLine(line, width);
         prevMoreIndented = moreIndented;
@@ -3566,11 +3566,11 @@ var require_dumper = __commonJS({
     function foldLine(line, width) {
       if (line === "" || line[0] === " ") return line;
       var breakRe = / [^ ]/g;
-      var match12;
+      var match11;
       var start = 0, end, curr = 0, next = 0;
       var result = "";
-      while (match12 = breakRe.exec(line)) {
-        next = match12.index;
+      while (match11 = breakRe.exec(line)) {
+        next = match11.index;
         if (next - start > width) {
           end = curr > start ? curr : next;
           result += "\n" + line.slice(start, end);
@@ -3907,10 +3907,10 @@ var require_front_matter = __commonJS({
         };
       }
     }
-    function computeLocation(match12, body) {
+    function computeLocation(match11, body) {
       var line = 1;
       var pos = body.indexOf("\n");
-      var offset = match12.index + match12[0].length;
+      var offset = match11.index + match11[0].length;
       while (pos !== -1) {
         if (pos >= offset) {
           return line;
@@ -3921,8 +3921,8 @@ var require_front_matter = __commonJS({
       return line;
     }
     function parse(string, allowUnsafe) {
-      var match12 = regex.exec(string);
-      if (!match12) {
+      var match11 = regex.exec(string);
+      if (!match11) {
         return {
           attributes: {},
           body: string,
@@ -3930,10 +3930,10 @@ var require_front_matter = __commonJS({
         };
       }
       var loader = allowUnsafe ? parser.load : parser.safeLoad;
-      var yaml = match12[match12.length - 1].replace(/^\s+|\s+$/g, "");
+      var yaml = match11[match11.length - 1].replace(/^\s+|\s+$/g, "");
       var attributes = loader(yaml) || {};
-      var body = string.replace(match12[0], "");
-      var line = computeLocation(match12, string);
+      var body = string.replace(match11[0], "");
+      var line = computeLocation(match11, string);
       return {
         attributes,
         body,
@@ -9464,8 +9464,8 @@ var require_lib2 = __commonJS({
         default:
           if (ch >= 48 && ch <= 55) {
             const startPos = pos - 1;
-            const match12 = /^[0-7]+/.exec(input.slice(startPos, pos + 2));
-            let octalStr = match12[0];
+            const match11 = /^[0-7]+/.exec(input.slice(startPos, pos + 2));
+            let octalStr = match11[0];
             let octal = parseInt(octalStr, 8);
             if (octal > 255) {
               octalStr = octalStr.slice(0, -1);
@@ -57978,7 +57978,7 @@ var require_core4 = __commonJS({
       }
       return fromAST(recast.parse(source, options));
     }
-    function match12(path14, filter) {
+    function match11(path14, filter) {
       if (!(path14 instanceof NodePath)) {
         if (typeof path14.get === "function") {
           path14 = path14.get();
@@ -58014,7 +58014,7 @@ var require_core4 = __commonJS({
       Object.assign(core2, recast.types.builders);
       core2.registerMethods = Collection.registerMethods;
       core2.types = recast.types;
-      core2.match = match12;
+      core2.match = match11;
       core2.template = template(parser);
       core2.filters = {};
       core2.mappings = {};
@@ -59786,8 +59786,8 @@ var require_stringToPath = __commonJS({
       if (string.charCodeAt(0) === 46) {
         result.push("");
       }
-      string.replace(rePropName, function(match12, number, quote, subString) {
-        result.push(quote ? subString.replace(reEscapeChar, "$1") : number || match12);
+      string.replace(rePropName, function(match11, number, quote, subString) {
+        result.push(quote ? subString.replace(reEscapeChar, "$1") : number || match11);
       });
       return result;
     });
@@ -60229,8 +60229,8 @@ init_esm_shims();
 
 // ../cli-astro-commands/src/components/GenerateCommand/GenerateCommand.tsx
 init_esm_shims();
-var import_react37 = __toESM(require_react(), 1);
-var import_variant11 = __toESM(require_lib(), 1);
+var import_react36 = __toESM(require_react(), 1);
+var import_variant10 = __toESM(require_lib(), 1);
 
 // ../cli-astro-commands/src/components/GenerateCommand/dashboard-page/DashboardPage.tsx
 init_esm_shims();
@@ -60333,7 +60333,7 @@ function getFiles(cwd) {
 // ../gena/src/generator.ts
 var fm = import_front_matter.default;
 function shouldSkipParsing(file) {
-  return [".png", ".jpg", ".gif", ".astro", ".zip"].includes(
+  return [".png", ".jpg", ".gif", ".astro", ".zip", ".css"].includes(
     extname(file).toLowerCase()
   );
 }
@@ -61801,457 +61801,20 @@ var useGenerateEmbeddedScript = () => {
   ];
 };
 
-// ../cli-astro-commands/src/components/GenerateCommand/custom-element/CustomElement.tsx
+// ../cli-astro-commands/src/components/GenerateCommand/data-collections/DataCollection.tsx
 init_esm_shims();
 var import_react18 = __toESM(require_react(), 1);
 
-// ../cli-astro-commands/src/components/GenerateCommand/custom-element/generate.ts
+// ../cli-astro-commands/src/components/GenerateCommand/data-collections/generate.ts
 init_esm_shims();
-var import_camelCase5 = __toESM(require_camelCase(), 1);
+var import_camelCase6 = __toESM(require_camelCase(), 1);
 import path7 from "node:path";
 import { randomUUID as randomUUID5 } from "node:crypto";
-var CUSTOM_ELEMENT_TEMPLATE = path7.resolve(
-  __dirname,
-  "../templates/astro/custom-element"
-);
-async function generateCustomElement(projectFolder, route, name, dashboardPageId) {
-  const cwd = getSiteWidgetExtensionPath(projectFolder, route);
-  const {
-    relativePathToCodeFile,
-    relativePathToConfigFile,
-    relativePathToExtensionDir
-  } = getExtensionRelativePaths({
-    cwd,
-    projectFolder,
-    extensionFileName: route,
-    codeFileType: "tsx"
-  });
-  const relativePathToSettingsFile = `./${toPosix(
-    path7.join(relativePathToExtensionDir, `${route}.panel.tsx`)
-  )}`;
-  const config = {
-    id: randomUUID5(),
-    name,
-    dashboardPageId,
-    presetId: randomUUID5(),
-    element: relativePathToCodeFile,
-    settings: relativePathToSettingsFile
-  };
-  await modifyExtensionsEntry(
-    projectFolder,
-    (0, import_camelCase5.default)(route),
-    relativePathToConfigFile
-  );
-  return await componentGenerator({
-    template: CUSTOM_ELEMENT_TEMPLATE,
-    assetsOutputPath: "public",
-    assetsPrefix: route,
-    projectFolder,
-    cwd,
-    data: {
-      route,
-      config
-    }
-  });
-}
-
-// ../cli-astro-commands/src/components/GenerateCommand/custom-element/steps.tsx
-init_esm_shims();
-var import_react17 = __toESM(require_react(), 1);
-var import_kebabCase4 = __toESM(require_kebabCase(), 1);
-var ChooseElementNameStep = ({ onSubmit, elementName }) => {
-  const bi = useWixCliAstroBi();
-  const { isActive, goToNextStep } = useWizardStep();
-  const validateName = useCustomElementNameValidation();
-  return /* @__PURE__ */ import_react17.default.createElement(
-    TextInput,
-    {
-      isActive,
-      label: "Element name:",
-      placeholder: elementName ?? "My Element",
-      onSubmit: (value) => {
-        bi.cliFlowStepAnswered({
-          question: "Element name:",
-          questionKey: "generate_command.custom_element.choose_name",
-          answer: value,
-          additionalInfo: { extensionType: "custom element" }
-        });
-        onSubmit(value);
-        goToNextStep();
-      },
-      validate: validateName
-    }
-  );
-};
-var ChooseElementFolderStep = ({ onSubmit, elementFolder, elementName }) => {
-  const { model } = useProjectModel();
-  const bi = useWixCliAstroBi();
-  const { isActive, goToNextStep } = useWizardStep();
-  const defaultElementFolder = (0, import_kebabCase4.default)(elementName);
-  const validateElementFolder = useValidation(
-    createCustomElementFolderValidation(
-      getSiteWidgetExtensionsDir(model.projectFolder)
-    )
-  );
-  return /* @__PURE__ */ import_react17.default.createElement(
-    TextInput,
-    {
-      isActive,
-      label: "Enter the folder for the new element:",
-      placeholder: elementFolder ?? defaultElementFolder,
-      onSubmit: (value) => {
-        bi.cliFlowStepAnswered({
-          question: "Enter the folder for the new element:",
-          questionKey: "generate_command.custom_element.choose_folder",
-          answer: value,
-          additionalInfo: { extensionType: "custom element" }
-        });
-        onSubmit(value);
-        goToNextStep();
-      },
-      validate: validateElementFolder
-    }
-  );
-};
-var LinkDashboardPageStep = ({ onSubmit }) => {
-  const bi = useWixCliAstroBi();
-  const { isActive, goToNextStep } = useWizardStep();
-  return /* @__PURE__ */ import_react17.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react17.default.createElement(
-    ConfirmInput,
-    {
-      isActive,
-      label: "Link dashboard page to custom element?",
-      onSubmit: (shouldLinkDashboardPage) => {
-        bi.cliFlowStepAnswered({
-          question: "Link dashboard page to custom element?",
-          questionKey: "generate_command.custom_element.link_dashboard_page",
-          answer: String(shouldLinkDashboardPage),
-          additionalInfo: { extensionType: "custom element" }
-        });
-        onSubmit(shouldLinkDashboardPage);
-        goToNextStep();
-      }
-    }
-  ));
-};
-var ChooseDashboardPageStep = ({ onSubmit }) => {
-  const bi = useWixCliAstroBi();
-  const { isActive, goToNextStep } = useWizardStep();
-  const validatePageId = useValidation(
-    composeValidations([
-      [uuidValidation, "Page id has to be in the format of a uuid"]
-    ])
-  );
-  return /* @__PURE__ */ import_react17.default.createElement(
-    TextInput,
-    {
-      isActive,
-      label: "Dashboard page id:",
-      onSubmit: (value) => {
-        bi.cliFlowStepAnswered({
-          question: "Dashboard page id:",
-          questionKey: "generate_command.custom_element.choose_dashboard_page_id",
-          answer: value,
-          additionalInfo: { extensionType: "custom element" }
-        });
-        onSubmit(value);
-        goToNextStep();
-      },
-      validate: validatePageId
-    }
-  );
-};
-
-// ../cli-astro-commands/src/components/GenerateCommand/custom-element/CustomElement.tsx
-var useGenerateCustomElement = () => {
-  const { model } = useProjectModel();
-  const [elementName, setElementName] = (0, import_react18.useState)();
-  const [elementFolder, setElementFolder] = (0, import_react18.useState)();
-  const [linkDashboardPage, setLinkDashboardPage] = (0, import_react18.useState)();
-  const [dashboardPageId, setDashboardPageId] = (0, import_react18.useState)();
-  const shouldGenerate = linkDashboardPage === false ? true : dashboardPageId;
-  const generationTask = useGenerationTask(async () => {
-    if (elementName && elementFolder && shouldGenerate) {
-      return generateCustomElement(
-        model.projectFolder,
-        elementFolder,
-        elementName,
-        dashboardPageId
-      );
-    }
-  }, [elementFolder, elementName, shouldGenerate]);
-  return [
-    /* @__PURE__ */ import_react18.default.createElement(
-      ChooseElementNameStep,
-      {
-        onSubmit: setElementName,
-        elementName
-      }
-    ),
-    /* @__PURE__ */ import_react18.default.createElement(
-      ChooseElementFolderStep,
-      {
-        onSubmit: setElementFolder,
-        elementFolder,
-        elementName
-      }
-    ),
-    /* @__PURE__ */ import_react18.default.createElement(LinkDashboardPageStep, { onSubmit: setLinkDashboardPage }),
-    ...linkDashboardPage ? [/* @__PURE__ */ import_react18.default.createElement(ChooseDashboardPageStep, { onSubmit: setDashboardPageId })] : [],
-    /* @__PURE__ */ import_react18.default.createElement(
-      CompleteGeneration,
-      {
-        generationTask,
-        extensionType: "custom element",
-        successMessage: CompleteGenerationMessage.SuccessMessage({
-          // https://dev.wix.com/docs/wix-cli/guides/extensions/site-extensions/site-widgets/add-a-site-widget-extension
-          learnMoreUrl: "https://wix.to/6aKN8aH"
-        })
-      }
-    )
-  ];
-};
-
-// ../cli-astro-commands/src/components/GenerateCommand/site-widget/SiteWidget.tsx
-init_esm_shims();
-var import_react21 = __toESM(require_react(), 1);
-var import_variant4 = __toESM(require_lib(), 1);
-
-// ../cli-astro-commands/src/components/GenerateCommand/react-component/ReactComponent.tsx
-init_esm_shims();
-var import_react20 = __toESM(require_react(), 1);
-
-// ../cli-astro-commands/src/components/GenerateCommand/react-component/generate.ts
-init_esm_shims();
-var import_camelCase6 = __toESM(require_camelCase(), 1);
-var import_capitalize = __toESM(require_capitalize(), 1);
-import path8 from "node:path";
-import { randomUUID as randomUUID6 } from "node:crypto";
-var REACT_COMPONENT_TEMPLATE = path8.resolve(
-  __dirname,
-  "../templates/astro/react-component"
-);
-async function generateReactComponent(projectFolder, route, name, codeIdentifier) {
-  const cwd = getSiteWidgetExtensionPath(projectFolder, route);
-  const { relativePathToCodeFile, relativePathToConfigFile } = getExtensionRelativePaths({
-    cwd,
-    projectFolder,
-    extensionFileName: route,
-    codeFileType: "tsx"
-  });
-  const componentType = (0, import_capitalize.default)((0, import_camelCase6.default)(route));
-  const config = {
-    id: randomUUID6(),
-    name,
-    type: codeIdentifier ? `${codeIdentifier}.${componentType}` : componentType,
-    selector: `.${route}`,
-    codeIdentifier,
-    component: relativePathToCodeFile
-  };
-  await modifyExtensionsEntry(
-    projectFolder,
-    (0, import_camelCase6.default)(route),
-    relativePathToConfigFile
-  );
-  return await componentGenerator({
-    template: REACT_COMPONENT_TEMPLATE,
-    projectFolder,
-    cwd,
-    data: {
-      route,
-      config
-    }
-  });
-}
-
-// ../cli-astro-commands/src/components/GenerateCommand/react-component/steps.tsx
-init_esm_shims();
-var import_react19 = __toESM(require_react(), 1);
-var import_kebabCase5 = __toESM(require_kebabCase(), 1);
-var ChooseComponentNameStep = ({ onSubmit, componentName }) => {
-  const bi = useWixCliAstroBi();
-  const { isActive, goToNextStep } = useWizardStep();
-  const validateName = useReactComponentNameValidation();
-  return /* @__PURE__ */ import_react19.default.createElement(
-    TextInput,
-    {
-      isActive,
-      label: "Enter a name for your component:",
-      placeholder: componentName ?? "My Component",
-      onSubmit: (value) => {
-        bi.cliFlowStepAnswered({
-          question: "Enter a name for your component:",
-          questionKey: "generate_command.react_component.choose_name",
-          answer: value,
-          additionalInfo: { extensionType: "editor react component" }
-        });
-        onSubmit(value);
-        goToNextStep();
-      },
-      validate: validateName
-    }
-  );
-};
-var ChooseComponentFolderStep = ({ onSubmit, componentFolder, componentName }) => {
-  const { model } = useProjectModel();
-  const bi = useWixCliAstroBi();
-  const { isActive, goToNextStep } = useWizardStep();
-  const defaultComponentFolder = (0, import_kebabCase5.default)(componentName);
-  const validateComponentFolder = useReactComponentFolderValidation(
-    getSiteWidgetExtensionsDir(model.projectFolder)
-  );
-  return /* @__PURE__ */ import_react19.default.createElement(
-    TextInput,
-    {
-      isActive,
-      label: "Enter the folder for the new component:",
-      placeholder: componentFolder ?? defaultComponentFolder,
-      onSubmit: (value) => {
-        bi.cliFlowStepAnswered({
-          question: "Enter the folder for the new component:",
-          questionKey: "generate_command.react_component.choose_folder",
-          answer: value,
-          additionalInfo: { extensionType: "editor react component" }
-        });
-        onSubmit(value);
-        goToNextStep();
-      },
-      validate: validateComponentFolder
-    }
-  );
-};
-
-// ../cli-astro-commands/src/components/GenerateCommand/react-component/ReactComponent.tsx
-var useGenerateReactComponent = () => {
-  const {
-    model: { projectFolder }
-  } = useProjectModel();
-  const { codeIdentifier } = useAppConfig();
-  const [componentName, setComponentName] = (0, import_react20.useState)();
-  const [componentFolder, setComponentFolder] = (0, import_react20.useState)();
-  const generationTask = useGenerationTask(async () => {
-    if (componentName && componentFolder) {
-      return generateReactComponent(
-        projectFolder,
-        componentFolder,
-        componentName,
-        codeIdentifier
-      );
-    }
-  }, [componentFolder, componentName]);
-  return [
-    /* @__PURE__ */ import_react20.default.createElement(
-      ChooseComponentNameStep,
-      {
-        onSubmit: setComponentName,
-        componentName
-      }
-    ),
-    /* @__PURE__ */ import_react20.default.createElement(
-      ChooseComponentFolderStep,
-      {
-        onSubmit: setComponentFolder,
-        componentFolder,
-        componentName
-      }
-    ),
-    /* @__PURE__ */ import_react20.default.createElement(
-      CompleteGeneration,
-      {
-        generationTask,
-        extensionType: "editor react component",
-        successMessage: CompleteGenerationMessage.SuccessMessage({
-          // https://dev.wix.com/docs/go-headless
-          learnMoreUrl: "https://dev.wix.com/docs/go-headless"
-        })
-      }
-    )
-  ];
-};
-
-// ../cli-astro-commands/src/components/GenerateCommand/site-widget/SiteWidget.tsx
-var SiteWidgetFrameworks = (0, import_variant4.variant)({
-  CustomElement: {},
-  ReactComponent: {}
-});
-var FrameworkSelector = ({ onSubmit, framework, frameworks }) => {
-  const bi = useWixCliAstroBi();
-  const { goToNextStep, isActive } = useWizardStep();
-  const selectFramework = (0, import_react21.useCallback)(
-    (selectedFramework) => {
-      bi.cliFlowStepAnswered({
-        question: "Which framework do you want to use?",
-        questionKey: "generate_command.site_widget.choose_framework",
-        answer: selectedFramework.title
-      });
-      onSubmit(selectedFramework);
-      goToNextStep();
-    },
-    [bi, onSubmit, goToNextStep]
-  );
-  return /* @__PURE__ */ import_react21.default.createElement(
-    SelectInput,
-    {
-      value: !isActive ? InputState.Submitted(framework) : InputState.NotSubmitted(framework),
-      label: "Which framework do you want to use?",
-      options: frameworks,
-      onSubmit: selectFramework
-    }
-  );
-};
-var useGenerateSiteWidget = () => {
-  const generateCustomElementSteps = useGenerateCustomElement();
-  const generateReactComponentSteps = useGenerateReactComponent();
-  const frameworks = (0, import_react21.useMemo)(
-    () => [
-      {
-        title: "Editor React Component",
-        key: "react-component",
-        value: SiteWidgetFrameworks.ReactComponent(),
-        description: "a new way to add React components to the Wix editors and site (read more)"
-      },
-      {
-        title: "Custom Element",
-        key: "custom-element",
-        value: SiteWidgetFrameworks.CustomElement()
-      }
-    ],
-    []
-  );
-  const [framework, setFramework] = (0, import_react21.useState)(
-    frameworks[0]
-  );
-  return [
-    /* @__PURE__ */ import_react21.default.createElement(
-      FrameworkSelector,
-      {
-        frameworks,
-        framework,
-        onSubmit: setFramework
-      }
-    ),
-    ...(0, import_variant4.match)(framework.value, {
-      ReactComponent: () => generateReactComponentSteps,
-      CustomElement: () => generateCustomElementSteps,
-      default: () => []
-    })
-  ];
-};
-
-// ../cli-astro-commands/src/components/GenerateCommand/data-collections/DataCollection.tsx
-init_esm_shims();
-var import_react23 = __toESM(require_react(), 1);
-
-// ../cli-astro-commands/src/components/GenerateCommand/data-collections/generate.ts
-init_esm_shims();
-var import_camelCase8 = __toESM(require_camelCase(), 1);
-import path9 from "node:path";
-import { randomUUID as randomUUID7 } from "node:crypto";
 
 // ../cli-astro-commands/src/components/GenerateCommand/data-collections/modify-data-collections-extension.ts
 init_esm_shims();
 import { readFile as readFile3 } from "node:fs/promises";
-var import_camelCase7 = __toESM(require_camelCase(), 1);
+var import_camelCase5 = __toESM(require_camelCase(), 1);
 var import_jscodeshift2 = __toESM(require_jscodeshift(), 1);
 async function modifyDataCollectionsExtension(filePath, collectionName) {
   if (!await pathExists(filePath)) {
@@ -62337,7 +61900,7 @@ function ensureCollectionReference(root, j, collectionImportName) {
   );
 }
 function getCollectionImportName(collectionName) {
-  const importName = (0, import_camelCase7.default)(`${collectionName}-collection`);
+  const importName = (0, import_camelCase5.default)(`${collectionName}-collection`);
   return /^[A-Za-z_$]/.test(importName) ? importName : `collection${importName[0]?.toUpperCase() ?? ""}${importName.slice(1)}`;
 }
 function getUniqueLocalName(root, j, localName) {
@@ -62354,7 +61917,7 @@ function getUniqueLocalName(root, j, localName) {
 
 // ../cli-astro-commands/src/components/GenerateCommand/data-collections/generate.ts
 var EXTENSION_NAME = "data-collections";
-var COLLECTION_TEMPLATE = path9.resolve(
+var COLLECTION_TEMPLATE = path7.resolve(
   __dirname,
   "../templates/astro/data-collections"
 );
@@ -62366,10 +61929,10 @@ async function generateDataCollection(projectFolder, collectionName) {
     extensionFileName: EXTENSION_NAME,
     codeFileType: "ts"
   });
-  const extensionFilePath = path9.join(cwd, `${EXTENSION_NAME}.extension.ts`);
+  const extensionFilePath = path7.join(cwd, `${EXTENSION_NAME}.extension.ts`);
   await modifyExtensionsEntry(
     projectFolder,
-    (0, import_camelCase8.default)(EXTENSION_NAME),
+    (0, import_camelCase6.default)(EXTENSION_NAME),
     relativePathToConfigFile
   );
   const extensionExists = await pathExists(extensionFilePath);
@@ -62381,7 +61944,7 @@ async function generateDataCollection(projectFolder, collectionName) {
       extensionFileExists: extensionExists,
       collectionName,
       config: {
-        id: randomUUID7()
+        id: randomUUID5()
       }
     }
   });
@@ -62391,7 +61954,7 @@ async function generateDataCollection(projectFolder, collectionName) {
 
 // ../cli-astro-commands/src/components/GenerateCommand/data-collections/steps.tsx
 init_esm_shims();
-var import_react22 = __toESM(require_react(), 1);
+var import_react17 = __toESM(require_react(), 1);
 var ChooseCollectionStep = ({ onSubmit, collectionName }) => {
   const { model } = useProjectModel();
   const bi = useWixCliAstroBi();
@@ -62400,7 +61963,7 @@ var ChooseCollectionStep = ({ onSubmit, collectionName }) => {
     model.projectFolder
   );
   const validateCollectionName = useDataCollectionNameValidation(collectionsDir);
-  return /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement(
     TextInput,
     {
       isActive,
@@ -62423,21 +61986,21 @@ var ChooseCollectionStep = ({ onSubmit, collectionName }) => {
 // ../cli-astro-commands/src/components/GenerateCommand/data-collections/DataCollection.tsx
 var useGenerateDataCollection = () => {
   const { model } = useProjectModel();
-  const [collectionName, setCollectionName] = (0, import_react23.useState)();
+  const [collectionName, setCollectionName] = (0, import_react18.useState)();
   const generationTask = useGenerationTask(async () => {
     if (collectionName) {
       return generateDataCollection(model.projectFolder, collectionName);
     }
   }, [model.projectFolder, collectionName]);
   return [
-    /* @__PURE__ */ import_react23.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement(
       ChooseCollectionStep,
       {
         onSubmit: setCollectionName,
         collectionName
       }
     ),
-    /* @__PURE__ */ import_react23.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement(
       CompleteGeneration,
       {
         generationTask,
@@ -62453,8 +62016,8 @@ var useGenerateDataCollection = () => {
 
 // ../cli-astro-commands/src/components/GenerateCommand/plugins/DashboardPlugin.tsx
 init_esm_shims();
-var import_react32 = __toESM(require_react(), 1);
-var import_variant8 = __toESM(require_lib(), 1);
+var import_react27 = __toESM(require_react(), 1);
+var import_variant7 = __toESM(require_lib(), 1);
 
 // ../extensions-data-client/src/index.ts
 init_esm_shims();
@@ -62493,7 +62056,7 @@ var getEcomRequiredApps = async () => {
 
 // ../extensions-data-client/src/useExtensionDataClient.tsx
 init_esm_shims();
-var import_react24 = __toESM(require_react(), 1);
+var import_react19 = __toESM(require_react(), 1);
 
 // ../extensions-data-client/src/extension-data-client.ts
 init_esm_shims();
@@ -66339,7 +65902,7 @@ var ExtensionDataClient = class {
 // ../extensions-data-client/src/useExtensionDataClient.tsx
 function useExtensionDataClient() {
   const httpClient = useHttpClient({ type: "backoffice" });
-  const client = (0, import_react24.useMemo)(
+  const client = (0, import_react19.useMemo)(
     () => new ExtensionDataClient(httpClient),
     [httpClient]
   );
@@ -66348,16 +65911,16 @@ function useExtensionDataClient() {
 
 // ../cli-astro-commands/src/components/GenerateCommand/plugins/dashboard-plugin/DashboardPluginWizard.tsx
 init_esm_shims();
-var import_react27 = __toESM(require_react(), 1);
-var import_variant6 = __toESM(require_lib(), 1);
-var import_kebabCase6 = __toESM(require_kebabCase(), 1);
+var import_react22 = __toESM(require_react(), 1);
+var import_variant5 = __toESM(require_lib(), 1);
+var import_kebabCase4 = __toESM(require_kebabCase(), 1);
 
 // ../cli-astro-commands/src/components/GenerateCommand/plugins/dashboard-plugin/generate.ts
 init_esm_shims();
-var import_camelCase9 = __toESM(require_camelCase(), 1);
-import path10 from "node:path";
-import { randomUUID as randomUUID8 } from "node:crypto";
-var DASHBOARD_PLUGIN_TEMPLATE = path10.resolve(
+var import_camelCase7 = __toESM(require_camelCase(), 1);
+import path8 from "node:path";
+import { randomUUID as randomUUID6 } from "node:crypto";
+var DASHBOARD_PLUGIN_TEMPLATE = path8.resolve(
   __dirname,
   "../templates/astro/dashboard-plugin"
 );
@@ -66370,14 +65933,14 @@ async function generateDashboardPlugin(projectFolder, extended, route, title, im
     codeFileType: "tsx"
   });
   const config = {
-    id: randomUUID8(),
+    id: randomUUID6(),
     title,
     extends: extended,
     component: relativePathToCodeFile
   };
   await modifyExtensionsEntry(
     projectFolder,
-    (0, import_camelCase9.default)(route),
+    (0, import_camelCase7.default)(route),
     relativePathToConfigFile
   );
   return await componentGenerator({
@@ -66395,8 +65958,8 @@ async function generateDashboardPlugin(projectFolder, extended, route, title, im
 
 // ../cli-astro-commands/src/components/GenerateCommand/MultipleAppRequirement.tsx
 init_esm_shims();
-var import_react25 = __toESM(require_react(), 1);
-var import_variant5 = __toESM(require_lib(), 1);
+var import_react20 = __toESM(require_react(), 1);
+var import_variant4 = __toESM(require_lib(), 1);
 var MultipleAppRequirement = ({
   requiredApps,
   onSubmit
@@ -66404,23 +65967,23 @@ var MultipleAppRequirement = ({
   const { status } = useAsync(async () => {
     onSubmit([]);
   }, []);
-  return /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, (0, import_variant5.match)(status, {
+  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, (0, import_variant4.match)(status, {
     Loading: () => null,
     Error: () => null,
     Success: () => {
       if (requiredApps.length === 0) {
         return null;
       }
-      return /* @__PURE__ */ import_react25.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react25.default.createElement(Notification, null, /* @__PURE__ */ import_react25.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react25.default.createElement(Text, null, "Please verify that the following application is installed to enable use of the selected extension/plugin."), /* @__PURE__ */ import_react25.default.createElement(UnorderedList, { paddingLeft: 2 }, requiredApps.map((app) => /* @__PURE__ */ import_react25.default.createElement(UnorderedList.Item, { key: app.id }, /* @__PURE__ */ import_react25.default.createElement(Text, null, app.name)))))));
+      return /* @__PURE__ */ import_react20.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react20.default.createElement(Notification, null, /* @__PURE__ */ import_react20.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react20.default.createElement(Text, null, "Please verify that the following application is installed to enable use of the selected extension/plugin."), /* @__PURE__ */ import_react20.default.createElement(UnorderedList, { paddingLeft: 2 }, requiredApps.map((app) => /* @__PURE__ */ import_react20.default.createElement(UnorderedList.Item, { key: app.id }, /* @__PURE__ */ import_react20.default.createElement(Text, null, app.name)))))));
     }
   }));
 };
 
 // ../cli-astro-commands/src/components/GenerateCommand/plugins/dashboard-plugin/DashboardPluginGeneratedNote.tsx
 init_esm_shims();
-var import_react26 = __toESM(require_react(), 1);
+var import_react21 = __toESM(require_react(), 1);
 var DashboardPluginGeneratedNote = ({ generatedFiles }) => {
-  return /* @__PURE__ */ import_react26.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(
     GenerationSuccessMessage,
     {
       extensionType: "dashboard plugin",
@@ -66441,12 +66004,12 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
   const { addRequiredApp } = useDevCenterClient();
   const { reportError } = useErrorReporter();
   const { getSdkSlotData: getSdkSlotData2 } = useExtensionDataClient();
-  const [backofficeExtensionWidget, setBackofficeExtensionWidget] = (0, import_react27.useState)();
-  const [folder, setFolder] = (0, import_react27.useState)();
-  const [title, setTitle] = (0, import_react27.useState)();
-  const [requireAppsIds, setRequireAppsIds] = (0, import_react27.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react27.useState)(false);
-  const defaultFolderName = (0, import_kebabCase6.default)(title);
+  const [backofficeExtensionWidget, setBackofficeExtensionWidget] = (0, import_react22.useState)();
+  const [folder, setFolder] = (0, import_react22.useState)();
+  const [title, setTitle] = (0, import_react22.useState)();
+  const [requireAppsIds, setRequireAppsIds] = (0, import_react22.useState)();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react22.useState)(false);
+  const defaultFolderName = (0, import_kebabCase4.default)(title);
   const validatePluginFolder = useValidation(
     createDashboardPluginValidation(
       getDashboardPluginExtensionsDir(model.projectFolder)
@@ -66493,7 +66056,7 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
           if (backofficeExtensionWidget2) {
             extensionsByApps[backofficePage.component.componentId]?.items.push({
               title: backofficeExtensionWidget2.component.data.backOfficeExtensionContainer.slotData?.displayName ?? backofficeExtensionWidget2.component.name,
-              description: backofficeExtensionWidget2.component.externalId ? /* @__PURE__ */ import_react27.default.createElement(Text, null, /* @__PURE__ */ import_react27.default.createElement(
+              description: backofficeExtensionWidget2.component.externalId ? /* @__PURE__ */ import_react22.default.createElement(Text, null, /* @__PURE__ */ import_react22.default.createElement(
                 Link,
                 {
                   url: docsLink(
@@ -66518,18 +66081,18 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
     backofficeExtensionWidgets.sort((a, b) => a.title.localeCompare(b.title));
     return backofficeExtensionWidgets;
   }, []);
-  const task = (0, import_react27.useMemo)(
-    () => (0, import_variant6.match)(generationTask, {
+  const task = (0, import_react22.useMemo)(
+    () => (0, import_variant5.match)(generationTask, {
       Success: ({ hasUpdatedDependencies, newFiles }) => {
         if (!hasUpdatedDependencies) {
           setFinishedInstallation(true);
         }
-        return /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react27.default.createElement(
+        return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react22.default.createElement(
           InstallDependencies,
           {
             onFinish: () => setFinishedInstallation(true)
           }
-        ), finishedInstallation && backofficeExtensionWidget && /* @__PURE__ */ import_react27.default.createElement(
+        ), finishedInstallation && backofficeExtensionWidget && /* @__PURE__ */ import_react22.default.createElement(
           DashboardPluginGeneratedNote,
           {
             backofficeExtensionWidget,
@@ -66537,20 +66100,20 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
           }
         ));
       },
-      Loading: () => /* @__PURE__ */ import_react27.default.createElement(Spinner, { text: `Generating dashboard plugin...` }),
+      Loading: () => /* @__PURE__ */ import_react22.default.createElement(Spinner, { text: `Generating dashboard plugin...` }),
       Error: () => null,
       NotRequested: () => null
     }),
     [generationTask, finishedInstallation, backofficeExtensionWidget]
   );
-  return (0, import_variant6.match)(status, {
+  return (0, import_variant5.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react27.default.createElement(Spinner, { text: "Loading..." }),
-    Success: ({ result: backofficeExtensionWidgets }) => /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(
+    Loading: () => /* @__PURE__ */ import_react22.default.createElement(Spinner, { text: "Loading..." }),
+    Success: ({ result: backofficeExtensionWidgets }) => /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(
       SelectGroupsInput,
       {
         label: "What would you like to extend?",
-        info: /* @__PURE__ */ import_react27.default.createElement(Text, null, "Plugins let you extend Wix apps by embedding your UI inside dedicated slots within a dashboard page (", /* @__PURE__ */ import_react27.default.createElement(Link, { url: "https://wix.to/T9OFciS" }, "read more"), ")"),
+        info: /* @__PURE__ */ import_react22.default.createElement(Text, null, "Plugins let you extend Wix apps by embedding your UI inside dedicated slots within a dashboard page (", /* @__PURE__ */ import_react22.default.createElement(Link, { url: "https://wix.to/T9OFciS" }, "read more"), ")"),
         hideScroll: true,
         groups: backofficeExtensionWidgets,
         onSubmit: (option) => {
@@ -66563,7 +66126,7 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
           setBackofficeExtensionWidget(option.value);
         }
       }
-    ), backofficeExtensionWidget && /* @__PURE__ */ import_react27.default.createElement(
+    ), backofficeExtensionWidget && /* @__PURE__ */ import_react22.default.createElement(
       MultipleAppRequirement,
       {
         appId: model.config.appId,
@@ -66573,7 +66136,7 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
         })),
         onSubmit: setRequireAppsIds
       }
-    ), requireAppsIds && /* @__PURE__ */ import_react27.default.createElement(
+    ), requireAppsIds && /* @__PURE__ */ import_react22.default.createElement(
       TextInput,
       {
         label: "Plugin title",
@@ -66588,7 +66151,7 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
           setTitle(value);
         }
       }
-    ), title && /* @__PURE__ */ import_react27.default.createElement(
+    ), title && /* @__PURE__ */ import_react22.default.createElement(
       TextInput,
       {
         label: "Plugin folder",
@@ -66610,16 +66173,16 @@ var DashboardPluginWizard = ({ slotsApp, pluginsMap }) => {
 
 // ../cli-astro-commands/src/components/GenerateCommand/plugins/dashboad-menu-plugin/DashboardMenuPluginWizard.tsx
 init_esm_shims();
-var import_react31 = __toESM(require_react(), 1);
-var import_variant7 = __toESM(require_lib(), 1);
-var import_kebabCase7 = __toESM(require_kebabCase(), 1);
+var import_react26 = __toESM(require_react(), 1);
+var import_variant6 = __toESM(require_lib(), 1);
+var import_kebabCase5 = __toESM(require_kebabCase(), 1);
 
 // ../cli-astro-commands/src/components/GenerateCommand/plugins/dashboad-menu-plugin/generate.ts
 init_esm_shims();
-var import_camelCase10 = __toESM(require_camelCase(), 1);
-import path11 from "node:path";
-import { randomUUID as randomUUID9 } from "node:crypto";
-var DASHBOARD_MENU_PLUGIN_TEMPLATE = path11.resolve(
+var import_camelCase8 = __toESM(require_camelCase(), 1);
+import path9 from "node:path";
+import { randomUUID as randomUUID7 } from "node:crypto";
+var DASHBOARD_MENU_PLUGIN_TEMPLATE = path9.resolve(
   __dirname,
   "../templates/astro/dashboard-menu-plugin"
 );
@@ -66633,7 +66196,7 @@ async function generateDashboardMenuPlugin(projectFolder, extended, actionType,
     // TODO: no code file for menu plugin
   });
   const config = {
-    id: randomUUID9(),
+    id: randomUUID7(),
     title,
     iconKey: "Sparkles",
     extends: extended,
@@ -66641,7 +66204,7 @@ async function generateDashboardMenuPlugin(projectFolder, extended, actionType,
   };
   await modifyExtensionsEntry(
     projectFolder,
-    (0, import_camelCase10.default)(route),
+    (0, import_camelCase8.default)(route),
     relativePathToConfigFile
   );
   return await componentGenerator({
@@ -66658,16 +66221,16 @@ async function generateDashboardMenuPlugin(projectFolder, extended, actionType,
 
 // ../cli-astro-commands/src/components/GenerateCommand/plugins/dashboad-menu-plugin/NavigateToPage.tsx
 init_esm_shims();
-var import_react28 = __toESM(require_react(), 1);
+var import_react23 = __toESM(require_react(), 1);
 var NavigateToPage = ({ onActionSelected }) => {
   const bi = useWixCliAstroBi();
-  const [pageId, setPageId] = (0, import_react28.useState)();
+  const [pageId, setPageId] = (0, import_react23.useState)();
   const validatePageId = useValidation(
     composeValidations([
       [uuidValidation, "Page id has to be in the format of a uuid"]
     ])
   );
-  (0, import_react28.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (pageId) {
       onActionSelected({
         navigateToPage: {
@@ -66676,7 +66239,7 @@ var NavigateToPage = ({ onActionSelected }) => {
       });
     }
   }, [pageId, onActionSelected]);
-  return /* @__PURE__ */ import_react28.default.createElement(
+  return /* @__PURE__ */ import_react23.default.createElement(
     TextInput,
     {
       label: "What is the unique id of the page?",
@@ -66695,16 +66258,16 @@ var NavigateToPage = ({ onActionSelected }) => {
 
 // ../cli-astro-commands/src/components/GenerateCommand/plugins/dashboad-menu-plugin/OpenModal.tsx
 init_esm_shims();
-var import_react29 = __toESM(require_react(), 1);
+var import_react24 = __toESM(require_react(), 1);
 var OpenModal = ({ onActionSelected }) => {
   const bi = useWixCliAstroBi();
-  const [componentId, setComponentId] = (0, import_react29.useState)();
+  const [componentId, setComponentId] = (0, import_react24.useState)();
   const validateComponentId = useValidation(
     composeValidations([
       [uuidValidation, "Modal id has to be in the format of a uuid"]
     ])
   );
-  (0, import_react29.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (componentId) {
       onActionSelected({
         openModal: {
@@ -66713,7 +66276,7 @@ var OpenModal = ({ onActionSelected }) => {
       });
     }
   }, [componentId, onActionSelected]);
-  return /* @__PURE__ */ import_react29.default.createElement(
+  return /* @__PURE__ */ import_react24.default.createElement(
     TextInput,
     {
       label: "What is the unique id of the modal?",
@@ -66732,9 +66295,9 @@ var OpenModal = ({ onActionSelected }) => {
 
 // ../cli-astro-commands/src/components/GenerateCommand/plugins/dashboad-menu-plugin/DashboardMenuPluginGeneratedNote.tsx
 init_esm_shims();
-var import_react30 = __toESM(require_react(), 1);
+var import_react25 = __toESM(require_react(), 1);
 var DashboardMenuPluginGeneratedNote = ({ generatedFiles }) => {
-  return /* @__PURE__ */ import_react30.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react30.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react25.default.createElement(
     GenerationSuccessMessage,
     {
       extensionType: "dashboard menu plugin",
@@ -66745,7 +66308,7 @@ var DashboardMenuPluginGeneratedNote = ({ generatedFiles }) => {
 };
 
 // ../cli-astro-commands/src/components/GenerateCommand/plugins/dashboad-menu-plugin/DashboardMenuPluginWizard.tsx
-var DashboardMenuPluginAction = (0, import_variant7.variant)({
+var DashboardMenuPluginAction = (0, import_variant6.variant)({
   NavigateToPage: {},
   OpenModal: {}
 });
@@ -66757,15 +66320,15 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
   const bi = useWixCliAstroBi();
   const { model } = useProjectModel();
   const { addRequiredApp } = useDevCenterClient();
-  const [backofficeMenuItem, setBackofficeMenuItem] = (0, import_react31.useState)();
-  const [actionType, setActionType] = (0, import_react31.useState)();
-  const [requireAppsIds, setRequireAppsIds] = (0, import_react31.useState)();
-  const [action, setAction] = (0, import_react31.useState)();
-  const [folder, setFolder] = (0, import_react31.useState)();
-  const [title, setTitle] = (0, import_react31.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react31.useState)(false);
-  const defaultFolderName = (0, import_kebabCase7.default)(title);
-  const [additionalInfo, setAdditionalInfo] = (0, import_react31.useState)();
+  const [backofficeMenuItem, setBackofficeMenuItem] = (0, import_react26.useState)();
+  const [actionType, setActionType] = (0, import_react26.useState)();
+  const [requireAppsIds, setRequireAppsIds] = (0, import_react26.useState)();
+  const [action, setAction] = (0, import_react26.useState)();
+  const [folder, setFolder] = (0, import_react26.useState)();
+  const [title, setTitle] = (0, import_react26.useState)();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react26.useState)(false);
+  const defaultFolderName = (0, import_kebabCase5.default)(title);
+  const [additionalInfo, setAdditionalInfo] = (0, import_react26.useState)();
   const validateMenuPluginFolder = useValidation(
     createDashboardMenuPluginValidation(
       getDashboardMenuPluginExtensionsDir(model.projectFolder)
@@ -66790,7 +66353,7 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
       );
     }
   }, [backofficeMenuItem, action, folder, title]);
-  const handleActionSelected = (0, import_react31.useCallback)(
+  const handleActionSelected = (0, import_react26.useCallback)(
     (action2) => setAction(action2),
     []
   );
@@ -66807,7 +66370,7 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
             extensionsByPages[backofficePage.component.componentId]?.items.push(
               {
                 title: backofficeMenuItem2.component.data.backOfficeExtensionContainer.slotData?.displayName ?? backofficeMenuItem2.component.name,
-                description: backofficeMenuItem2.component.externalId ? /* @__PURE__ */ import_react31.default.createElement(Text, null, /* @__PURE__ */ import_react31.default.createElement(
+                description: backofficeMenuItem2.component.externalId ? /* @__PURE__ */ import_react26.default.createElement(Text, null, /* @__PURE__ */ import_react26.default.createElement(
                   Link,
                   {
                     url: docsLink2(backofficeMenuItem2.component.externalId)
@@ -66831,18 +66394,18 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
     backofficeExtensionWidgets.sort((a, b) => a.title.localeCompare(b.title));
     return backofficeExtensionWidgets;
   }, []);
-  const task = (0, import_react31.useMemo)(
-    () => (0, import_variant7.match)(generationTask, {
+  const task = (0, import_react26.useMemo)(
+    () => (0, import_variant6.match)(generationTask, {
       Success: ({ hasUpdatedDependencies, newFiles }) => {
         if (!hasUpdatedDependencies) {
           setFinishedInstallation(true);
         }
-        return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react31.default.createElement(
+        return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react26.default.createElement(
           InstallDependencies,
           {
             onFinish: () => setFinishedInstallation(true)
           }
-        ), finishedInstallation && backofficeMenuItem && /* @__PURE__ */ import_react31.default.createElement(
+        ), finishedInstallation && backofficeMenuItem && /* @__PURE__ */ import_react26.default.createElement(
           DashboardMenuPluginGeneratedNote,
           {
             backofficeMenuItem,
@@ -66850,7 +66413,7 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
           }
         ));
       },
-      Loading: () => /* @__PURE__ */ import_react31.default.createElement(Spinner, { text: `Generating dashboard menu plugin...` }),
+      Loading: () => /* @__PURE__ */ import_react26.default.createElement(Spinner, { text: `Generating dashboard menu plugin...` }),
       Error: () => null,
       NotRequested: () => null
     }),
@@ -66861,15 +66424,15 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
       backofficeMenuItem
     ]
   );
-  return (0, import_variant7.match)(status, {
+  return (0, import_variant6.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react31.default.createElement(Spinner, { text: "Loading..." }),
-    Success: ({ result: menuItemsGroups }) => /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, /* @__PURE__ */ import_react31.default.createElement(
+    Loading: () => /* @__PURE__ */ import_react26.default.createElement(Spinner, { text: "Loading..." }),
+    Success: ({ result: menuItemsGroups }) => /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement(
       SelectGroupsInput,
       {
         label: "What would you like to extend?",
         hideScroll: true,
-        info: /* @__PURE__ */ import_react31.default.createElement(Text, null, "Menu Plugins let you extend Wix apps by adding a menu item in a pre-defined slot in a menu on a dashboard page (", /* @__PURE__ */ import_react31.default.createElement(Link, { url: "https://wix.to/UepyZzx" }, "read more"), ")"),
+        info: /* @__PURE__ */ import_react26.default.createElement(Text, null, "Menu Plugins let you extend Wix apps by adding a menu item in a pre-defined slot in a menu on a dashboard page (", /* @__PURE__ */ import_react26.default.createElement(Link, { url: "https://wix.to/UepyZzx" }, "read more"), ")"),
         groups: menuItemsGroups,
         onSubmit: (item) => {
           const additionalInfoOfSelectedItem = {
@@ -66887,7 +66450,7 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
           setBackofficeMenuItem(item.value);
         }
       }
-    ), backofficeMenuItem && /* @__PURE__ */ import_react31.default.createElement(
+    ), backofficeMenuItem && /* @__PURE__ */ import_react26.default.createElement(
       MultipleAppRequirement,
       {
         appId: model.config.appId,
@@ -66897,7 +66460,7 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
         })),
         onSubmit: setRequireAppsIds
       }
-    ), requireAppsIds && /* @__PURE__ */ import_react31.default.createElement(
+    ), requireAppsIds && /* @__PURE__ */ import_react26.default.createElement(
       SelectInput,
       {
         label: "What action will happen after clicking on the menu item?",
@@ -66923,10 +66486,10 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
           setActionType(action2.value);
         }
       }
-    ), actionType && (0, import_variant7.match)(actionType, {
-      NavigateToPage: () => /* @__PURE__ */ import_react31.default.createElement(NavigateToPage, { onActionSelected: handleActionSelected }),
-      OpenModal: () => /* @__PURE__ */ import_react31.default.createElement(OpenModal, { onActionSelected: handleActionSelected })
-    }), action && /* @__PURE__ */ import_react31.default.createElement(
+    ), actionType && (0, import_variant6.match)(actionType, {
+      NavigateToPage: () => /* @__PURE__ */ import_react26.default.createElement(NavigateToPage, { onActionSelected: handleActionSelected }),
+      OpenModal: () => /* @__PURE__ */ import_react26.default.createElement(OpenModal, { onActionSelected: handleActionSelected })
+    }), action && /* @__PURE__ */ import_react26.default.createElement(
       TextInput,
       {
         label: "Menu Plugin title",
@@ -66941,7 +66504,7 @@ var DashboardMenuPluginWizard = ({ slotsApp, pluginsMap }) => {
           setTitle(value);
         }
       }
-    ), title && /* @__PURE__ */ import_react31.default.createElement(
+    ), title && /* @__PURE__ */ import_react26.default.createElement(
       TextInput,
       {
         label: "Menu Plugin folder",
@@ -66969,14 +66532,14 @@ var DashboardPlugin = ({ flow }) => {
     getBackofficeExtensionWidgets,
     getBackofficeMenuItems
   } = useExtensionDataClient();
-  const [slotsApp, setSlotsApp] = (0, import_react32.useState)();
+  const [slotsApp, setSlotsApp] = (0, import_react27.useState)();
   const { status } = useAsync(async () => {
     const [ecomRequiredApps2, backofficePages, backofficeExtensionContainers] = await Promise.all([
       getEcomRequiredApps(),
       getBackofficePages(),
-      (0, import_variant8.match)(
+      (0, import_variant7.match)(
         flow,
-        (0, import_variant8.partial)({
+        (0, import_variant7.partial)({
           DashboardPlugin: () => getBackofficeExtensionWidgets(),
           DashboardMenuPlugin: () => getBackofficeMenuItems(),
           default: () => []
@@ -67020,14 +66583,14 @@ var DashboardPlugin = ({ flow }) => {
       pluginsMap
     };
   }, []);
-  return (0, import_variant8.match)(status, {
+  return (0, import_variant7.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react32.default.createElement(Spinner, { text: "Loading..." }),
-    Success: ({ result: { supportedApps, pluginsMap } }) => /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, /* @__PURE__ */ import_react32.default.createElement(
+    Loading: () => /* @__PURE__ */ import_react27.default.createElement(Spinner, { text: "Loading..." }),
+    Success: ({ result: { supportedApps, pluginsMap } }) => /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(
       SelectInput,
       {
         label: "Select a Wix app to view its plugin slots",
-        info: /* @__PURE__ */ import_react32.default.createElement(Text, null, "(", /* @__PURE__ */ import_react32.default.createElement(Link, { url: "https://wix.to/T9OFciS" }, "read more"), ")"),
+        info: /* @__PURE__ */ import_react27.default.createElement(Text, null, "(", /* @__PURE__ */ import_react27.default.createElement(Link, { url: "https://wix.to/T9OFciS" }, "read more"), ")"),
         options: supportedApps,
         onSubmit: (option) => {
           bi.cliFlowStepAnswered({
@@ -67042,10 +66605,10 @@ var DashboardPlugin = ({ flow }) => {
           setSlotsApp(option.value);
         }
       }
-    ), slotsApp && (0, import_variant8.match)(
+    ), slotsApp && (0, import_variant7.match)(
       flow,
-      (0, import_variant8.partial)({
-        DashboardPlugin: () => /* @__PURE__ */ import_react32.default.createElement(
+      (0, import_variant7.partial)({
+        DashboardPlugin: () => /* @__PURE__ */ import_react27.default.createElement(
           DashboardPluginWizard,
           {
             slotsApp,
@@ -67056,7 +66619,7 @@ var DashboardPlugin = ({ flow }) => {
             )
           }
         ),
-        DashboardMenuPlugin: () => /* @__PURE__ */ import_react32.default.createElement(
+        DashboardMenuPlugin: () => /* @__PURE__ */ import_react27.default.createElement(
           DashboardMenuPluginWizard,
           {
             slotsApp,
@@ -67073,9 +66636,372 @@ var DashboardPlugin = ({ flow }) => {
   });
 };
 
+// ../cli-astro-commands/src/components/GenerateCommand/custom-element/CustomElement.tsx
+init_esm_shims();
+var import_react29 = __toESM(require_react(), 1);
+
+// ../cli-astro-commands/src/components/GenerateCommand/custom-element/generate.ts
+init_esm_shims();
+var import_camelCase9 = __toESM(require_camelCase(), 1);
+import path10 from "node:path";
+import { randomUUID as randomUUID8 } from "node:crypto";
+var CUSTOM_ELEMENT_TEMPLATE = path10.resolve(
+  __dirname,
+  "../templates/astro/custom-element"
+);
+async function generateCustomElement(projectFolder, route, name, dashboardPageId) {
+  const cwd = getSiteWidgetExtensionPath(projectFolder, route);
+  const {
+    relativePathToCodeFile,
+    relativePathToConfigFile,
+    relativePathToExtensionDir
+  } = getExtensionRelativePaths({
+    cwd,
+    projectFolder,
+    extensionFileName: route,
+    codeFileType: "tsx"
+  });
+  const relativePathToSettingsFile = `./${toPosix(
+    path10.join(relativePathToExtensionDir, `${route}.panel.tsx`)
+  )}`;
+  const config = {
+    id: randomUUID8(),
+    name,
+    dashboardPageId,
+    presetId: randomUUID8(),
+    element: relativePathToCodeFile,
+    settings: relativePathToSettingsFile
+  };
+  await modifyExtensionsEntry(
+    projectFolder,
+    (0, import_camelCase9.default)(route),
+    relativePathToConfigFile
+  );
+  return await componentGenerator({
+    template: CUSTOM_ELEMENT_TEMPLATE,
+    assetsOutputPath: "public",
+    assetsPrefix: route,
+    projectFolder,
+    cwd,
+    data: {
+      route,
+      config
+    }
+  });
+}
+
+// ../cli-astro-commands/src/components/GenerateCommand/custom-element/steps.tsx
+init_esm_shims();
+var import_react28 = __toESM(require_react(), 1);
+var import_kebabCase6 = __toESM(require_kebabCase(), 1);
+var ChooseElementNameStep = ({ onSubmit, elementName }) => {
+  const bi = useWixCliAstroBi();
+  const { isActive, goToNextStep } = useWizardStep();
+  const validateName = useCustomElementNameValidation();
+  return /* @__PURE__ */ import_react28.default.createElement(
+    TextInput,
+    {
+      isActive,
+      label: "Element name:",
+      placeholder: elementName ?? "My Element",
+      onSubmit: (value) => {
+        bi.cliFlowStepAnswered({
+          question: "Element name:",
+          questionKey: "generate_command.custom_element.choose_name",
+          answer: value,
+          additionalInfo: { extensionType: "custom element" }
+        });
+        onSubmit(value);
+        goToNextStep();
+      },
+      validate: validateName
+    }
+  );
+};
+var ChooseElementFolderStep = ({ onSubmit, elementFolder, elementName }) => {
+  const { model } = useProjectModel();
+  const bi = useWixCliAstroBi();
+  const { isActive, goToNextStep } = useWizardStep();
+  const defaultElementFolder = (0, import_kebabCase6.default)(elementName);
+  const validateElementFolder = useValidation(
+    createCustomElementFolderValidation(
+      getSiteWidgetExtensionsDir(model.projectFolder)
+    )
+  );
+  return /* @__PURE__ */ import_react28.default.createElement(
+    TextInput,
+    {
+      isActive,
+      label: "Enter the folder for the new element:",
+      placeholder: elementFolder ?? defaultElementFolder,
+      onSubmit: (value) => {
+        bi.cliFlowStepAnswered({
+          question: "Enter the folder for the new element:",
+          questionKey: "generate_command.custom_element.choose_folder",
+          answer: value,
+          additionalInfo: { extensionType: "custom element" }
+        });
+        onSubmit(value);
+        goToNextStep();
+      },
+      validate: validateElementFolder
+    }
+  );
+};
+var LinkDashboardPageStep = ({ onSubmit }) => {
+  const bi = useWixCliAstroBi();
+  const { isActive, goToNextStep } = useWizardStep();
+  return /* @__PURE__ */ import_react28.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react28.default.createElement(
+    ConfirmInput,
+    {
+      isActive,
+      label: "Link dashboard page to custom element?",
+      onSubmit: (shouldLinkDashboardPage) => {
+        bi.cliFlowStepAnswered({
+          question: "Link dashboard page to custom element?",
+          questionKey: "generate_command.custom_element.link_dashboard_page",
+          answer: String(shouldLinkDashboardPage),
+          additionalInfo: { extensionType: "custom element" }
+        });
+        onSubmit(shouldLinkDashboardPage);
+        goToNextStep();
+      }
+    }
+  ));
+};
+var ChooseDashboardPageStep = ({ onSubmit }) => {
+  const bi = useWixCliAstroBi();
+  const { isActive, goToNextStep } = useWizardStep();
+  const validatePageId = useValidation(
+    composeValidations([
+      [uuidValidation, "Page id has to be in the format of a uuid"]
+    ])
+  );
+  return /* @__PURE__ */ import_react28.default.createElement(
+    TextInput,
+    {
+      isActive,
+      label: "Dashboard page id:",
+      onSubmit: (value) => {
+        bi.cliFlowStepAnswered({
+          question: "Dashboard page id:",
+          questionKey: "generate_command.custom_element.choose_dashboard_page_id",
+          answer: value,
+          additionalInfo: { extensionType: "custom element" }
+        });
+        onSubmit(value);
+        goToNextStep();
+      },
+      validate: validatePageId
+    }
+  );
+};
+
+// ../cli-astro-commands/src/components/GenerateCommand/custom-element/CustomElement.tsx
+var useGenerateCustomElement = () => {
+  const { model } = useProjectModel();
+  const [elementName, setElementName] = (0, import_react29.useState)();
+  const [elementFolder, setElementFolder] = (0, import_react29.useState)();
+  const [linkDashboardPage, setLinkDashboardPage] = (0, import_react29.useState)();
+  const [dashboardPageId, setDashboardPageId] = (0, import_react29.useState)();
+  const shouldGenerate = linkDashboardPage === false ? true : dashboardPageId;
+  const generationTask = useGenerationTask(async () => {
+    if (elementName && elementFolder && shouldGenerate) {
+      return generateCustomElement(
+        model.projectFolder,
+        elementFolder,
+        elementName,
+        dashboardPageId
+      );
+    }
+  }, [elementFolder, elementName, shouldGenerate]);
+  return [
+    /* @__PURE__ */ import_react29.default.createElement(
+      ChooseElementNameStep,
+      {
+        onSubmit: setElementName,
+        elementName
+      }
+    ),
+    /* @__PURE__ */ import_react29.default.createElement(
+      ChooseElementFolderStep,
+      {
+        onSubmit: setElementFolder,
+        elementFolder,
+        elementName
+      }
+    ),
+    /* @__PURE__ */ import_react29.default.createElement(LinkDashboardPageStep, { onSubmit: setLinkDashboardPage }),
+    ...linkDashboardPage ? [/* @__PURE__ */ import_react29.default.createElement(ChooseDashboardPageStep, { onSubmit: setDashboardPageId })] : [],
+    /* @__PURE__ */ import_react29.default.createElement(
+      CompleteGeneration,
+      {
+        generationTask,
+        extensionType: "custom element",
+        successMessage: CompleteGenerationMessage.SuccessMessage({
+          // https://dev.wix.com/docs/wix-cli/guides/extensions/site-extensions/site-widgets/add-a-site-widget-extension
+          learnMoreUrl: "https://wix.to/6aKN8aH"
+        })
+      }
+    )
+  ];
+};
+
+// ../cli-astro-commands/src/components/GenerateCommand/editor-react-component/EditorReactComponent.tsx
+init_esm_shims();
+var import_react31 = __toESM(require_react(), 1);
+
+// ../cli-astro-commands/src/components/GenerateCommand/editor-react-component/generate.ts
+init_esm_shims();
+var import_camelCase10 = __toESM(require_camelCase(), 1);
+var import_capitalize = __toESM(require_capitalize(), 1);
+import path11 from "node:path";
+import { randomUUID as randomUUID9 } from "node:crypto";
+var EDITOR_REACT_COMPONENT_TEMPLATE = path11.resolve(
+  __dirname,
+  "../templates/astro/editor-react-component"
+);
+async function generateEditorReactComponent(projectFolder, route, name, codeIdentifier) {
+  const cwd = getSiteWidgetExtensionPath(projectFolder, route);
+  const { relativePathToCodeFile, relativePathToConfigFile } = getExtensionRelativePaths({
+    cwd,
+    projectFolder,
+    extensionFileName: route,
+    codeFileType: "tsx"
+  });
+  const componentType = (0, import_capitalize.default)((0, import_camelCase10.default)(route));
+  const config = {
+    id: randomUUID9(),
+    name,
+    type: codeIdentifier ? `${codeIdentifier}.${componentType}` : componentType,
+    selector: `.${route}`,
+    codeIdentifier,
+    component: relativePathToCodeFile
+  };
+  await modifyExtensionsEntry(
+    projectFolder,
+    (0, import_camelCase10.default)(route),
+    relativePathToConfigFile
+  );
+  return await componentGenerator({
+    template: EDITOR_REACT_COMPONENT_TEMPLATE,
+    projectFolder,
+    cwd,
+    data: {
+      route,
+      config
+    }
+  });
+}
+
+// ../cli-astro-commands/src/components/GenerateCommand/editor-react-component/steps.tsx
+init_esm_shims();
+var import_react30 = __toESM(require_react(), 1);
+var import_kebabCase7 = __toESM(require_kebabCase(), 1);
+var ChooseComponentNameStep = ({ onSubmit, componentName }) => {
+  const bi = useWixCliAstroBi();
+  const { isActive, goToNextStep } = useWizardStep();
+  const validateName = useReactComponentNameValidation();
+  return /* @__PURE__ */ import_react30.default.createElement(
+    TextInput,
+    {
+      isActive,
+      label: "Enter a name for your component:",
+      placeholder: componentName ?? "My Component",
+      onSubmit: (value) => {
+        bi.cliFlowStepAnswered({
+          question: "Enter a name for your component:",
+          questionKey: "generate_command.react_component.choose_name",
+          answer: value,
+          additionalInfo: { extensionType: "editor react component" }
+        });
+        onSubmit(value);
+        goToNextStep();
+      },
+      validate: validateName
+    }
+  );
+};
+var ChooseComponentFolderStep = ({ onSubmit, componentFolder, componentName }) => {
+  const { model } = useProjectModel();
+  const bi = useWixCliAstroBi();
+  const { isActive, goToNextStep } = useWizardStep();
+  const defaultComponentFolder = (0, import_kebabCase7.default)(componentName);
+  const validateComponentFolder = useReactComponentFolderValidation(
+    getSiteWidgetExtensionsDir(model.projectFolder)
+  );
+  return /* @__PURE__ */ import_react30.default.createElement(
+    TextInput,
+    {
+      isActive,
+      label: "Enter the folder for the new component:",
+      placeholder: componentFolder ?? defaultComponentFolder,
+      onSubmit: (value) => {
+        bi.cliFlowStepAnswered({
+          question: "Enter the folder for the new component:",
+          questionKey: "generate_command.react_component.choose_folder",
+          answer: value,
+          additionalInfo: { extensionType: "editor react component" }
+        });
+        onSubmit(value);
+        goToNextStep();
+      },
+      validate: validateComponentFolder
+    }
+  );
+};
+
+// ../cli-astro-commands/src/components/GenerateCommand/editor-react-component/EditorReactComponent.tsx
+var useGenerateEditorReactComponent = () => {
+  const {
+    model: { projectFolder }
+  } = useProjectModel();
+  const { codeIdentifier } = useAppConfig();
+  const [componentName, setComponentName] = (0, import_react31.useState)();
+  const [componentFolder, setComponentFolder] = (0, import_react31.useState)();
+  const generationTask = useGenerationTask(async () => {
+    if (componentName && componentFolder) {
+      return generateEditorReactComponent(
+        projectFolder,
+        componentFolder,
+        componentName,
+        codeIdentifier
+      );
+    }
+  }, [componentFolder, componentName]);
+  return [
+    /* @__PURE__ */ import_react31.default.createElement(
+      ChooseComponentNameStep,
+      {
+        onSubmit: setComponentName,
+        componentName
+      }
+    ),
+    /* @__PURE__ */ import_react31.default.createElement(
+      ChooseComponentFolderStep,
+      {
+        onSubmit: setComponentFolder,
+        componentFolder,
+        componentName
+      }
+    ),
+    /* @__PURE__ */ import_react31.default.createElement(
+      CompleteGeneration,
+      {
+        generationTask,
+        extensionType: "editor react component",
+        successMessage: CompleteGenerationMessage.SuccessMessage({
+          // https://dev.wix.com/docs/go-headless
+          learnMoreUrl: "https://dev.wix.com/docs/go-headless"
+        })
+      }
+    )
+  ];
+};
+
 // ../cli-astro-commands/src/components/GenerateCommand/event/Event.tsx
 init_esm_shims();
-var import_react34 = __toESM(require_react(), 1);
+var import_react33 = __toESM(require_react(), 1);
 
 // ../cli-astro-commands/src/components/GenerateCommand/event/generate.ts
 init_esm_shims();
@@ -67113,7 +67039,7 @@ async function generateEvent(projectFolder, route) {
 
 // ../cli-astro-commands/src/components/GenerateCommand/event/steps.tsx
 init_esm_shims();
-var import_react33 = __toESM(require_react(), 1);
+var import_react32 = __toESM(require_react(), 1);
 var ChooseFolderStep2 = ({ onSubmit, eventFolder }) => {
   const { model } = useProjectModel();
   const bi = useWixCliAstroBi();
@@ -67132,7 +67058,7 @@ var ChooseFolderStep2 = ({ onSubmit, eventFolder }) => {
       ]
     ])
   );
-  return /* @__PURE__ */ import_react33.default.createElement(
+  return /* @__PURE__ */ import_react32.default.createElement(
     TextInput,
     {
       isActive,
@@ -67155,15 +67081,15 @@ var ChooseFolderStep2 = ({ onSubmit, eventFolder }) => {
 // ../cli-astro-commands/src/components/GenerateCommand/event/Event.tsx
 var useGenerateEvent = () => {
   const { model } = useProjectModel();
-  const [eventFolder, setEventFolder] = (0, import_react34.useState)();
+  const [eventFolder, setEventFolder] = (0, import_react33.useState)();
   const generationTask = useGenerationTask(async () => {
     if (eventFolder) {
       return generateEvent(model.projectFolder, eventFolder);
     }
   }, [model.projectFolder, eventFolder]);
   return [
-    /* @__PURE__ */ import_react34.default.createElement(ChooseFolderStep2, { onSubmit: setEventFolder, eventFolder }),
-    /* @__PURE__ */ import_react34.default.createElement(
+    /* @__PURE__ */ import_react33.default.createElement(ChooseFolderStep2, { onSubmit: setEventFolder, eventFolder }),
+    /* @__PURE__ */ import_react33.default.createElement(
       CompleteGeneration,
       {
         generationTask,
@@ -67180,13 +67106,13 @@ var useGenerateEvent = () => {
 
 // ../cli-astro-commands/src/components/GenerateCommand/site-plugin/SitePlugin.tsx
 init_esm_shims();
-var import_react36 = __toESM(require_react(), 1);
-var import_variant10 = __toESM(require_lib(), 1);
+var import_react35 = __toESM(require_react(), 1);
+var import_variant9 = __toESM(require_lib(), 1);
 
 // ../cli-astro-commands/src/components/GenerateCommand/site-plugin/SitePluginWizard.tsx
 init_esm_shims();
-var import_react35 = __toESM(require_react(), 1);
-var import_variant9 = __toESM(require_lib(), 1);
+var import_react34 = __toESM(require_react(), 1);
+var import_variant8 = __toESM(require_lib(), 1);
 var import_kebabCase8 = __toESM(require_kebabCase(), 1);
 var import_uniqBy = __toESM(require_uniqBy(), 1);
 
@@ -67253,26 +67179,26 @@ var SitePluginWizard = ({
       getSitePluginExtensionsDir(model.projectFolder)
     )
   );
-  const [slot, setSlot] = (0, import_react35.useState)();
-  const [requireAppsIds, setRequireAppsIds] = (0, import_react35.useState)();
-  const [placementApp, setPlacementApp] = (0, import_react35.useState)();
-  const [pluginFolder, setPluginFolder] = (0, import_react35.useState)();
-  const [pluginName, setPluginName] = (0, import_react35.useState)();
-  const [finishedInstallation, setFinishedInstallation] = (0, import_react35.useState)(false);
-  const pluginApplications = (0, import_react35.useMemo)(
+  const [slot, setSlot] = (0, import_react34.useState)();
+  const [requireAppsIds, setRequireAppsIds] = (0, import_react34.useState)();
+  const [placementApp, setPlacementApp] = (0, import_react34.useState)();
+  const [pluginFolder, setPluginFolder] = (0, import_react34.useState)();
+  const [pluginName, setPluginName] = (0, import_react34.useState)();
+  const [finishedInstallation, setFinishedInstallation] = (0, import_react34.useState)(false);
+  const pluginApplications = (0, import_react34.useMemo)(
     () => (0, import_uniqBy.default)(widgetPlugins2, "appName").map((pluginPlacement) => ({
       value: pluginPlacement.appName,
       title: pluginPlacement.appName
     })),
     [widgetPlugins2]
   );
-  const widgetSlots = (0, import_react35.useMemo)(
+  const widgetSlots = (0, import_react34.useMemo)(
     () => placementApp ? widgetPlugins2.filter((widgetPlugin) => widgetPlugin.appName === placementApp).reduce(
       (_widgetSlots, widgetPlugin) => {
         const widgetDocsUrl = getWidgetDocsUrl(
           widgetPlugin.component.componentId
         );
-        const description = widgetDocsUrl && /* @__PURE__ */ import_react35.default.createElement(Text, { skin: "secondary" }, /* @__PURE__ */ import_react35.default.createElement(Link, { url: widgetDocsUrl }, "read more"));
+        const description = widgetDocsUrl && /* @__PURE__ */ import_react34.default.createElement(Text, { skin: "secondary" }, /* @__PURE__ */ import_react34.default.createElement(Link, { url: widgetDocsUrl }, "read more"));
         _widgetSlots[widgetPlugin.component.componentId] ??= {
           title: widgetPlugin.component.name,
           description,
@@ -67314,7 +67240,7 @@ var SitePluginWizard = ({
       }
     }
   }, [pluginFolder, pluginName, slot, widgetSlots, getWidgetDocsUrl]);
-  const handleSetSlot = (0, import_react35.useCallback)(
+  const handleSetSlot = (0, import_react34.useCallback)(
     (placement) => {
       void getEcomRequiredApps().then((ecomRequiredApp) => {
         const widgetPlugin = widgetPlugins2.find(
@@ -67337,11 +67263,11 @@ var SitePluginWizard = ({
     },
     [widgetPlugins2]
   );
-  return /* @__PURE__ */ import_react35.default.createElement(import_react35.default.Fragment, null, /* @__PURE__ */ import_react35.default.createElement(
+  return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, /* @__PURE__ */ import_react34.default.createElement(
     SelectInput,
     {
       label: "Select a Wix app to view its plugin slots",
-      info: /* @__PURE__ */ import_react35.default.createElement(Text, null, /* @__PURE__ */ import_react35.default.createElement(Link, { url: "https://wix.to/Onfe4XJ" }, "read more")),
+      info: /* @__PURE__ */ import_react34.default.createElement(Text, null, /* @__PURE__ */ import_react34.default.createElement(Link, { url: "https://wix.to/Onfe4XJ" }, "read more")),
       options: pluginApplications,
       onSubmit: (option) => {
         bi.cliFlowStepAnswered({
@@ -67353,7 +67279,7 @@ var SitePluginWizard = ({
         setPlacementApp(option.value);
       }
     }
-  ), placementApp && /* @__PURE__ */ import_react35.default.createElement(
+  ), placementApp && /* @__PURE__ */ import_react34.default.createElement(
     SelectGroupsInput,
     {
       label: "Select the slot in which you\u2019d like to place your plugin",
@@ -67368,7 +67294,7 @@ var SitePluginWizard = ({
         handleSetSlot(option.value);
       }
     }
-  ), slot?.requiredApps && /* @__PURE__ */ import_react35.default.createElement(
+  ), slot?.requiredApps && /* @__PURE__ */ import_react34.default.createElement(
     MultipleAppRequirement,
     {
       appId: model.config.appId,
@@ -67378,7 +67304,7 @@ var SitePluginWizard = ({
       })),
       onSubmit: setRequireAppsIds
     }
-  ), requireAppsIds && /* @__PURE__ */ import_react35.default.createElement(
+  ), requireAppsIds && /* @__PURE__ */ import_react34.default.createElement(
     TextInput,
     {
       label: "Enter a name for your site plugin:",
@@ -67396,7 +67322,7 @@ var SitePluginWizard = ({
       },
       validate: validateName
     }
-  ), pluginName && /* @__PURE__ */ import_react35.default.createElement(
+  ), pluginName && /* @__PURE__ */ import_react34.default.createElement(
     TextInput,
     {
       label: "Enter a folder name for your site plugin:",
@@ -67415,18 +67341,18 @@ var SitePluginWizard = ({
       },
       validate: validatePluginFolder
     }
-  ), (0, import_react35.useMemo)(
-    () => (0, import_variant9.match)(generationTask, {
+  ), (0, import_react34.useMemo)(
+    () => (0, import_variant8.match)(generationTask, {
       Success: ({ hasUpdatedDependencies, newFiles }) => {
         if (!hasUpdatedDependencies) {
           setFinishedInstallation(true);
         }
-        return /* @__PURE__ */ import_react35.default.createElement(import_react35.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react35.default.createElement(
+        return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react34.default.createElement(
           InstallDependencies,
           {
             onFinish: () => setFinishedInstallation(true)
           }
-        ), finishedInstallation && /* @__PURE__ */ import_react35.default.createElement(
+        ), finishedInstallation && /* @__PURE__ */ import_react34.default.createElement(
           GenerationSuccessMessage,
           {
             extensionType,
@@ -67435,7 +67361,7 @@ var SitePluginWizard = ({
           }
         ));
       },
-      Loading: () => /* @__PURE__ */ import_react35.default.createElement(Spinner, { text: `Generating ${extensionType}...` }),
+      Loading: () => /* @__PURE__ */ import_react34.default.createElement(Spinner, { text: `Generating ${extensionType}...` }),
       Error: () => null,
       NotRequested: () => null
     }),
@@ -67452,10 +67378,10 @@ var SitePluginWizard = ({
 var GenerateSitePlugin = () => {
   const { getWidgetPlugins } = useExtensionDataClient();
   const { status } = useAsync(getWidgetPlugins, []);
-  return (0, import_variant10.match)(status, {
+  return (0, import_variant9.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react36.default.createElement(Spinner, { text: "Loading..." }),
-    Success: ({ result }) => /* @__PURE__ */ import_react36.default.createElement(SitePluginWizard, { widgetPlugins: result })
+    Loading: () => /* @__PURE__ */ import_react35.default.createElement(Spinner, { text: "Loading..." }),
+    Success: ({ result }) => /* @__PURE__ */ import_react35.default.createElement(SitePluginWizard, { widgetPlugins: result })
   });
 };
 
@@ -67463,7 +67389,7 @@ var GenerateSitePlugin = () => {
 var FlowSelector = ({ onSubmit, generateFlow, generateFlows }) => {
   const bi = useWixCliAstroBi();
   const { goToNextStep, isActive } = useWizardStep();
-  const selectFlow = (0, import_react37.useCallback)(
+  const selectFlow = (0, import_react36.useCallback)(
     (selectedType) => {
       bi.cliFlowStepAnswered({
         question: "What kind of extension would you like to generate?",
@@ -67475,10 +67401,10 @@ var FlowSelector = ({ onSubmit, generateFlow, generateFlows }) => {
     },
     [bi, onSubmit, goToNextStep]
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     goToNextStep();
   }, []);
-  return /* @__PURE__ */ import_react37.default.createElement(
+  return /* @__PURE__ */ import_react36.default.createElement(
     SelectGroupsInput,
     {
       value: !isActive ? InputState.Submitted(generateFlow) : InputState.NotSubmitted(generateFlow),
@@ -67489,9 +67415,7 @@ var FlowSelector = ({ onSubmit, generateFlow, generateFlows }) => {
     }
   );
 };
-var GenerateCommand = ({
-  docsExtensionType
-}) => {
+var GenerateCommand = ({ docsExtensionType, experimental = false }) => {
   const bi = useWixCliAstroBi();
   const dashboardPageSteps = useGenerateDashboardPage();
   const dashboardModalSteps = useGenerateDashboardModal();
@@ -67500,8 +67424,8 @@ var GenerateCommand = ({
   const generateServicePluginSteps = useGenerateServicePlugin();
   const generateEmbeddedScriptSteps = useGenerateEmbeddedScript();
   const generateCustomElementSteps = useGenerateCustomElement();
-  const generateSiteWidgetSteps = useGenerateSiteWidget();
-  const biCliFlowStepAnswered = (0, import_react37.useCallback)(
+  const generateEditorReactComponentSteps = useGenerateEditorReactComponent();
+  const biCliFlowStepAnswered = (0, import_react36.useCallback)(
     (selectedType) => {
       bi.cliFlowStepAnswered({
         question: "What kind of extension would you like to generate?",
@@ -67511,7 +67435,7 @@ var GenerateCommand = ({
     },
     [bi]
   );
-  const [generateFlow, setGenerateFlow] = (0, import_react37.useState)(() => {
+  const [generateFlow, setGenerateFlow] = (0, import_react36.useState)(() => {
     if (docsExtensionType) {
       const selectedType = getGenerateFlowByDocsExtensionType(docsExtensionType);
       biCliFlowStepAnswered(selectedType);
@@ -67519,16 +67443,16 @@ var GenerateCommand = ({
     }
     return;
   });
-  const generateFlows = useGenerateFlows();
-  const selectFlow = (0, import_react37.useCallback)(
+  const generateFlows = useGenerateFlows({ experimental });
+  const selectFlow = (0, import_react36.useCallback)(
     (selectedType) => {
       biCliFlowStepAnswered(selectedType);
       setGenerateFlow(selectedType);
     },
     [biCliFlowStepAnswered]
   );
-  const shouldEditFlow = (0, import_variant11.isType)(generateFlow?.value, "DashboardPage") || (0, import_variant11.isType)(generateFlow?.value, "DashboardModal") || (0, import_variant11.isType)(generateFlow?.value, "ServicePlugin") || (0, import_variant11.isType)(generateFlow?.value, "Event") || (0, import_variant11.isType)(generateFlow?.value, "EmbeddedScript") || (0, import_variant11.isType)(generateFlow?.value, "CustomElement") || (0, import_variant11.isType)(generateFlow?.value, "DataCollection");
-  return /* @__PURE__ */ import_react37.default.createElement(Box_default, { flexDirection: "column", paddingTop: 1 }, !shouldEditFlow && /* @__PURE__ */ import_react37.default.createElement(
+  const shouldEditFlow = (0, import_variant10.isType)(generateFlow?.value, "DashboardPage") || (0, import_variant10.isType)(generateFlow?.value, "DashboardModal") || (0, import_variant10.isType)(generateFlow?.value, "ServicePlugin") || (0, import_variant10.isType)(generateFlow?.value, "Event") || (0, import_variant10.isType)(generateFlow?.value, "EmbeddedScript") || (0, import_variant10.isType)(generateFlow?.value, "CustomElement") || (0, import_variant10.isType)(generateFlow?.value, "DataCollection") || (0, import_variant10.isType)(generateFlow?.value, "EditorReactComponent");
+  return /* @__PURE__ */ import_react36.default.createElement(Box_default, { flexDirection: "column", paddingTop: 1 }, !shouldEditFlow && /* @__PURE__ */ import_react36.default.createElement(
     SelectGroupsInput,
     {
       value: generateFlow ? InputState.Submitted(generateFlow) : InputState.NotSubmitted(generateFlow),
@@ -67537,15 +67461,15 @@ var GenerateCommand = ({
       onSubmit: selectFlow,
       maxHeight: 15
     }
-  ), generateFlow && (0, import_variant11.match)(
+  ), generateFlow && (0, import_variant10.match)(
     generateFlow.value,
-    (0, import_variant11.partial)({
-      DashboardPage: () => /* @__PURE__ */ import_react37.default.createElement(
+    (0, import_variant10.partial)({
+      DashboardPage: () => /* @__PURE__ */ import_react36.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
           steps: [
-            /* @__PURE__ */ import_react37.default.createElement(
+            /* @__PURE__ */ import_react36.default.createElement(
               FlowSelector,
               {
                 generateFlows,
@@ -67557,12 +67481,12 @@ var GenerateCommand = ({
           ]
         }
       ),
-      DashboardModal: () => /* @__PURE__ */ import_react37.default.createElement(
+      DashboardModal: () => /* @__PURE__ */ import_react36.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
           steps: [
-            /* @__PURE__ */ import_react37.default.createElement(
+            /* @__PURE__ */ import_react36.default.createElement(
               FlowSelector,
               {
                 generateFlows,
@@ -67574,12 +67498,12 @@ var GenerateCommand = ({
           ]
         }
       ),
-      ServicePlugin: () => /* @__PURE__ */ import_react37.default.createElement(
+      ServicePlugin: () => /* @__PURE__ */ import_react36.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
           steps: [
-            /* @__PURE__ */ import_react37.default.createElement(
+            /* @__PURE__ */ import_react36.default.createElement(
               FlowSelector,
               {
                 generateFlows,
@@ -67591,12 +67515,12 @@ var GenerateCommand = ({
           ]
         }
       ),
-      Event: () => /* @__PURE__ */ import_react37.default.createElement(
+      Event: () => /* @__PURE__ */ import_react36.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
           steps: [
-            /* @__PURE__ */ import_react37.default.createElement(
+            /* @__PURE__ */ import_react36.default.createElement(
               FlowSelector,
               {
                 generateFlows,
@@ -67608,12 +67532,12 @@ var GenerateCommand = ({
           ]
         }
       ),
-      DataCollection: () => /* @__PURE__ */ import_react37.default.createElement(
+      DataCollection: () => /* @__PURE__ */ import_react36.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
           steps: [
-            /* @__PURE__ */ import_react37.default.createElement(
+            /* @__PURE__ */ import_react36.default.createElement(
               FlowSelector,
               {
                 generateFlows,
@@ -67625,12 +67549,12 @@ var GenerateCommand = ({
           ]
         }
       ),
-      EmbeddedScript: () => /* @__PURE__ */ import_react37.default.createElement(
+      EmbeddedScript: () => /* @__PURE__ */ import_react36.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
           steps: [
-            /* @__PURE__ */ import_react37.default.createElement(
+            /* @__PURE__ */ import_react36.default.createElement(
               FlowSelector,
               {
                 generateFlows,
@@ -67642,12 +67566,12 @@ var GenerateCommand = ({
           ]
         }
       ),
-      CustomElement: () => /* @__PURE__ */ import_react37.default.createElement(
+      CustomElement: () => /* @__PURE__ */ import_react36.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
           steps: [
-            /* @__PURE__ */ import_react37.default.createElement(
+            /* @__PURE__ */ import_react36.default.createElement(
               FlowSelector,
               {
                 generateFlows,
@@ -67659,13 +67583,12 @@ var GenerateCommand = ({
           ]
         }
       ),
-      SitePlugin: () => /* @__PURE__ */ import_react37.default.createElement(GenerateSitePlugin, null),
-      SiteWidget: () => /* @__PURE__ */ import_react37.default.createElement(
+      EditorReactComponent: () => /* @__PURE__ */ import_react36.default.createElement(
         Wizard,
         {
           name: generateFlow.value.type,
           steps: [
-            /* @__PURE__ */ import_react37.default.createElement(
+            /* @__PURE__ */ import_react36.default.createElement(
               FlowSelector,
               {
                 generateFlows,
@@ -67673,12 +67596,13 @@ var GenerateCommand = ({
                 onSubmit: setGenerateFlow
               }
             ),
-            ...generateSiteWidgetSteps
+            ...generateEditorReactComponentSteps
           ]
         }
       ),
-      DashboardPlugin: () => /* @__PURE__ */ import_react37.default.createElement(DashboardPlugin, { flow: generateFlow.value }),
-      DashboardMenuPlugin: () => /* @__PURE__ */ import_react37.default.createElement(DashboardPlugin, { flow: generateFlow.value }),
+      SitePlugin: () => /* @__PURE__ */ import_react36.default.createElement(GenerateSitePlugin, null),
+      DashboardPlugin: () => /* @__PURE__ */ import_react36.default.createElement(DashboardPlugin, { flow: generateFlow.value }),
+      DashboardMenuPlugin: () => /* @__PURE__ */ import_react36.default.createElement(DashboardPlugin, { flow: generateFlow.value }),
       default: () => null
     })
   ));
@@ -67697,4 +67621,4 @@ ejs/lib/ejs.js:
    * @license {@link http://www.apache.org/licenses/LICENSE-2.0 Apache License, Version 2.0}
    *)
 */
-//# sourceMappingURL=GenerateCommand-7GNP63UH.js.map
+//# sourceMappingURL=GenerateCommand-HBDOFKE3.js.map