cloudcommerce 2.3.1 → 2.3.2

package/packages/storefront/dist/server/chunks/pages/{__XOsz50la.mjs → __ZucPYaOo.mjs}

@@ -1,18 +1,21 @@
 import { img, imgSizes, i18n, formatMoney, price, randomObjectId, nickname, inStock, gridTitle, categoriesList, name, onPromotion, variationsGrids, specTextValue, specValueByText } from '@ecomplus/utils';
-import { c as createAstro, b as createComponent, r as renderTemplate, d as addAttribute, u as unescapeHTML, e as renderComponent, f as createTransitionScope, s as spreadAttributes, g as renderSlotToString, h as renderAllHeadContent, m as maybeRenderHead, i as renderSlot$1, F as Fragment } from '../astro_ECsNQeA2.mjs';
+import '@astrojs/internal-helpers/path';
+import { A as AstroError, c as ExpectedImageOptions, E as ExpectedImage, d as InvalidImageService, e as createAstro, f as createComponent, g as ImageMissingAlt, r as renderTemplate, m as maybeRenderHead, h as addAttribute, s as spreadAttributes, u as unescapeHTML, i as renderComponent, j as createTransitionScope, k as renderSlotToString, l as renderAllHeadContent, n as renderSlot$1, F as Fragment } from '../astro_u-oSb215.mjs';
 import 'kleur/colors';
 import 'cssesc';
 import api from '@cloudcommerce/api';
 import { EventEmitter } from 'node:events';
-import fs, { readFileSync } from 'node:fs';
-import { resolve, join } from 'node:path';
+import { useSSRContext, defineComponent, computed, createVNode, resolveDynamicComponent, mergeProps, withCtx, renderSlot, inject, ref, watch, toRef, onMounted, onBeforeUnmount, provide, getCurrentInstance, reactive, shallowRef, resolveComponent, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, nextTick, withModifiers, Teleport, createTextVNode, toDisplayString, defineAsyncComponent, vModelText, Suspense, createSlots, shallowReactive, withAsyncContext, vModelRadio } from 'vue';
+import fs, { copyFileSync } from 'node:fs';
+import { resolve, join, basename as basename$1 } from 'node:path';
 import { parse } from 'yaml';
 import config from '@cloudcommerce/config';
 import 'clsx';
 /* empty css                           */
 import { renderSync, parse as parse$1, ELEMENT_NODE, walkSync } from 'ultrahtml';
 import mime from 'mime/lite.js';
-import { useSSRContext, defineComponent, computed, createVNode, resolveDynamicComponent, mergeProps, withCtx, renderSlot, inject, ref, watch, toRef, onMounted, onBeforeUnmount, provide, reactive, shallowRef, resolveComponent, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, nextTick, withModifiers, Teleport, createTextVNode, toDisplayString, defineAsyncComponent, vModelText, Suspense, createSlots, shallowReactive, withAsyncContext, vModelRadio } from 'vue';
+import { i as isESMImportedImage, a as isLocalService, b as isRemoteImage, D as DEFAULT_HASH_PROPS } from '../astro/assets-service_631fRtTy.mjs';
+import imageSize from 'image-size';
 import { ssrRenderSlotInner, ssrRenderVNode, ssrRenderSlot, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate, ssrRenderSuspense, ssrLooseEqual } from 'vue/server-renderer';
 import { useScroll, useElementHover, useDebounceFn, watchDebounced, useTimeout, promiseTimeout, watchOnce, onClickOutside, useUrlSearchParams, createReusableTemplate } from '@vueuse/core';
 import mitt from 'mitt';
@@ -668,6 +671,153 @@ const mod = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   default: createApp
 }, Symbol.toStringTag, { value: 'Module' }));
 
