@wix/cli-app 1.1.101 → 1.1.102

package/build/{LogsCommand-RQIJ3U7F.js → LogsCommand-LWIHQA42.js}

@@ -2,7 +2,7 @@ import { createRequire as _createRequire } from 'node:module';
 const require = _createRequire(import.meta.url);
 import {
   useTunnel
-} from "./chunk-HSSABJL6.js";
+} from "./chunk-Z74G4VXQ.js";
 import "./chunk-GWE3BRHX.js";
 import {
   Box_default,
@@ -23,7 +23,7 @@ import {
   useProjectModel,
   useTranslation,
   z
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-N3ILQXOU.js";
 import {
   __toESM,
   init_esm_shims
@@ -279,4 +279,4 @@ var LogsCommand = ({ version }) => {
 export {
   LogsCommand
 };
-//# sourceMappingURL=LogsCommand-RQIJ3U7F.js.map
+//# sourceMappingURL=LogsCommand-LWIHQA42.js.map

package/build/PreviewCommand-B6ZKKE76.js

@@ -0,0 +1,19 @@
+import { createRequire as _createRequire } from 'node:module';
+const require = _createRequire(import.meta.url);
+import {
+  PreviewCommand
+} from "./chunk-7KYOZVDT.js";
+import "./chunk-UJID64BQ.js";
+import "./chunk-3CBDXOAT.js";
+import "./chunk-7OFAQ3I5.js";
+import "./chunk-Z74G4VXQ.js";
+import "./chunk-GWE3BRHX.js";
+import "./chunk-KQNNXJG2.js";
+import "./chunk-IQYQOEW3.js";
+import "./chunk-IUORUH2M.js";
+import "./chunk-N3ILQXOU.js";
+import "./chunk-4EFJZ3GQ.js";
+export {
+  PreviewCommand
+};
+//# sourceMappingURL=PreviewCommand-B6ZKKE76.js.map

package/build/ReleaseCommand-74EIKSEC.js

@@ -0,0 +1,23 @@
+import { createRequire as _createRequire } from 'node:module';
+const require = _createRequire(import.meta.url);
+import {
+  ReleaseCommand,
+  ReleaseVersionType
+} from "./chunk-OMZRNT5C.js";
+import "./chunk-7KYOZVDT.js";
+import "./chunk-UJID64BQ.js";
+import "./chunk-3CBDXOAT.js";
+import "./chunk-JGOWLR4V.js";
+import "./chunk-7OFAQ3I5.js";
+import "./chunk-Z74G4VXQ.js";
+import "./chunk-GWE3BRHX.js";
+import "./chunk-KQNNXJG2.js";
+import "./chunk-IQYQOEW3.js";
+import "./chunk-IUORUH2M.js";
+import "./chunk-N3ILQXOU.js";
+import "./chunk-4EFJZ3GQ.js";
+export {
+  ReleaseCommand,
+  ReleaseVersionType
+};
+//# sourceMappingURL=ReleaseCommand-74EIKSEC.js.map

package/build/{ServeCommand-WOUZHV2Y.js → ServeCommand-3ZP2YZ5Z.js}

@@ -3,14 +3,14 @@ const require = _createRequire(import.meta.url);
 import {
   createPackageManager,
   getRepoType
-} from "./chunk-YK5OGTF3.js";
+} from "./chunk-ESHNTWNK.js";
 import "./chunk-GWE3BRHX.js";
 import {
   CliError,
   CliErrorCode,
   useAsync,
   useProjectModel
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-N3ILQXOU.js";
 import {
   init_esm_shims
 } from "./chunk-4EFJZ3GQ.js";
@@ -40,4 +40,4 @@ var ServeCommandDeprecated = () => {
 export {
   ServeCommandDeprecated
 };
-//# sourceMappingURL=ServeCommand-WOUZHV2Y.js.map
+//# sourceMappingURL=ServeCommand-3ZP2YZ5Z.js.map

package/build/{build-C6DB6Y6E.js → build-HYWIEVFV.js}

@@ -2,10 +2,10 @@ import { createRequire as _createRequire } from 'node:module';
 const require = _createRequire(import.meta.url);
 import {
   writeAppManifestFile
-} from "./chunk-6XUQYB5M.js";
+} from "./chunk-UJID64BQ.js";
 import {
   createLogger
-} from "./chunk-R66WIGA4.js";
+} from "./chunk-675XBLUK.js";
 import {
   createAppManifest,
   getComponentBuildSourceBuilder,
@@ -14,15 +14,15 @@ import {
   getViteConfig4 as getViteConfig3,
   getViteConfig5 as getViteConfig4,
   validateComponents
-} from "./chunk-JYS6G4NW.js";
-import "./chunk-DAOCDBEQ.js";
+} from "./chunk-IQYQOEW3.js";
+import "./chunk-IUORUH2M.js";
 import {
   CliError,
   CliErrorCode,
   DevCenterComponent,
   getDistFolder,
   require_lib
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-N3ILQXOU.js";
 import {
   __toESM,
   init_esm_shims
@@ -133,4 +133,4 @@ async function build(projectModel) {
 export {
   build
 };
-//# sourceMappingURL=build-C6DB6Y6E.js.map
+//# sourceMappingURL=build-HYWIEVFV.js.map

package/build/{chunk-OMC2SHRJ.js → chunk-3CBDXOAT.js}

@@ -4,13 +4,13 @@ import {
   componentGenerator,
   require_lodash,
   useBackendComponents
-} from "./chunk-NPPPO5AD.js";
+} from "./chunk-7OFAQ3I5.js";
 import {
   useTunnel
-} from "./chunk-HSSABJL6.js";
+} from "./chunk-Z74G4VXQ.js";
 import {
   useDebugLog
-} from "./chunk-4JT7QYEF.js";
+} from "./chunk-KQNNXJG2.js";
 import {
   createAppManifest,
   getComponentDevSourceBuilder,
@@ -18,10 +18,10 @@ import {
   getViteConfig2,
   getViteServerUrl,
   updateAppManifestComponents
-} from "./chunk-JYS6G4NW.js";
+} from "./chunk-IQYQOEW3.js";
 import {
   useExtensionDataClient
-} from "./chunk-DAOCDBEQ.js";
+} from "./chunk-IUORUH2M.js";
 import {
   APP_CONFIG_PATH,
   Alert,
@@ -82,7 +82,7 @@ import {
   wixCliAction,
   wixCliAppFlowStepsAnswers,
   z
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-N3ILQXOU.js";
 import {
   __commonJS,
   __dirname,
@@ -28992,4 +28992,4 @@ xmlhttprequest-ssl/lib/XMLHttpRequest.js:
    * @license MIT
    *)
 */
-//# sourceMappingURL=chunk-OMC2SHRJ.js.map
+//# sourceMappingURL=chunk-3CBDXOAT.js.map

package/build/{chunk-R66WIGA4.js → chunk-675XBLUK.js}

@@ -5,7 +5,7 @@ import {
   createRendererToString,
   isCliError,
   require_react
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-N3ILQXOU.js";
 import {
   __toESM,
   init_esm_shims
@@ -58,4 +58,4 @@ function createLogger({
 export {
   createLogger
 };
-//# sourceMappingURL=chunk-R66WIGA4.js.map
+//# sourceMappingURL=chunk-675XBLUK.js.map

package/build/{chunk-KJN5NVSU.js → chunk-7KYOZVDT.js}

@@ -2,7 +2,7 @@ import { createRequire as _createRequire } from 'node:module';
 const require = _createRequire(import.meta.url);
 import {
   readAppManifestFile
-} from "./chunk-6XUQYB5M.js";
+} from "./chunk-UJID64BQ.js";
 import {
   ArmTagProvider,
   ExtensionDataProvider,
@@ -16,16 +16,16 @@ import {
   useResolvePlatformUrl,
   useSite,
   useSiteOverrideClient
-} from "./chunk-OMC2SHRJ.js";
+} from "./chunk-3CBDXOAT.js";
 import {
   useBackendComponents
-} from "./chunk-NPPPO5AD.js";
+} from "./chunk-7OFAQ3I5.js";
 import {
   getMonitoringProvider,
   updateAppManifestComponents,
   updateMonitoring,
   updateTopology
-} from "./chunk-JYS6G4NW.js";
+} from "./chunk-IQYQOEW3.js";
 import {
   Alert,
   BROWSER_STATICS_FOLDER,
@@ -57,7 +57,7 @@ import {
   useHttpClient,
   useProjectModel,
   useTranslation
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-N3ILQXOU.js";
 import {
   __toESM,
   init_esm_shims
@@ -294,4 +294,4 @@ export {
   assertBuildOutputExists,
   PreviewCommand
 };
-//# sourceMappingURL=chunk-KJN5NVSU.js.map
+//# sourceMappingURL=chunk-7KYOZVDT.js.map

package/build/{chunk-NPPPO5AD.js → chunk-7OFAQ3I5.js}

@@ -15,7 +15,7 @@ import {
   useProjectModel,
   writePackageJson,
   z
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-N3ILQXOU.js";
 import {
   __commonJS,
   __require,
@@ -9385,4 +9385,4 @@ ejs/lib/ejs.js:
    * @license {@link http://www.apache.org/licenses/LICENSE-2.0 Apache License, Version 2.0}
    *)
 */
-//# sourceMappingURL=chunk-NPPPO5AD.js.map
+//# sourceMappingURL=chunk-7OFAQ3I5.js.map

package/build/{chunk-CRTLCQQ3.js → chunk-ARET4KWX.js}

@@ -2,13 +2,13 @@ import { createRequire as _createRequire } from 'node:module';
 const require = _createRequire(import.meta.url);
 import {
   addUserFields
-} from "./chunk-5PFWNTTF.js";
+} from "./chunk-FD7SWKJQ.js";
 import {
   messages_default
 } from "./chunk-T5HHDBBR.js";
 import {
   DebugLogProvider
-} from "./chunk-4JT7QYEF.js";
+} from "./chunk-KQNNXJG2.js";
 import {
   AccountAuthProvider,
   BiProvider,
@@ -21,7 +21,7 @@ import {
   getDebugLogFilePath,
   isLoggedInToAccount,
   require_react
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-N3ILQXOU.js";
 import {
   __toESM,
   init_esm_shims
@@ -63,4 +63,4 @@ export {
   log,
   executeCommand
 };
-//# sourceMappingURL=chunk-CRTLCQQ3.js.map
+//# sourceMappingURL=chunk-ARET4KWX.js.map

package/build/{chunk-YK5OGTF3.js → chunk-ESHNTWNK.js}

@@ -11,7 +11,7 @@ import {
   require_lib,
   writeJson,
   z
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-N3ILQXOU.js";
 import {
   __toESM,
   init_esm_shims
@@ -351,4 +351,4 @@ export {
   getRepoType,
   createPackageManager
 };
-//# sourceMappingURL=chunk-YK5OGTF3.js.map
+//# sourceMappingURL=chunk-ESHNTWNK.js.map

package/build/{chunk-5PFWNTTF.js → chunk-FD7SWKJQ.js}

@@ -5,7 +5,7 @@ import {
   isCliSystemError,
   wixCliCliCommand,
   wixCliCliCommandStatus
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-N3ILQXOU.js";
 import {
   __commonJS,
   __toESM,
@@ -594,4 +594,4 @@ export {
   addUserFields,
   reportCommandStartEvent
 };
-//# sourceMappingURL=chunk-5PFWNTTF.js.map
+//# sourceMappingURL=chunk-FD7SWKJQ.js.map

package/build/{chunk-JYS6G4NW.js → chunk-IQYQOEW3.js}

@@ -3,7 +3,7 @@ const require = _createRequire(import.meta.url);
 import {
   getBackendEventSlug,
   require_baseUniq
-} from "./chunk-DAOCDBEQ.js";
+} from "./chunk-IUORUH2M.js";
 import {
   API_BASEURL_PLACEHOLDER,
   BACKEND_OPTIMIZED_DIR,
@@ -27,12 +27,14 @@ import {
   ExtendingComponentType,
   HeightMode,
   MonitoringType,
+  PRESETS_DIR,
   PanelContentType,
   RELATIVE_ASSET_PATH_REGEX,
   RegionType,
   SERVICE_PLUGINS_PATTERN,
   SITE_COMPONENTS_PANEL_PATTERN,
   SITE_COMPONENTS_PATTERN,
+  SITE_COMPONENTS_PRESETS_PATTERN,
   SITE_COMPONENTS_SDK_PATTERN,
   SITE_PLUGINS_PANEL_PATTERN,
   SITE_PLUGINS_PLUGIN_PATTERN,
@@ -73,11 +75,13 @@ import {
   virtualModuleIdForSiteComponentSdkScriptAsset,
   virtualPathForCustomElementPanelHTMLAsset,
   virtualPathForHTMLAsset,
+  virtualPresetIdForSiteComponent,
   virtualSiteComponentPanelScriptAssets,
+  virtualSiteComponentPresetAssets,
   virtualSiteComponentScriptAssets,
   virtualSiteComponentSdkScriptAssets,
   z
-} from "./chunk-FG7W5UDB.js";
+} from "./chunk-N3ILQXOU.js";
 import {
   __commonJS,
   __esm,
@@ -39089,7 +39093,7 @@ function fbjsHotfixPlugin() {
 
 // src/vite/plugins/config-extensions-file-emitter.ts
 init_esm_shims();
-import path5 from "node:path";
+import path5, { dirname as dirname2 } from "node:path";
 function configExtensionsFileEmitter(model) {
   return {
     name: "config-extensions-file-emitter",
@@ -39127,6 +39131,16 @@ function configExtensionsFileEmitter(model) {
             }
           }
         }
+        if (component.type === "SiteComponent" && component.editorElement?.presets) {
+          for (const preset of Object.values(component.editorElement.presets)) {
+            if (preset.thumbnailUrl && RELATIVE_ASSET_PATH_REGEX.test(preset.thumbnailUrl)) {
+              preset.thumbnailUrl = await emitAssetFile(
+                preset.thumbnailUrl,
+                dirname2(component.relativePath)
+              );
+            }
+          }
+        }
       }
     }
   };
@@ -39266,6 +39280,9 @@ function getViteConfig2(model, options) {
   const virtualSiteComponentPanelScriptEntries = [
     ...virtualSiteComponentPanelScriptAssets(model)
   ].map(([assetId, component]) => [`script-asset-${component.id}`, assetId]);
+  const virtualSiteComponentPresetEntries = [
+    ...virtualSiteComponentPresetAssets(model)
+  ].map(([assetId, assetPath]) => [assetId, assetPath]);
   return {
     configFile: false,
     root: model.projectFolder,
@@ -39287,7 +39304,8 @@ function getViteConfig2(model, options) {
             ...virtualCustomElementHTMLEntries,
             ...virtualCustomElementScriptEntries,
             ...virtualSiteComponentScriptEntries,
-            ...virtualSiteComponentPanelScriptEntries
+            ...virtualSiteComponentPanelScriptEntries,
+            ...virtualSiteComponentPresetEntries
           ]),
           ...virtualSiteComponentScriptEntries.length ? { [EXPORTS_CUSTODIAN_ENTRY]: EXPORTS_CUSTODIAN_ENTRY } : {}
         },
@@ -39647,7 +39665,7 @@ function autoOrigin() {
 
 // src/vite/plugins/absolute-html-url.ts
 init_esm_shims();
-import { dirname as dirname2, isAbsolute as isAbsolute2, join as join5 } from "node:path";
+import { dirname as dirname3, isAbsolute as isAbsolute2, join as join5 } from "node:path";
 import { URL as URL2 } from "node:url";
 function getAbsoluteAssetUrl(originalUrl, assetUrl, viteAddress) {
   let url = new URL2(assetUrl, viteAddress).href;
@@ -39655,7 +39673,7 @@ function getAbsoluteAssetUrl(originalUrl, assetUrl, viteAddress) {
     return url;
   }
   if (!isAbsolute2(assetUrl)) {
-    const assetPath = join5(dirname2(originalUrl), assetUrl);
+    const assetPath = join5(dirname3(originalUrl), assetUrl);
     url = new URL2(assetPath, viteAddress).href;
   }
   return url;
@@ -39715,7 +39733,8 @@ function getViteConfig5(model, options) {
         BLOCKS_WIDGETS_PANELS_PATTERN,
         SITE_COMPONENTS_PATTERN,
         SITE_COMPONENTS_PANEL_PATTERN,
-        SITE_COMPONENTS_SDK_PATTERN
+        SITE_COMPONENTS_SDK_PATTERN,
+        SITE_COMPONENTS_PRESETS_PATTERN
       ]
     },
     server: { cors: { origin: true } },
@@ -39754,7 +39773,6 @@ function getViteConfig5(model, options) {
         initialModel: model,
         ...options
       }),
-      configExtensionsFileEmitter(model),
       monitoring({ initialModel: model }),
       src_default({
         ignoreConfigErrors: true,
@@ -39874,13 +39892,13 @@ init_esm_shims();
 var import_variant4 = __toESM(require_lib(), 1);
 var import_uniqWith = __toESM(require_uniqWith(), 1);
 import { randomUUID as randomUUID2 } from "node:crypto";
-import { dirname as dirname3, join as join6 } from "node:path";
+import { dirname as dirname4, join as join6 } from "node:path";
 function isTruthy(x) {
   return x != null && x !== false;
 }
 function parseImageField(asset, relativePath) {
   if (RELATIVE_ASSET_PATH_REGEX.test(asset)) {
-    return join6(dirname3(`/${relativePath}`), asset);
+    return join6(dirname4(`/${relativePath}`), asset);
   }
   return asset;
 }
@@ -40290,6 +40308,7 @@ async function createAppManifest({
           };
         },
         SiteComponent: async (component) => {
+          const siteComponentSource = await componentSourceBuilder(component);
           return {
             compId: component.id,
             compType: ComponentType.EDITOR_REACT_COMPONENT,
@@ -40297,9 +40316,12 @@ async function createAppManifest({
               editorReactComponent: {
                 type: `platform.builder.${appId}_${component.id}`,
                 description: component.description,
-                editorElement: component.editorElement,
+                editorElement: component.editorElement && {
+                  ...component.editorElement,
+                  presets: siteComponentSource.presets
+                },
                 installation: component.installation,
-                resources: { ...await componentSourceBuilder(component) }
+                resources: { ...siteComponentSource.resources }
               }
             }
           };
@@ -40339,7 +40361,7 @@ async function createAppManifest({
 // src/app-manifest/component-source.ts
 init_esm_shims();
 var import_variant5 = __toESM(require_lib(), 1);
-import path8, { join as join7 } from "node:path";
+import path8, { dirname as dirname5, join as join7 } from "node:path";
 import { pathToFileURL as pathToFileURL2 } from "node:url";
 
 // src/app-manifest/build-output-data-extractor.ts
@@ -40356,6 +40378,21 @@ function extractBuildOutputs(buildOutput) {
   const outputs = Array.isArray(buildOutput) ? buildOutput.flatMap((output) => output.output) : buildOutput.output;
   return outputs;
 }
+function extractPresetAssetOutput(buildOutput, presetAssetFileName) {
+  const outputs = extractBuildOutputs(buildOutput);
+  const presetFile = outputs.find((output) => {
+    return output.type === "asset" && output.names.includes(presetAssetFileName);
+  });
+  if (!presetFile) {
+    throw new CliError({
+      code: CliErrorCode.ViteFileNotFoundInOutput({
+        fileName: presetAssetFileName
+      }),
+      cause: null
+    });
+  }
+  return presetFile;
+}
 function extractAssetOutput(buildOutput, fileName) {
   const outputs = extractBuildOutputs(buildOutput);
   return outputs.find((output) => {
@@ -40394,6 +40431,10 @@ function extractModuleBundleCss(buildOutput, moduleId) {
   const importedCss = output.viteMetadata?.importedCss;
   return importedCss?.values().next().value;
 }
+function extractPresetCss(buildOutput, presetAssetFileName) {
+  const output = extractPresetAssetOutput(buildOutput, presetAssetFileName);
+  return output.fileName;
+}
 function extractModuleBundleContent(buildOutput, fileName) {
   const output = extractAssetOutput(buildOutput, fileName);
   if (!output || !("source" in output)) {
@@ -40567,11 +40608,31 @@ var blocksPanelBuilder = (component, source) => {
 var siteComponentDevBuilder = (component) => {
   const moduleId = virtualModuleIdForSiteComponentScriptAsset(component.id);
   const sdkModuleId = component.relativeSdkPath ? virtualModuleIdForSiteComponentSdkScriptAsset(component.id) : null;
+  const presets = component.editorElement?.presets ? Object.entries(
+    component.editorElement.presets
+  ).reduce((acc, [presetName, presetConfig]) => {
+    acc[presetName] = {
+      displayName: presetConfig.displayName,
+      thumbnailUrl: presetConfig.thumbnailUrl && parseImageField(
+        presetConfig.thumbnailUrl,
+        dirname5(component.relativePath)
+      ),
+      cssUrl: join7(
+        dirname5(component.relativePath),
+        PRESETS_DIR,
+        `${presetName}.css`
+      )
+    };
+    return acc;
+  }, {}) : {};
   return {
-    client: {
-      componentUrl: `/@id/${moduleId}?import`
-    },
-    ...sdkModuleId ? { sdk: { url: `/@id/${sdkModuleId}?import` } } : {}
+    presets,
+    resources: {
+      client: {
+        componentUrl: `/@id/${moduleId}?import`
+      },
+      ...sdkModuleId ? { sdk: { url: `/@id/${sdkModuleId}?import` } } : {}
+    }
   };
 };
 var siteComponentBuildBuilder = (component, { browserBuildOutput }, { ssrBuildOutput }) => {
@@ -40580,19 +40641,37 @@ var siteComponentBuildBuilder = (component, { browserBuildOutput }, { ssrBuildOu
   if (!ssrBuildOutput) {
     throw new Error("Missing build output for site component");
   }
+  const presets = {};
+  if (component.editorElement?.presets) {
+    for (const [presetName, presetConfig] of Object.entries(
+      component.editorElement.presets
+    )) {
+      const modulePresetId = virtualPresetIdForSiteComponent(
+        component.id,
+        presetName
+      );
+      presets[presetName] = {
+        ...presetConfig,
+        cssUrl: extractPresetCss(browserBuildOutput, modulePresetId)
+      };
+    }
+  }
   return {
-    client: {
-      componentUrl: extractModuleBundleName(browserBuildOutput, moduleId),
-      cssUrl: extractModuleBundleCss(browserBuildOutput, moduleId)
-    },
-    server: {
-      url: extractModuleBundleName(ssrBuildOutput, moduleId)
-    },
-    ...sdkModuleId ? {
-      sdk: {
-        url: extractModuleBundleName(ssrBuildOutput, sdkModuleId)
-      }
-    } : {}
+    presets,
+    resources: {
+      client: {
+        componentUrl: extractModuleBundleName(browserBuildOutput, moduleId),
+        cssUrl: extractModuleBundleCss(browserBuildOutput, moduleId)
+      },
+      server: {
+        url: extractModuleBundleName(ssrBuildOutput, moduleId)
+      },
+      ...sdkModuleId ? {
+        sdk: {
+          url: extractModuleBundleName(ssrBuildOutput, sdkModuleId)
+        }
+      } : {}
+    }
   };
 };
 var siteComponentPanelBuilder = (component, source) => {
@@ -41174,7 +41253,7 @@ var monitoringSchema = z.object({
     monitoring: z.unknown()
   })
 });
-var siteComponentSourceSchema = z.object({
+var siteComponentResourcesSchema = z.object({
   client: z.object({
     componentUrl: z.string(),
     cssUrl: z.string().optional()
@@ -41186,6 +41265,14 @@ var siteComponentSourceSchema = z.object({
     url: z.string()
   }).optional()
 });
+var siteComponentPresetsSchema = z.record(
+  z.string(),
+  z.object({
+    cssUrl: z.string(),
+    displayName: z.string(),
+    thumbnailUrl: z.string().optional()
+  })
+);
 var siteComponentSchema = z.object({
   compType: z.literal(ComponentType.EDITOR_REACT_COMPONENT),
   compId: z.string(),
@@ -41194,9 +41281,13 @@ var siteComponentSchema = z.object({
     editorReactComponent: z.object({
       type: z.string().min(5),
       description: z.string().min(5),
-      resources: siteComponentSourceSchema,
-      editorElement: z.unknown(),
-      installation: z.unknown()
+      resources: siteComponentResourcesSchema,
+      installation: z.unknown(),
+      editorElement: z.object({
+        displayName: z.string(),
+        selector: z.string(),
+        presets: siteComponentPresetsSchema
+      }).passthrough().optional()
     })
   })
 });
@@ -41435,6 +41526,19 @@ var overrideCustomElementPresetsWithNormalizedAssets = (presets, normalizedBaseU
   }
   return {};
 };
+var overrideSiteComponentPresetsWithNormalizedAssets = (presets, normalizedBaseUrl) => {
+  return Object.entries(presets).reduce(
+    (siteComponentPresets, [presetName, presetConfig]) => {
+      siteComponentPresets[presetName] = {
+        ...presetConfig,
+        thumbnailUrl: presetConfig.thumbnailUrl && normalizeUrl(presetConfig.thumbnailUrl, normalizedBaseUrl),
+        cssUrl: normalizeUrl(presetConfig.cssUrl, normalizedBaseUrl)
+      };
+      return siteComponentPresets;
+    },
+    {}
+  );
+};
 var overrideSitePluginMarketDataWithNormalizedLogoUrl = (marketData, normalizedBaseUrl) => {
   const logoUrl = marketData.logoUrl;
   if (logoUrl) {
@@ -41535,6 +41639,12 @@ var updateBrowserComponentsWithBaseUrl = (appManifest, baseUrl) => {
         compData.editorReactComponent.resources.client.componentUrl,
         normalizedBaseUrl
       );
+      if (compData.editorReactComponent.editorElement?.presets) {
+        compData.editorReactComponent.editorElement.presets = overrideSiteComponentPresetsWithNormalizedAssets(
+          compData.editorReactComponent.editorElement.presets,
+          normalizedBaseUrl
+        );
+      }
       if (compData.editorReactComponent.resources.client.cssUrl) {
         compData.editorReactComponent.resources.client.cssUrl = normalizeUrl(
           compData.editorReactComponent.resources.client.cssUrl,
@@ -41824,4 +41934,4 @@ export {
 he/he.js:
   (*! https://mths.be/he v1.2.0 by @mathias | MIT license *)
 */
-//# sourceMappingURL=chunk-JYS6G4NW.js.map
+//# sourceMappingURL=chunk-IQYQOEW3.js.map