+async function getConfiguredImageService() {
+  if (!globalThis?.astroAsset?.imageService) {
+    const { default: service } = await import(
+      // @ts-expect-error
+      '../astro/assets-service_631fRtTy.mjs'
+    ).then(n => n.s).catch((e) => {
+      const error = new AstroError(InvalidImageService);
+      error.cause = e;
+      throw error;
+    });
+    if (!globalThis.astroAsset)
+      globalThis.astroAsset = {};
+    globalThis.astroAsset.imageService = service;
+    return service;
+  }
+  return globalThis.astroAsset.imageService;
+}
+async function getImage$1(options, imageConfig) {
+  if (!options || typeof options !== "object") {
+    throw new AstroError({
+      ...ExpectedImageOptions,
+      message: ExpectedImageOptions.message(JSON.stringify(options))
+    });
+  }
+  if (typeof options.src === "undefined") {
+    throw new AstroError({
+      ...ExpectedImage,
+      message: ExpectedImage.message(
+        options.src,
+        "undefined",
+        JSON.stringify(options)
+      )
+    });
+  }
+  const service = await getConfiguredImageService();
+  const resolvedOptions = {
+    ...options,
+    src: typeof options.src === "object" && "then" in options.src ? (await options.src).default ?? await options.src : options.src
+  };
+  const originalPath = isESMImportedImage(resolvedOptions.src) ? resolvedOptions.src.fsPath : resolvedOptions.src;
+  const clonedSrc = isESMImportedImage(resolvedOptions.src) ? (
+    // @ts-expect-error - clone is a private, hidden prop
+    resolvedOptions.src.clone ?? resolvedOptions.src
+  ) : resolvedOptions.src;
+  resolvedOptions.src = clonedSrc;
+  const validatedOptions = service.validateOptions ? await service.validateOptions(resolvedOptions, imageConfig) : resolvedOptions;
+  const srcSetTransforms = service.getSrcSet ? await service.getSrcSet(validatedOptions, imageConfig) : [];
+  let imageURL = await service.getURL(validatedOptions, imageConfig);
+  let srcSets = await Promise.all(
+    srcSetTransforms.map(async (srcSet) => ({
+      transform: srcSet.transform,
+      url: await service.getURL(srcSet.transform, imageConfig),
+      descriptor: srcSet.descriptor,
+      attributes: srcSet.attributes
+    }))
+  );
+  if (isLocalService(service) && globalThis.astroAsset.addStaticImage && !(isRemoteImage(validatedOptions.src) && imageURL === validatedOptions.src)) {
+    const propsToHash = service.propertiesToHash ?? DEFAULT_HASH_PROPS;
+    imageURL = globalThis.astroAsset.addStaticImage(validatedOptions, propsToHash, originalPath);
+    srcSets = srcSetTransforms.map((srcSet) => ({
+      transform: srcSet.transform,
+      url: globalThis.astroAsset.addStaticImage(srcSet.transform, propsToHash, originalPath),
+      descriptor: srcSet.descriptor,
+      attributes: srcSet.attributes
+    }));
+  }
+  return {
+    rawOptions: resolvedOptions,
+    options: validatedOptions,
+    src: imageURL,
+    srcSet: {
+      values: srcSets,
+      attribute: srcSets.map((srcSet) => `${srcSet.url} ${srcSet.descriptor}`).join(", ")
+    },
+    attributes: service.getHTMLAttributes !== void 0 ? await service.getHTMLAttributes(validatedOptions, imageConfig) : {}
+  };
+}
+
+const $$Astro$h = createAstro("https://demo.ecomplus.app");
+const $$Image = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$h, $$props, $$slots);
+  Astro2.self = $$Image;
+  const props = Astro2.props;
+  if (props.alt === void 0 || props.alt === null) {
+    throw new AstroError(ImageMissingAlt);
+  }
+  if (typeof props.width === "string") {
+    props.width = parseInt(props.width);
+  }
+  if (typeof props.height === "string") {
+    props.height = parseInt(props.height);
+  }
+  const image = await getImage(props);
+  const additionalAttributes = {};
+  if (image.srcSet.values.length > 0) {
+    additionalAttributes.srcset = image.srcSet.attribute;
+  }
+  return renderTemplate`${maybeRenderHead()}<img${addAttribute(image.src, "src")}${spreadAttributes(additionalAttributes)}${spreadAttributes(image.attributes)}>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/astro/components/Image.astro", void 0);
+
+const $$Astro$g = createAstro("https://demo.ecomplus.app");
+const $$Picture$1 = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$g, $$props, $$slots);
+  Astro2.self = $$Picture$1;
+  const defaultFormats = ["webp"];
+  const defaultFallbackFormat = "png";
+  const specialFormatsFallback = ["gif", "svg", "jpg", "jpeg"];
+  const { formats = defaultFormats, pictureAttributes = {}, fallbackFormat, ...props } = Astro2.props;
+  if (props.alt === void 0 || props.alt === null) {
+    throw new AstroError(ImageMissingAlt);
+  }
+  const optimizedImages = await Promise.all(
+    formats.map(
+      async (format) => await getImage({ ...props, format, widths: props.widths, densities: props.densities })
+    )
+  );
+  let resultFallbackFormat = fallbackFormat ?? defaultFallbackFormat;
+  if (!fallbackFormat && isESMImportedImage(props.src) && specialFormatsFallback.includes(props.src.format)) {
+    resultFallbackFormat = props.src.format;
+  }
+  const fallbackImage = await getImage({
+    ...props,
+    format: resultFallbackFormat,
+    widths: props.widths,
+    densities: props.densities
+  });
+  const imgAdditionalAttributes = {};
+  const sourceAdditionaAttributes = {};
+  if (props.sizes) {
+    sourceAdditionaAttributes.sizes = props.sizes;
+  }
+  if (fallbackImage.srcSet.values.length > 0) {
+    imgAdditionalAttributes.srcset = fallbackImage.srcSet.attribute;
+  }
+  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttributes)}>
+	${Object.entries(optimizedImages).map(([_, image]) => {
+    const srcsetAttribute = props.densities || !props.densities && !props.widths ? `${image.src}${image.srcSet.values.length > 0 ? ", " + image.srcSet.attribute : ""}` : image.srcSet.attribute;
+    return renderTemplate`<source${addAttribute(srcsetAttribute, "srcset")}${addAttribute("image/" + image.options.format, "type")}${spreadAttributes(sourceAdditionaAttributes)}>`;
+  })}
+	<img${addAttribute(fallbackImage.src, "src")}${spreadAttributes(imgAdditionalAttributes)}${spreadAttributes(fallbackImage.attributes)}>
+</picture>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/astro/components/Picture.astro", void 0);
+
+const imageConfig = {"service":{"entrypoint":"astro/assets/services/sharp","config":{}},"domains":[],"remotePatterns":[],"endpoint":"astro/assets/endpoint/node"};
+					const assetsDir = new URL("file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/dist/client/");
+					const getImage = async (options) => await getImage$1(options, imageConfig);
+
 const i19aboveOf = "Acima de";
 const i19brands = "Marcas";
 const i19categories = "Categorias";
@@ -851,14 +1001,32 @@ if (!globalThis.$apiMergeConfig) {
 if (!globalThis.$apiPrefetchEndpoints) {
   globalThis.$apiPrefetchEndpoints = [];
 }
+const sessions = {};
 if (!globalThis.$storefront) {
-  globalThis.$storefront = {
+  globalThis.$storefront = new Proxy({
     settings: {},
-    onLoad(callback) {
-      emitter$1.once("load", callback);
+    data: {},
+    url: void 0,
+    getSession(sid) {
+      if (!sid && !!getCurrentInstance()) {
+        sid = inject("sid");
+      }
+      return sid && sessions[sid] || global.__sfSession;
     },
-    data: {}
-  };
+    onLoad(callback, sid) {
+      emitter$1.once(sid ? `load:${sid}` : "load", callback);
+    }
+  }, {
+    get(target, prop) {
+      if (prop === "apiContext") {
+        return target.getSession().apiContext;
+      }
+      if (prop === "url") {
+        return target.getSession().url;
+      }
+      return target[prop];
+    }
+  });
 }
 const setResponseCache = (Astro, maxAge, sMaxAge) => {
   const headerName = "Cache-Control" ;
@@ -880,7 +1048,9 @@ const loadRouteContext = async (Astro, {
   contentCollection,
   apiPrefetchEndpoints = globalThis.$apiPrefetchEndpoints
 } = {}) => {
-  globalThis.astroUrl = Astro.url;
+  const sid = `${Date.now() + Math.random()}`;
+  sessions[sid] = { url: Astro.url };
+  global.__sfSession = sessions[sid];
   const startedAt = Date.now();
   let urlPath = Astro.url.pathname;
   const isPreview = urlPath.startsWith("/~preview");
@@ -937,11 +1107,15 @@ const loadRouteContext = async (Astro, {
           }).catch(console.warn);
           const apiDoc = apiContext.doc;
           apiState[`${apiResource}/${apiDoc._id}`] = apiDoc;
-          globalThis.$storefront.apiContext = {
+          sessions[sid].apiContext = {
             resource: apiResource,
             doc: apiDoc,
             timestamp: Date.now()
           };
+          setTimeout(() => {
+            sessions[sid] = null;
+            delete sessions[sid];
+          }, 5e3);
           resolve(null);
         }).catch((err) => {
           if (prefetchingsIndex > -1) {
@@ -1001,7 +1175,9 @@ const loadRouteContext = async (Astro, {
     }
     Astro.locals.assetsPrefix = assetsPrefix || "";
   }
-  if (urlPath === "/~fallback") {
+  if (isPreview) {
+    setResponseCache(Astro, 0);
+  } else if (urlPath === "/~fallback") {
     setResponseCache(Astro, 3600, 86400);
   } else if (isHomepage) {
     setResponseCache(Astro, 180);
@@ -1017,11 +1193,14 @@ const loadRouteContext = async (Astro, {
     fetchingApiContext,
     apiContext,
     apiState,
-    isPreview
+    isPreview,
+    sid
     // Astro,
   };
   Astro.locals.routeContext = routeContext;
+  Astro.cookies.set("sid", sid);
   emitter$1.emit("load", routeContext);
+  emitter$1.emit(`load:${sid}`, routeContext);
   globalThis.__sfIds = {};
   return routeContext;
 };
@@ -1035,7 +1214,9 @@ const $$ViewTransitions = createComponent(async ($$result, $$props, $$slots) =>
   const Astro2 = $$result.createAstro($$Astro$f, $$props, $$slots);
   Astro2.self = $$ViewTransitions;
   const { fallback = "animate" } = Astro2.props;
-  return renderTemplate`<meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback"${addAttribute(fallback, "content")}>`;
+  return renderTemplate`<meta name="astro-view-transitions-enabled" content="true">
+<meta name="astro-view-transitions-fallback"${addAttribute(fallback, "content")}>
+`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/ViewTransitions.astro", void 0);
 
 var __freeze$3 = Object.freeze;
@@ -1160,11 +1341,16 @@ setTimeout(() => {
     inlineClientJS += `
 window._firstLoadContextId = '${apiDoc._id}';`;
     contextInlineClientJS = `
+$storefront.url = new URL(window.location.toString());
 $storefront.apiContext = ${JSON.stringify({
       resource: apiContext.resource,
       doc: minifyApiDoc({ ...apiDoc }),
       timestamp: Date.now()
     })};
+$storefront.getSession = (/* sid */) => {
+  url: $storefront.url,
+  apiContext: $storefront.apiContext,
+};
 $storefront.context /* DEPRECATED */ = $storefront.apiContext;
 _emitApiContext('${apiDoc._id}');`;
   } else {
@@ -1187,7 +1373,7 @@ window.$isCmsPreview = true;`;
     url: `https://${domain}/`,
     logo: `https://${domain}${settings.logo}`
   });
-  return renderTemplate(_c || (_c = __template$3(['<meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <meta name="theme-color"', '> <link rel="icon" type="image/png"', ' sizes="32x32"> ', " ", " ", ' <meta name="author"', '> <meta name="generator"', '> <link rel="canonical"', "> ", ' <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="default"> <meta property="og:site_name"', '> <meta property="og:url"', '> <meta property="og:title"', '> <meta property="og:description"', '> <meta property="og:type" content="website"> <meta property="og:locale"', "> ", " ", ' <meta name="twitter:card" content="summary"> ', ' <meta name="ecom-store-id"', "> ", " <script", ">", '</script> <script type="application/ld+json">', "</script> ", " ", ""])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title && renderTemplate`<title>${title}</title>`, description && renderTemplate`<meta name="description"${addAttribute(description, "content")}>`, addAttribute(settings.name, "content"), addAttribute(Astro2.generator, "content"), addAttribute(canonicalUrl, "href"), shortcutIcon && renderTemplate`<link rel="apple-touch-icon"${addAttribute(shortcutIcon, "href")}>`, addAttribute(settings.name, "content"), addAttribute(canonicalUrl, "content"), addAttribute(title, "content"), addAttribute(description, "content"), addAttribute(ogLocale, "content"), ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`, metatagsContent?.fbAppId && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fbAppId, "content")}>`, metatagsContent?.twitterUsername && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitterUsername, "content")}>`, addAttribute(String(storeId), "content"), isPWA , addAttribute(createTransitionScope($$result, "kvdive2p"), "data-astro-transition-persist"), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd), hasViewTransitions && renderTemplate`${renderComponent($$result, "ViewTransitions", $$ViewTransitions, { "fallback": "none" })}`, contextInlineClientJS && renderTemplate(_b || (_b = __template$3(["<script>", "</script>"])), unescapeHTML(contextInlineClientJS)));
+  return renderTemplate(_c || (_c = __template$3(['<meta charset="UTF-8">\n<meta name="viewport" content="width=device-width">\n<meta name="theme-color"', '>\n<link rel="icon" type="image/png"', ' sizes="32x32">\n', "\n", "\n", '\n<meta name="author"', '>\n<meta name="generator"', '>\n<link rel="canonical"', ">\n", '\n<meta name="apple-mobile-web-app-capable" content="yes">\n<meta name="apple-mobile-web-app-status-bar-style" content="default">\n<meta property="og:site_name"', '>\n<meta property="og:url"', '>\n<meta property="og:title"', '>\n<meta property="og:description"', '>\n<meta property="og:type" content="website">\n<meta property="og:locale"', ">\n", "\n", '\n<meta name="twitter:card" content="summary">\n', '\n<meta name="ecom-store-id"', ">\n\n", "\n\n<script", ">", '</script>\n<script type="application/ld+json">', "</script>\n\n", "\n", ""])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title && renderTemplate`<title>${title}</title>`, description && renderTemplate`<meta name="description"${addAttribute(description, "content")}>`, addAttribute(settings.name, "content"), addAttribute(Astro2.generator, "content"), addAttribute(canonicalUrl, "href"), shortcutIcon && renderTemplate`<link rel="apple-touch-icon"${addAttribute(shortcutIcon, "href")}>`, addAttribute(settings.name, "content"), addAttribute(canonicalUrl, "content"), addAttribute(title, "content"), addAttribute(description, "content"), addAttribute(ogLocale, "content"), ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`, metatagsContent?.fbAppId && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fbAppId, "content")}>`, metatagsContent?.twitterUsername && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitterUsername, "content")}>`, addAttribute(String(storeId), "content"), isPWA , addAttribute(createTransitionScope($$result, "kvdive2p"), "data-astro-transition-persist"), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd), hasViewTransitions && renderTemplate`${renderComponent($$result, "ViewTransitions", $$ViewTransitions, { "fallback": "none" })}`, contextInlineClientJS && renderTemplate(_b || (_b = __template$3(["<script>", "</script>"])), unescapeHTML(contextInlineClientJS)));
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", "self");
 
 function has(value) {
@@ -1424,54 +1610,6 @@ const createPictureGetter = (getImage) => {
   };
 };
 
-const { STOREFRONT_BASE_DIR } = process.env;
-const baseDir = STOREFRONT_BASE_DIR || process.cwd();
-const builtImages = [];
-const manifestFilepath = join(baseDir, "dist/server/images.dist.csv");
-try {
-  readFileSync(manifestFilepath, "utf-8").split(/\n/).forEach((line) => {
-    const [filename, width, height] = line.split(",");
-    builtImages.push({
-      filename,
-      width: Number(width),
-      height: Number(height)
-    });
-  });
-} catch (err) {
-  if (global.$renderStorefront) {
-    console.error(err);
-  }
-}
-builtImages.sort((a, b) => {
-  if (a.width < b.width)
-    return -1;
-  return 1;
-});
-const getBuiltImage = async ({ src, width, format }) => {
-  const filename = src.replace(/^.*\//, "").replace(/.\w+(\?.*)?$/, "");
-  const filenameRegExp = new RegExp(`[_.][a-z0-9]+\\.${format}$`, "i");
-  const matchFilename = (_builtImage) => {
-    return filename === _builtImage.filename.replace(filenameRegExp, "");
-  };
-  let builtImage = builtImages.find((_builtImage) => {
-    return _builtImage.width >= width && matchFilename(_builtImage);
-  });
-  if (!builtImage) {
-    builtImage = builtImages.find(matchFilename);
-  }
-  if (builtImage) {
-    return {
-      src: `/_astro/${builtImage.filename}`,
-      width: builtImage.width,
-      height: builtImage.height
-    };
-  }
-  console.warn(`Could not match built ${format} image for ${src} ${width}px`);
-  return { src, width };
-};
-
-const getBuiltPicture = createPictureGetter(getBuiltImage);
-
 const getAspectRatio = (src, tryImageSize) => {
   if (typeof src === "string") {
     src = tryImageSize(src);
@@ -1624,27 +1762,31 @@ const $$Astro$d = createAstro("https://demo.ecomplus.app");
 const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$d, $$props, $$slots);
   Astro2.self = $$Picture;
-  const { STOREFRONT_BASE_DIR } = process.env;
-  const baseDir = STOREFRONT_BASE_DIR || process.cwd();
-  const originalImages = [];
-  const manifestFilepath = join(baseDir, "dist/server/images.src.csv");
-  readFileSync(manifestFilepath, "utf-8").split(/\n/).forEach((line) => {
-    const [filepath, width, height] = line.split(",");
-    originalImages.push({
-      filepath,
-      width: Number(width),
-      height: Number(height)
-    });
-  });
+  const deployRand = {"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.DEPLOY_RAND;
+  const versionSuffix = {"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.BUILD_OUTPUT !== "static" && deployRand ? `&V=${deployRand}` : "";
+  const getImageFilepath = (src) => {
+    const filepath = resolve(process.env.STOREFRONT_BASE_DIR, `public${src}`);
+    if ({"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.BUILD_OUTPUT === "static") {
+      try {
+        copyFileSync(filepath, resolve(
+          process.env.STOREFRONT_BASE_DIR,
+          {"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.BUILD_OUT_DIR || "dist/client",
+          "_astro",
+          basename$1(filepath)
+        ));
+      } catch (err) {
+        console.error(err);
+      }
+    }
+    return filepath;
+  };
   const tryImageSize = (src) => {
     let dimensions = {};
     if (typeof src === "string" && src.startsWith("/")) {
-      const originalImage = originalImages.find(({ filepath }) => {
-        return new RegExp(`^/${filepath}\\??.*`).test(src);
-      });
-      if (originalImage) {
-        const { width, height } = originalImage;
-        dimensions = { width, height };
+      try {
+        dimensions = imageSize(getImageFilepath(src));
+      } catch (e) {
+        dimensions = {};
       }
     }
     return dimensions;
@@ -1657,18 +1799,62 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   } = await useSSRPicture({
     ...Astro2.props,
     tryImageSize,
-    getPicture: getBuiltPicture,
+    getPicture: createPictureGetter(async (imageOptions) => {
+      let imageMetadata;
+      if (imageOptions.src.startsWith("/")) {
+        const imageFilepath = getImageFilepath(imageOptions.src);
+        const { width: width2, height: height2 } = tryImageSize(imageOptions.src);
+        if (width2 && height2) {
+          const mimeType = mime.getType(imageFilepath);
+          if (mimeType?.startsWith("image/")) {
+            imageMetadata = {
+              src: imageFilepath,
+              width: width2,
+              height: height2,
+              // @ts-ignore
+              format: mimeType.replace("image/", "")
+            };
+          }
+        }
+      }
+      const {
+        src,
+        attributes: { width, height }
+      } = await getImage({
+        ...imageOptions,
+        src: imageMetadata || imageOptions.src
+      });
+      return { src, width, height };
+    }),
     assetsPrefix: Astro2.locals.assetsPrefix
   });
-  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttrs)}> ${sources.map((attrs) => renderTemplate`<source${spreadAttributes(attrs)}${addAttribute(sizes, "sizes")}>`)} ${imgAttrs && renderTemplate`<img${spreadAttributes(imgAttrs)}>`} </picture>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/images/Picture.runtime.astro", void 0);
+  if (imgAttrs) {
+    imgAttrs.src += versionSuffix;
+  }
+  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttrs)}>
+  ${sources.map((attrs) => {
+    if (versionSuffix) {
+      attrs.srcset = attrs.srcset.replace(/\s(\w+)$/, `${versionSuffix} $1`);
+    }
+    return renderTemplate`<source${spreadAttributes(attrs)}${addAttribute(sizes, "sizes")}>`;
+  })}
+  ${imgAttrs && renderTemplate`<img${spreadAttributes(imgAttrs)}>`}
+</picture>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/Picture.astro", void 0);
 
 const $$Astro$c = createAstro("https://demo.ecomplus.app");
 const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$c, $$props, $$slots);
   Astro2.self = $$BaseBody;
   const { settings } = Astro2.locals.routeContext;
-  return renderTemplate`${maybeRenderHead()}<body style="visibility:hidden" class="!visible"> <!-- Prevent FOUC --> <div id="teleported-overlap" class="relative z-[59]"></div> <div id="teleported-top" class="relative z-[19]"></div> ${renderSlot$1($$result, $$slots["default"])} ${renderSlot$1($$result, $$slots["before-body-end"])} <div id="teleported-bottom" class="relative z-[19]"></div> ${settings.icon && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": settings.icon, "alt": "Icon", "formats": ["png"], "widths": [32, 192, 512], "sizes": "32px", "class": "absolute hidden", "style": "bottom: -1000px", "hasImg": false })}`} </body>`;
+  return renderTemplate`${maybeRenderHead()}<body style="visibility:hidden" class="!visible"> <!-- Prevent FOUC -->
+  <div id="teleported-overlap" class="relative z-[59]"></div>
+  <div id="teleported-top" class="relative z-[19]"></div>
+  ${renderSlot$1($$result, $$slots["default"])}
+  ${renderSlot$1($$result, $$slots["before-body-end"])}
+  <div id="teleported-bottom" class="relative z-[19]"></div>
+  ${settings.icon && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": settings.icon, "alt": "Icon", "formats": ["png"], "widths": [32, 192, 512], "sizes": "32px", "class": "absolute hidden", "style": "bottom: -1000px", "hasImg": false })}`}
+</body>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro", void 0);
 
 const $$Astro$b = createAstro("https://demo.ecomplus.app");
@@ -1677,7 +1863,16 @@ const $$Base$1 = createComponent(async ($$result, $$props, $$slots) => {
   Astro2.self = $$Base$1;
   const { getContent } = Astro2.locals.routeContext;
   const { customCode } = await getContent("layout");
-  return renderTemplate`${renderComponent($$result, "Head", Head, {}, { "default": ($$result2) => renderTemplate` ${renderSlot$1($$result2, $$slots["base-head"])} ${customCode?.css && renderTemplate`<style>{customCode.css}</style>`}${customCode?.htmlHead && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlHead)}` })}`}${renderSlot$1($$result2, $$slots["base-head-scripts"])} ${renderSlot$1($$result2, $$slots["before-head-end"])} ` })} ${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2) => renderTemplate` ${renderSlot$1($$result2, $$slots["default"])} ${customCode?.htmlBody && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlBody)}` })}`}${renderSlot$1($$result2, $$slots["base-body-scripts"])} ${renderSlot$1($$result2, $$slots["before-body-end"])} ` })}`;
+  return renderTemplate`${renderComponent($$result, "Head", Head, {}, { "default": ($$result2) => renderTemplate`
+  ${renderSlot$1($$result2, $$slots["base-head"])}
+  ${customCode?.css && renderTemplate`<style>{customCode.css}</style>`}${customCode?.htmlHead && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlHead)}` })}`}${renderSlot$1($$result2, $$slots["base-head-scripts"])}
+  ${renderSlot$1($$result2, $$slots["before-head-end"])}
+` })}
+${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2) => renderTemplate`
+  ${renderSlot$1($$result2, $$slots["default"])}
+  ${customCode?.htmlBody && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlBody)}` })}`}${renderSlot$1($$result2, $$slots["base-body-scripts"])}
+  ${renderSlot$1($$result2, $$slots["before-body-end"])}
+` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro", void 0);
 
 var __freeze$2 = Object.freeze;
@@ -1695,7 +1890,13 @@ const $$Astro$9 = createAstro("https://demo.ecomplus.app");
 const $$Base = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
   Astro2.self = $$Base;
-  return renderTemplate`${renderComponent($$result, "SfBase", $$Base$1, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "base-head" }, { "default": ($$result3) => renderTemplate` ${renderSlot$1($$result3, $$slots["base-head"])} ` })}`, "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`   ${renderSlot$1($$result2, $$slots["default"])} ` })}`;
+  return renderTemplate`${renderComponent($$result, "SfBase", $$Base$1, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "base-head" }, { "default": ($$result3) => renderTemplate`
+    ${renderSlot$1($$result3, $$slots["base-head"])}
+  ` })}`, "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`
+  
+  
+  ${renderSlot$1($$result2, $$slots["default"])}
+` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro", void 0);
 
 const emitter = new EventEmitter();
@@ -2050,23 +2251,36 @@ _sfc_main$A.setup = (props, ctx) => {
 };
 const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["ssrRender", _sfc_ssrRender$A]]);
 
-const useStorage = (key, initialValue, storage = globalThis.localStorage) => {
+const useStorage = (key, initialValue, storage = globalThis.localStorage, isWithBroadcast = true) => {
   if (!storage) {
     return reactive(initialValue);
   }
-  let persistedValue;
-  const sessionJson = storage.getItem(key);
-  if (sessionJson) {
-    try {
-      persistedValue = JSON.parse(sessionJson);
-    } catch (e) {
-      persistedValue = null;
-      storage.removeItem(key);
+  const getStorageItem = () => {
+    const sessionJson = storage.getItem(key);
+    if (sessionJson) {
+      try {
+        return JSON.parse(sessionJson);
+      } catch (e) {
+        storage.removeItem(key);
+        return null;
+      }
     }
-  }
+  };
+  const persistedValue = getStorageItem();
   const state = reactive(persistedValue || initialValue);
+  let bc;
+  if (isWithBroadcast && false) {
+    bc = new BroadcastChannel(key);
+    bc.onmessage = (event) => {
+      if (event.data === "set") {
+        Object.assign(state, getStorageItem());
+      }
+    };
+  }
   watchDebounced(state, () => {
     storage.setItem(key, JSON.stringify(state));
+    if (bc)
+      bc.postMessage("set");
   }, {
     debounce: 50
   });
@@ -4147,8 +4361,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     __expose();
-    const SearchModal = defineAsyncComponent(() => import('../SearchModal_Sktaq643.mjs'));
-    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar_blvgfFa-.mjs'));
+    const SearchModal = defineAsyncComponent(() => import('../SearchModal_2azP1u7P.mjs'));
+    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar_3_1aFp67.mjs'));
     const props = __props;
     const header = ref(null);
     const searchInput = ref(null);
@@ -4423,7 +4637,13 @@ const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
     shopHeader
   } = await usePageHeader({ routeContext });
   const { getInlineClientJS } = await useSharedData({ field: "categories" });
-  return renderTemplate`${renderSlot$1($$result, $$slots["pitch-bar"], renderTemplate(_a$1 || (_a$1 = __template$1([" ", "", " <script async>", "<\/script> ", ""])), pitchBar.slides.length > 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/PitchBar.vue", "client:component-export": "default" })}`, pitchBar.slides.length === 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar })}`, unescapeHTML(getInlineClientJS()), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:context": "data:categories", "client:component-hydration": "context", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate` ${maybeRenderHead()}<a href="/"> ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate` ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "fetchpriority": "high", "loading": "eager", "class": "mx-auto max-w-[150px] hover:drop-shadow-sm" })} ` })} </a> ` })}` })))}`;
+  return renderTemplate`${renderSlot$1($$result, $$slots["pitch-bar"], renderTemplate(_a$1 || (_a$1 = __template$1(["\n  ", "\n  ", "\n\n<script async>", "<\/script>\n", ""])), pitchBar.slides.length > 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/PitchBar.vue", "client:component-export": "default" })}`, pitchBar.slides.length === 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar })}`, unescapeHTML(getInlineClientJS()), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:context": "data:categories", "client:component-hydration": "context", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`
+    ${maybeRenderHead()}<a href="/">
+      ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate`
+        ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "fetchpriority": "high", "loading": "eager", "class": "mx-auto max-w-[150px] hover:drop-shadow-sm" })}
+      ` })}
+    </a>
+  ` })}` })))}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageHeader.astro", void 0);
 
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
@@ -4764,7 +4984,13 @@ const $$PageFooter = createComponent(async ($$result, $$props, $$slots) => {
       }
     }
   }
-  return renderTemplate`${renderComponent($$result, "ShopFooter", ShopFooter, { "stamps": stamps, "categories": mainCategories, "categoriesColTitle": categoriesList?.title, "pageLinks": pageLinks, "pagesColTitle": pagesList?.title }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate` ${maybeRenderHead()}<a href="/"> ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate` ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "loading": "lazy", "class": "max-w-[150px]" })} ` })} </a> ` })}` })}`;
+  return renderTemplate`${renderComponent($$result, "ShopFooter", ShopFooter, { "stamps": stamps, "categories": mainCategories, "categoriesColTitle": categoriesList?.title, "pageLinks": pageLinks, "pagesColTitle": pagesList?.title }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`
+    ${maybeRenderHead()}<a href="/">
+      ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate`
+        ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "loading": "lazy", "class": "max-w-[150px]" })}
+      ` })}
+    </a>
+  ` })}` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageFooter.astro", void 0);
 
 const usePagination = (props) => {
@@ -4814,7 +5040,7 @@ const usePagination = (props) => {
   });
   const baseUrl = ref("");
   watch(toRef(props, "isUrlPath"), () => {
-    const url = global.astroUrl ;
+    const { url } = globalThis.$storefront;
     if (props.isUrlPath && !url.pathname.endsWith("/")) {
       url.pathname += "/";
     } else {
@@ -5853,7 +6079,8 @@ const $$BannerPictures = createComponent(async ($$result, $$props, $$slots) => {
     mobileWidths = [640, 1024];
   }
   return renderTemplate`${img && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": img, "alt": alt || "", "widths": widths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `${mobileImg ? "hidden md:block " : ""}mx-auto
-    text-sm text-opacity-70 ${className}` })}`}${mobileImg && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": mobileImg, "alt": alt || "", "widths": mobileWidths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `mx-auto text-sm text-opacity-70 md:hidden ${mobileClass}` })}`}`;
+    text-sm text-opacity-70 ${className}` })}`}
+${mobileImg && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": mobileImg, "alt": alt || "", "widths": mobileWidths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `mx-auto text-sm text-opacity-70 md:hidden ${mobileClass}` })}`}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/BannerPictures.astro", void 0);
 
 const useBanner = (props) => {
@@ -6154,7 +6381,13 @@ const $$BannersGrid = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$3, $$props, $$slots);
   Astro2.self = $$BannersGrid;
   const { banners } = Astro2.props;
-  return renderTemplate`${maybeRenderHead()}<section class="ui-section"> <ul class="flex flex-wrap gap-4 lg:flex-nowrap"> ${banners.map((banner) => renderTemplate`<li class="lg:flex-1 [&_img]:w-full [&_img]:object-cover"> ${renderComponent($$result, "Banner", Banner, { ...banner }, { "picture": ($$result2) => renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { ...banner, "slot": "picture" })}` })} </li>`)} </ul> </section>`;
+  return renderTemplate`${maybeRenderHead()}<section class="ui-section">
+  <ul class="flex flex-wrap gap-4 lg:flex-nowrap">
+    ${banners.map((banner) => renderTemplate`<li class="lg:flex-1 [&_img]:w-full [&_img]:object-cover">
+        ${renderComponent($$result, "Banner", Banner, { ...banner }, { "picture": ($$result2) => renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { ...banner, "slot": "picture" })}` })}
+      </li>`)}
+  </ul>
+</section>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/BannersGrid.astro", void 0);
 
 const useBreadcrumbs = async (props = {}) => {
@@ -7790,18 +8023,25 @@ _sfc_main$7.setup = (props, ctx) => {
 };
 const SkuSelector = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$7]]);
 
-const _sfc_main$6 = {};
-
-function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs) {
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "ShippingCalculator",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = {};
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<div${ssrRenderAttrs(_attrs)}></div>`);
 }
 const _sfc_setup$6 = _sfc_main$6.setup;
 _sfc_main$6.setup = (props, ctx) => {
-  const ssrContext = useSSRContext()
-  ;(ssrContext.modules || (ssrContext.modules = new Set())).add("src/components/ShippingCalculator.vue");
-  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : undefined
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShippingCalculator.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
 };
-const ShippingCalculator = /*#__PURE__*/_export_sfc(_sfc_main$6, [['ssrRender',_sfc_ssrRender$6]]);
+const ShippingCalculator = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
 
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "ProductDetails",
@@ -8787,7 +9027,8 @@ const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
     }
   });
   const { cmsContent } = routeContext;
-  return renderTemplate`${maybeRenderHead()}<article class="mb-9 mt-6 md:mb-12 md:mt-8"> ${sections.map(async ({ type, props }, index) => {
+  return renderTemplate`${maybeRenderHead()}<article class="mb-9 mt-6 md:mb-12 md:mt-8">
+  ${sections.map(async ({ type, props }, index) => {
     switch (type) {
       case "product-shelf":
         return index === 0 || index < 2 && !cmsContent?.hero?.slides.length ? renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}` : renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:visible": true, "client:component-hydration": "visible", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}`;
@@ -8804,10 +9045,16 @@ const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
         return renderTemplate`${renderComponent($$result, "DocBanners", DocBanners, {})}`;
       case "product-details":
         const { hasDescription, hasSpecifications, ...detailsProps } = props;
-        return renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "ProductDetails", ProductDetails, { ...detailsProps, "client:context": true, "client:component-hydration": "context", "client:component-path": "~/components/ProductDetails.vue", "client:component-export": "default" }, { "description": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "description" }, { "default": ($$result4) => renderTemplate`${hasDescription && renderTemplate`${renderComponent($$result4, "DocDescription", DocDescription, {})}`}${hasSpecifications && renderTemplate`${renderComponent($$result4, "ProductSpecifications", ProductSpecifications, {})}`}` })}` })} ` })}`;
+        return renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`
+          ${renderComponent($$result2, "ProductDetails", ProductDetails, { ...detailsProps, "client:context": true, "client:component-hydration": "context", "client:component-path": "~/components/ProductDetails.vue", "client:component-export": "default" }, { "description": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "description" }, { "default": ($$result4) => renderTemplate`${hasDescription && renderTemplate`${renderComponent($$result4, "DocDescription", DocDescription, {})}`}${hasSpecifications && renderTemplate`${renderComponent($$result4, "ProductSpecifications", ProductSpecifications, {})}`}` })}` })}
+        ` })}`;
       case "search-showcase":
       case "context-showcase":
-        return renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate` <article class="min-h-[500px]"> ${renderComponent($$result2, "SearchShowcase", SearchShowcase, { ...props, "client:context": true, "client:component-hydration": "context", "client:component-path": "~/components/SearchShowcase.vue", "client:component-export": "default" })} </article> ` })}`;
+        return renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`
+          <article class="min-h-[500px]">
+            ${renderComponent($$result2, "SearchShowcase", SearchShowcase, { ...props, "client:context": true, "client:component-hydration": "context", "client:component-path": "~/components/SearchShowcase.vue", "client:component-export": "default" })}
+          </article>
+        ` })}`;
       case "page-title":
         return renderTemplate`${renderComponent($$result, "PageTitle", PageTitle, { ...props })}`;
       case "content-entry":
@@ -8819,7 +9066,8 @@ const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
       default:
         return renderTemplate`<div${addAttribute(type, "data-section")}></div>`;
     }
-  })} </article>`;
+  })}
+</article>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/content/Sections.astro", void 0);
 
 const $$Astro$1 = createAstro("https://demo.ecomplus.app");
@@ -8838,7 +9086,11 @@ const $$Main = createComponent(async ($$result, $$props, $$slots) => {
     ]);
     sharedData.grids = grids;
   }
-  return renderTemplate`${maybeRenderHead()}<main> ${Object.entries(sharedData).map(([field, value]) => renderTemplate`${renderComponent($$result, "SharedData", $$SharedData, { "field": field, "value": value })}`)} ${renderComponent($$result, "Hero", $$Hero, {})} ${renderComponent($$result, "Sections", $$Sections, {})} </main>`;
+  return renderTemplate`${maybeRenderHead()}<main>
+  ${Object.entries(sharedData).map(([field, value]) => renderTemplate`${renderComponent($$result, "SharedData", $$SharedData, { "field": field, "value": value })}`)}
+  ${renderComponent($$result, "Hero", $$Hero, {})}
+  ${renderComponent($$result, "Sections", $$Sections, {})}
+</main>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Main.astro", void 0);
 
 const $$Astro = createAstro("https://demo.ecomplus.app");
@@ -8894,7 +9146,17 @@ const $$ = createComponent(async ($$result, $$props, $$slots) => {
     }
     loadError = err;
   }
-  return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}> ${routeContext && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${renderComponent($$result2, "Base", $$Base, {}, { "base-head": ($$result3) => renderTemplate`${renderComponent($$result3, "BaseHead", $$BaseHead, { "slot": "base-head" })}`, "default": ($$result3) => renderTemplate`${renderComponent($$result3, "PageHeader", $$PageHeader, {})}${renderComponent($$result3, "Main", $$Main, {})}${renderComponent($$result3, "PageFooter", $$PageFooter, {})}` })}` })}`}${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}</html>`;
+  return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}>
+${routeContext && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`
+  ${renderComponent($$result2, "Base", $$Base, {}, { "base-head": ($$result3) => renderTemplate`${renderComponent($$result3, "BaseHead", $$BaseHead, { "slot": "base-head" })}`, "default": ($$result3) => renderTemplate`
+    
+    ${renderComponent($$result3, "PageHeader", $$PageHeader, {})}
+    ${renderComponent($$result3, "Main", $$Main, {})}
+    ${renderComponent($$result3, "PageFooter", $$PageFooter, {})}
+  ` })}
+` })}`}
+${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}
+</html>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro", void 0);
 const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro";
 const $$url = "/[...slug]";
@@ -8907,4 +9169,4 @@ const ____slug_ = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { $$Base as $, CheckoutLink as C, FooterStamps as F, Pagination as P, QuantitySelector as Q, SearchEngine as S, _export_sfc as _, $$BaseHead as a, $$PageHeader as b, $$PageFooter as c, $$Picture as d, i19shoppingCart as e, i19error as f, getConfig as g, i19errorMsg as h, i19myAccount as i, i19notFound as j, i19home as k, loadRouteContext as l, mod as m, createApp as n, clearAccents as o, getSearchUrl as p, ProductShelf as q, parseProduct as r, searchHistory as s, removeCartItem as t, Prices as u, freeShippingFromValue as v, shoppingCart as w, totalItems as x, ____slug_ as y };
+export { $$Base as $, ____slug_ as A, CheckoutLink as C, FooterStamps as F, Pagination as P, QuantitySelector as Q, SearchEngine as S, _export_sfc as _, $$BaseHead as a, $$PageHeader as b, $$PageFooter as c, $$Picture as d, i19shoppingCart as e, imageConfig as f, getConfig as g, assetsDir as h, i19myAccount as i, i19error as j, i19errorMsg as k, loadRouteContext as l, i19notFound as m, i19home as n, mod as o, createApp as p, clearAccents as q, getSearchUrl as r, searchHistory as s, ProductShelf as t, parseProduct as u, removeCartItem as v, Prices as w, freeShippingFromValue as x, shoppingCart as y, totalItems as z };