cloudcommerce 0.26.2 → 0.26.3

package/packages/storefront/dist/{server/chunks/pages/_...slug_.astro.fd8a229f.mjs → client/chunks/pages/_...slug_.astro.ec6517ba.mjs}

@@ -1,21 +1,15 @@
-import 'kleur/colors';
-import 'node:fs/promises';
-import { resolve, join } from 'node:path';
-import 'node:url';
-import 'http-cache-semantics';
-import 'node:os';
-import sizeOf from 'image-size';
-import 'magic-string';
-import mime from 'mime';
-import 'node:stream';
-import { c as createAstro, a as createComponent, r as renderTemplate, u as unescapeHTML, b as renderComponent, d as addAttribute, F as Fragment, s as spreadAttributes, e as renderSlotToString, f as renderAllHeadContent, m as maybeRenderHead, g as renderSlot } from '../astro.bb5b7191.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate, u as unescapeHTML, b as renderComponent, d as addAttribute, F as Fragment, s as spreadAttributes, e as renderSlotToString, f as renderAllHeadContent, A as AstroError, E as ExpectedImage, L as LocalImageUsedWrongly, M as MissingImageDimension, U as UnsupportedImageFormat, g as ExpectedImageOptions, I as InvalidImageService, m as maybeRenderHead, h as renderSlot } from '../astro.11be33ee.mjs';
 import api from '@cloudcommerce/api';
 import { EventEmitter } from 'node:events';
 import fs from 'node:fs';
+import { resolve, join } from 'node:path';
 import config from '@cloudcommerce/config';
 import { img, price, formatMoney, randomObjectId, nickname } from '@ecomplus/utils';
+import 'clsx';
 import { renderSync, parse, walkSync, ELEMENT_NODE } from 'ultrahtml';
-/* empty css                               */import { reactive, computed, shallowRef, useSSRContext, defineComponent, inject, mergeProps, ref, watch, toRef, onMounted, onBeforeUnmount, provide, createVNode, resolveDynamicComponent, withCtx, renderSlot as renderSlot$1, resolveComponent, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, withModifiers, Teleport, createTextVNode, toDisplayString, defineAsyncComponent, Suspense } from 'vue';
+/* empty css                               */import imageSize from 'image-size';
+import mime from 'mime';
+import { reactive, computed, shallowRef, useSSRContext, defineComponent, inject, mergeProps, ref, watch, toRef, onMounted, onBeforeUnmount, provide, createVNode, resolveDynamicComponent, withCtx, renderSlot as renderSlot$1, resolveComponent, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, withModifiers, Teleport, createTextVNode, toDisplayString, defineAsyncComponent, Suspense } from 'vue';
 import { useScroll, useElementHover, useDebounceFn, useTimeout, watchDebounced, promiseTimeout, watchOnce } from '@vueuse/core';
 import { ssrRenderAttrs, ssrRenderSlot, ssrRenderClass, ssrRenderVNode, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate, ssrRenderSuspense } from 'vue/server-renderer';
 import { Popover, PopoverButton, PopoverPanel, Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue';
@@ -28,106 +22,31 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
-function isOutputFormat(value) {
-  return ["avif", "jpeg", "jpg", "png", "webp", "svg"].includes(value);
+function removeTrailingForwardSlash(path) {
+  return path.endsWith("/") ? path.slice(0, path.length - 1) : path;
 }
-function isOutputFormatSupportsAlpha(value) {
-  return ["avif", "png", "webp"].includes(value);
+function removeLeadingForwardSlash(path) {
+  return path.startsWith("/") ? path.substring(1) : path;
 }
-function isAspectRatioString(value) {
-  return /^\d*:\d*$/.test(value);
+function trimSlashes(path) {
+  return path.replace(/^\/|\/$/g, "");
 }
-function parseAspectRatio(aspectRatio) {
-  if (!aspectRatio) {
-    return void 0;
-  }
-  if (typeof aspectRatio === "number") {
-    return aspectRatio;
-  } else {
-    const [width, height] = aspectRatio.split(":");
-    return parseInt(width) / parseInt(height);
-  }
-}
-function isSSRService(service) {
-  return "transform" in service;
+function isString(path) {
+  return typeof path === "string" || path instanceof String;
 }
-class BaseSSRService {
-  async getImageAttributes(transform) {
-    const { width, height, src, format, quality, aspectRatio, ...rest } = transform;
-    return {
-      ...rest,
-      width,
-      height
-    };
-  }
-  serializeTransform(transform) {
-    const searchParams = new URLSearchParams();
-    if (transform.quality) {
-      searchParams.append("q", transform.quality.toString());
-    }
-    if (transform.format) {
-      searchParams.append("f", transform.format);
-    }
-    if (transform.width) {
-      searchParams.append("w", transform.width.toString());
-    }
-    if (transform.height) {
-      searchParams.append("h", transform.height.toString());
-    }
-    if (transform.aspectRatio) {
-      searchParams.append("ar", transform.aspectRatio.toString());
-    }
-    if (transform.fit) {
-      searchParams.append("fit", transform.fit);
-    }
-    if (transform.background) {
-      searchParams.append("bg", transform.background);
-    }
-    if (transform.position) {
-      searchParams.append("p", encodeURI(transform.position));
-    }
-    searchParams.append("href", transform.src);
-    return { searchParams };
-  }
-  parseTransform(searchParams) {
-    if (!searchParams.has("href")) {
-      return void 0;
-    }
-    let transform = { src: searchParams.get("href") };
-    if (searchParams.has("q")) {
-      transform.quality = parseInt(searchParams.get("q"));
-    }
-    if (searchParams.has("f")) {
-      const format = searchParams.get("f");
-      if (isOutputFormat(format)) {
-        transform.format = format;
-      }
-    }
-    if (searchParams.has("w")) {
-      transform.width = parseInt(searchParams.get("w"));
-    }
-    if (searchParams.has("h")) {
-      transform.height = parseInt(searchParams.get("h"));
-    }
-    if (searchParams.has("ar")) {
-      const ratio = searchParams.get("ar");
-      if (isAspectRatioString(ratio)) {
-        transform.aspectRatio = ratio;
-      } else {
-        transform.aspectRatio = parseFloat(ratio);
-      }
-    }
-    if (searchParams.has("fit")) {
-      transform.fit = searchParams.get("fit");
-    }
-    if (searchParams.has("p")) {
-      transform.position = decodeURI(searchParams.get("p"));
-    }
-    if (searchParams.has("bg")) {
-      transform.background = searchParams.get("bg");
+function joinPaths(...paths) {
+  return paths.filter(isString).map((path, i) => {
+    if (i === 0) {
+      return removeTrailingForwardSlash(path);
+    } else if (i === paths.length - 1) {
+      return removeLeadingForwardSlash(path);
+    } else {
+      return trimSlashes(path);
     }
-    return transform;
-  }
+  }).join("/");
+}
+function isRemotePath(src) {
+  return /^(http|ftp|https|ws):?\/\//.test(src) || src.startsWith("data:");
 }
 
 global.__storefrontCMS = (fs, resolvePath) => {
@@ -152,7 +71,9 @@ global.__storefrontCMS = (fs, resolvePath) => {
           const dirColl = resolvePath(dirContent, filename);
           return new Promise((resolve) => {
             const slugs = fs.existsSync(dirColl)
-              ? fs.readdirSync(dirColl).map((file) => file.replace('.json', ''))
+              ? fs.readdirSync(dirColl)
+                .filter((file) => file.charAt(0) !== '.')
+                .map((file) => file.replace(/\.[^.]{0,5}$/, ''))
               : [];
             resolve(slugs);
           });
@@ -265,7 +186,7 @@ const _getConfig = () => {
   };
 };
 
-const emitter = new EventEmitter();
+const emitter$1 = new EventEmitter();
 const getConfig = _getConfig;
 if (!globalThis.$apiMergeConfig) {
   globalThis.$apiMergeConfig = {
@@ -280,7 +201,7 @@ if (!globalThis.$storefront) {
   globalThis.$storefront = {
     settings: {},
     onLoad(callback) {
-      emitter.once("load", callback);
+      emitter$1.once("load", callback);
     },
     data: {}
   };
@@ -411,7 +332,7 @@ const loadRouteContext = async (Astro, {
     isPreview
   };
   Astro.locals.routeContext = routeContext;
-  emitter.emit("load", routeContext);
+  emitter$1.emit("load", routeContext);
   return routeContext;
 };
 
@@ -449,7 +370,7 @@ const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
   }
   const apiDoc = apiContext.doc;
   const state = apiDoc || cmsContent || {};
-  const title = state.meta_title || state.name || state.title || Astro2.props.title || settings.name;
+  const title = state.meta_title || state.name || state.title || settings.name;
   const description = state.meta_description || state.short_description || settings.description;
   const favicon = settings.icon ? getIconUrl(32) : "/favicon.ico";
   const shortcutIcon = settings.icon ? getIconUrl(192) : null;
@@ -524,7 +445,7 @@ window.$isCmsPreview = true;`;
     url: `https://${domain}/`,
     logo: `https://${domain}${settings.logo}`
   });
-  return renderTemplate(_a$2 || (_a$2 = __template$2(['<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<title>", '</title>\n<meta name="description"', '>\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\n<script>", '<\/script>\n<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, 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?.fb_app_id && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fb_app_id, "content")}>`, metatagsContent?.twitter_username && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitter_username, "content")}>`, addAttribute(String(storeId), "content"), pwaInfo && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(pwaInfo.webManifest.linkTag)}` })}`, !pwaInfo && !false && renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`, unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd));
+  return renderTemplate(_a$2 || (_a$2 = __template$2(['<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<title>", '</title>\n<meta name="description"', '>\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", "\n\n<script>", '<\/script>\n<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, 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?.fb_app_id && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fb_app_id, "content")}>`, metatagsContent?.twitter_username && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitter_username, "content")}>`, addAttribute(String(storeId), "content"), pwaInfo && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(pwaInfo.webManifest.linkTag)}` })}`, !pwaInfo && !false && renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`, unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd));
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", void 0);
 
 function has(value) {
@@ -663,193 +584,335 @@ const Head = createComponent({
   }
 });
 
-function isRemoteImage(src) {
-  return /^(https?:)?\/\//.test(src);
+const VALID_SUPPORTED_FORMATS = [
+  "jpeg",
+  "jpg",
+  "png",
+  "tiff",
+  "webp",
+  "gif",
+  "svg"
+];
+
+function matchPattern(url, remotePattern) {
+  return matchProtocol(url, remotePattern.protocol) && matchHostname(url, remotePattern.hostname, true) && matchPort(url, remotePattern.port) && matchPathname(url, remotePattern.pathname, true);
 }
-function removeQueryString(src) {
-  const index = src.lastIndexOf("?");
-  return index > 0 ? src.substring(0, index) : src;
+function matchPort(url, port) {
+  return !port || port === url.port;
 }
-function extname(src) {
-  const base = basename(src);
-  const index = base.lastIndexOf(".");
-  if (index <= 0) {
-    return "";
+function matchProtocol(url, protocol) {
+  return !protocol || protocol === url.protocol.slice(0, -1);
+}
+function matchHostname(url, hostname, allowWildcard) {
+  if (!hostname) {
+    return true;
+  } else if (!allowWildcard || !hostname.startsWith("*")) {
+    return hostname === url.hostname;
+  } else if (hostname.startsWith("**.")) {
+    const slicedHostname = hostname.slice(2);
+    return slicedHostname !== url.hostname && url.hostname.endsWith(slicedHostname);
+  } else if (hostname.startsWith("*.")) {
+    const slicedHostname = hostname.slice(1);
+    const additionalSubdomains = url.hostname.replace(slicedHostname, "").split(".").filter(Boolean);
+    return additionalSubdomains.length === 1;
   }
-  return base.substring(index);
+  return false;
 }
-function basename(src) {
-  return removeQueryString(src.replace(/^.*[\\\/]/, ""));
+function matchPathname(url, pathname, allowWildcard) {
+  if (!pathname) {
+    return true;
+  } else if (!allowWildcard || !pathname.endsWith("*")) {
+    return pathname === url.pathname;
+  } else if (pathname.endsWith("/**")) {
+    const slicedPathname = pathname.slice(0, -2);
+    return slicedPathname !== url.pathname && url.pathname.startsWith(slicedPathname);
+  } else if (pathname.endsWith("/*")) {
+    const slicedPathname = pathname.slice(0, -1);
+    const additionalPathChunks = url.pathname.replace(slicedPathname, "").split("/").filter(Boolean);
+    return additionalPathChunks.length === 1;
+  }
+  return false;
 }
 
-function resolveSize(transform) {
-  if (transform.width && transform.height) {
-    return transform;
-  }
-  if (!transform.width && !transform.height) {
-    throw new Error(`"width" and "height" cannot both be undefined`);
-  }
-  if (!transform.aspectRatio) {
-    throw new Error(
-      `"aspectRatio" must be included if only "${transform.width ? "width" : "height"}" is provided`
-    );
+function isESMImportedImage(src) {
+  return typeof src === "object";
+}
+function isRemoteAllowed(src, {
+  domains = [],
+  remotePatterns = []
+}) {
+  if (!isRemotePath(src))
+    return false;
+  const url = new URL(src);
+  return domains.some((domain) => matchHostname(url, domain)) || remotePatterns.some((remotePattern) => matchPattern(url, remotePattern));
+}
+
+function isLocalService(service) {
+  if (!service) {
+    return false;
   }
-  let aspectRatio;
-  if (typeof transform.aspectRatio === "number") {
-    aspectRatio = transform.aspectRatio;
-  } else {
-    const [width, height] = transform.aspectRatio.split(":");
-    aspectRatio = Number.parseInt(width) / Number.parseInt(height);
+  return "transform" in service;
+}
+function parseQuality(quality) {
+  let result = parseInt(quality);
+  if (Number.isNaN(result)) {
+    return quality;
   }
-  if (transform.width) {
+  return result;
+}
+const baseService = {
+  validateOptions(options) {
+    if (!options.src || typeof options.src !== "string" && typeof options.src !== "object") {
+      throw new AstroError({
+        ...ExpectedImage,
+        message: ExpectedImage.message(JSON.stringify(options.src))
+      });
+    }
+    if (!isESMImportedImage(options.src)) {
+      if (options.src.startsWith("/@fs/")) {
+        throw new AstroError({
+          ...LocalImageUsedWrongly,
+          message: LocalImageUsedWrongly.message(options.src)
+        });
+      }
+      let missingDimension;
+      if (!options.width && !options.height) {
+        missingDimension = "both";
+      } else if (!options.width && options.height) {
+        missingDimension = "width";
+      } else if (options.width && !options.height) {
+        missingDimension = "height";
+      }
+      if (missingDimension) {
+        throw new AstroError({
+          ...MissingImageDimension,
+          message: MissingImageDimension.message(missingDimension, options.src)
+        });
+      }
+    } else {
+      if (!VALID_SUPPORTED_FORMATS.includes(options.src.format)) {
+        throw new AstroError({
+          ...UnsupportedImageFormat,
+          message: UnsupportedImageFormat.message(
+            options.src.format,
+            options.src.src,
+            VALID_SUPPORTED_FORMATS
+          )
+        });
+      }
+      if (options.src.format === "svg") {
+        options.format = "svg";
+      }
+    }
+    if (!options.format) {
+      options.format = "webp";
+    }
+    return options;
+  },
+  getHTMLAttributes(options) {
+    let targetWidth = options.width;
+    let targetHeight = options.height;
+    if (isESMImportedImage(options.src)) {
+      const aspectRatio = options.src.width / options.src.height;
+      if (targetHeight && !targetWidth) {
+        targetWidth = Math.round(targetHeight * aspectRatio);
+      } else if (targetWidth && !targetHeight) {
+        targetHeight = Math.round(targetWidth / aspectRatio);
+      } else if (!targetWidth && !targetHeight) {
+        targetWidth = options.src.width;
+        targetHeight = options.src.height;
+      }
+    }
+    const { src, width, height, format, quality, ...attributes } = options;
     return {
-      ...transform,
-      width: transform.width,
-      height: Math.round(transform.width / aspectRatio)
+      ...attributes,
+      width: targetWidth,
+      height: targetHeight,
+      loading: attributes.loading ?? "lazy",
+      decoding: attributes.decoding ?? "async"
     };
-  } else if (transform.height) {
-    return {
-      ...transform,
-      width: Math.round(transform.height * aspectRatio),
-      height: transform.height
+  },
+  getURL(options, imageConfig) {
+    const searchParams = new URLSearchParams();
+    if (isESMImportedImage(options.src)) {
+      searchParams.append("href", options.src.src);
+    } else if (isRemoteAllowed(options.src, imageConfig)) {
+      searchParams.append("href", options.src);
+    } else {
+      return options.src;
+    }
+    const params = {
+      w: "width",
+      h: "height",
+      q: "quality",
+      f: "format"
+    };
+    Object.entries(params).forEach(([param, key]) => {
+      options[key] && searchParams.append(param, options[key].toString());
+    });
+    const imageEndpoint = joinPaths("/", "/_image");
+    return `${imageEndpoint}?${searchParams}`;
+  },
+  parseURL(url) {
+    const params = url.searchParams;
+    if (!params.has("href")) {
+      return void 0;
+    }
+    const transform = {
+      src: params.get("href"),
+      width: params.has("w") ? parseInt(params.get("w")) : void 0,
+      height: params.has("h") ? parseInt(params.get("h")) : void 0,
+      format: params.get("f"),
+      quality: params.get("q")
     };
+    return transform;
   }
-  return transform;
+};
+
+/* eslint-disable */
+function isRemoteImage(src) {
+  return typeof src === "string";
 }
-async function resolveTransform(input) {
-  if (typeof input.src === "string") {
-    return resolveSize(input);
-  }
-  const metadata = "then" in input.src ? (await input.src).default : input.src;
-  let { width, height, aspectRatio, background, format = metadata.format, ...rest } = input;
-  if (!width && !height) {
-    width = metadata.width;
-    height = metadata.height;
-  } else if (width) {
-    let ratio = parseAspectRatio(aspectRatio) || metadata.width / metadata.height;
-    height = height || Math.round(width / ratio);
-  } else if (height) {
-    let ratio = parseAspectRatio(aspectRatio) || metadata.width / metadata.height;
-    width = width || Math.round(height * ratio);
+async function getConfiguredImageService() {
+  if (!globalThis?.astroAsset?.imageService) {
+    const { default: service } = await import(
+      // @ts-expect-error
+      '../sharp.3f154e38.mjs'
+    ).catch((e) => {
+      const error = new AstroError(InvalidImageService);
+      error.cause = e;
+      throw error;
+    });
+    if (!globalThis.astroAsset)
+      globalThis.astroAsset = {};
+    globalThis.astroAsset.imageService = service;
+    return service;
   }
-  return {
-    ...rest,
-    src: metadata.src,
-    width,
-    height,
-    aspectRatio,
-    format,
-    background
-  };
+  return globalThis.astroAsset.imageService;
 }
-async function getImage(transform) {
-  var _a, _b, _c;
-  if (!transform.src) {
-    throw new Error("[@astrojs/image] `src` is required");
-  }
-  let loader = (_a = globalThis.astroImage) == null ? void 0 : _a.loader;
-  if (!loader) {
-    const { default: mod } = await import('./endpoint.js.247079ba.mjs').then(n => n.s).catch(() => {
-      throw new Error(
-        "[@astrojs/image] Builtin image loader not found. (Did you remember to add the integration to your Astro config?)"
-      );
+async function getImage(options, imageConfig) {
+  if (!options || typeof options !== "object") {
+    throw new AstroError({
+      ...ExpectedImageOptions,
+      message: ExpectedImageOptions.message(JSON.stringify(options))
     });
-    loader = mod;
-    globalThis.astroImage = globalThis.astroImage || {};
-    globalThis.astroImage.loader = loader;
-  }
-  const resolved = await resolveTransform(transform);
-  const attributes = await loader.getImageAttributes(resolved);
-  const isDev = (_b = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SSR":true,"SITE":"https://ecom2-demo.web.app","ASSETS_PREFIX":undefined},{SSR:true,}))) == null ? void 0 : _b.DEV;
-  const isLocalImage = !isRemoteImage(resolved.src);
-  const _loader = isDev && isLocalImage ? globalThis.astroImage.defaultLoader : loader;
-  if (!_loader) {
-    throw new Error("@astrojs/image: loader not found!");
-  }
-  const { searchParams } = isSSRService(_loader) ? _loader.serializeTransform(resolved) : globalThis.astroImage.defaultLoader.serializeTransform(resolved);
-  const imgSrc = !isLocalImage && resolved.src.startsWith("//") ? `https:${resolved.src}` : resolved.src;
-  let src;
-  if (/^[\/\\]?@astroimage/.test(imgSrc)) {
-    src = `${imgSrc}?${searchParams.toString()}`;
-  } else {
-    searchParams.set("href", imgSrc);
-    src = `/_image?${searchParams.toString()}`;
   }
-  if ((_c = globalThis.astroImage) == null ? void 0 : _c.addStaticImage) {
-    src = globalThis.astroImage.addStaticImage(resolved);
+  const service = await getConfiguredImageService();
+  const resolvedOptions = {
+    ...options,
+    src: typeof options.src === "object" && "then" in options.src ? (await options.src).default : options.src
+  };
+  const validatedOptions = service.validateOptions ? await service.validateOptions(resolvedOptions, imageConfig) : resolvedOptions;
+  let imageURL = await service.getURL(validatedOptions, imageConfig);
+  if (isLocalService(service) && globalThis.astroAsset.addStaticImage && // If `getURL` returned the same URL as the user provided, it means the service doesn't need to do anything
+  !(isRemoteImage(validatedOptions.src) && imageURL === validatedOptions.src)) {
+    imageURL = globalThis.astroAsset.addStaticImage(validatedOptions);
   }
   return {
-    ...attributes,
-    src
+    rawOptions: resolvedOptions,
+    options: validatedOptions,
+    src: imageURL,
+    attributes: service.getHTMLAttributes !== void 0 ? service.getHTMLAttributes(validatedOptions, imageConfig) : {}
   };
 }
 
+function removeQueryString(src) {
+  const index = src.lastIndexOf("?");
+  return index > 0 ? src.substring(0, index) : src;
+}
+function basename(src) {
+  return removeQueryString(src.replace(/^.*[\\\/]/, ""));
+}
+const extname = (src) => {
+  const base = basename(src);
+  const index = base.lastIndexOf(".");
+  if (index <= 0) {
+    return "";
+  }
+  return base.substring(index);
+};
+function parseAspectRatio(aspectRatio) {
+  if (!aspectRatio) {
+    return void 0;
+  }
+  if (typeof aspectRatio === "number") {
+    return aspectRatio;
+  }
+  const [width, height] = aspectRatio.split(":");
+  return parseInt(width, 10) / parseInt(height, 10);
+}
 async function resolveAspectRatio({ src, aspectRatio }) {
   if (typeof src === "string") {
     return parseAspectRatio(aspectRatio);
-  } else {
-    const metadata = "then" in src ? (await src).default : src;
-    return parseAspectRatio(aspectRatio) || metadata.width / metadata.height;
   }
+  throw new Error('Custom (faster) `Picture.runtime.astro` works only with string ("remote") src');
 }
 async function resolveFormats({ src, formats }) {
   const unique = new Set(formats);
   if (typeof src === "string") {
     unique.add(extname(src).replace(".", ""));
   } else {
-    const metadata = "then" in src ? (await src).default : src;
-    unique.add(extname(metadata.src).replace(".", ""));
+    throw new Error("Custom `Picture.ssr.astro` works only with string src");
   }
   return Array.from(unique).filter(Boolean);
 }
-async function getPicture(params) {
-  const { src, alt, widths, fit, position, background } = params;
-  if (!src) {
-    throw new Error("[@astrojs/image] `src` is required");
-  }
-  if (!widths || !Array.isArray(widths)) {
-    throw new Error("[@astrojs/image] at least one `width` is required. ex: `widths={[100]}`");
-  }
-  const aspectRatio = await resolveAspectRatio(params);
-  if (!aspectRatio) {
-    throw new Error("`aspectRatio` must be provided for remote images");
-  }
-  const allFormats = await resolveFormats(params);
-  const lastFormat = allFormats[allFormats.length - 1];
-  const maxWidth = Math.max(...widths);
-  let image;
-  async function getSource(format) {
-    const imgs = await Promise.all(
-      widths.map(async (width) => {
-        var _a;
-        const img = await getImage({
-          src,
-          alt,
-          format,
-          width,
-          fit,
-          position,
-          background,
-          aspectRatio
-        });
-        if (format === lastFormat && width === maxWidth) {
-          image = img;
-        }
-        return `${(_a = img.src) == null ? void 0 : _a.replaceAll(" ", encodeURI)} ${width}w`;
-      })
-    );
+const createPictureGetter = (getImage) => {
+  return async (params) => {
+    const {
+      src,
+      alt,
+      widths,
+      fit,
+      position,
+      background
+    } = params;
+    if (!src) {
+      throw new Error("[@astrojs/image] `src` is required");
+    }
+    if (!widths || !Array.isArray(widths)) {
+      throw new Error("[@astrojs/image] at least one `width` is required. ex: `widths={[100]}`");
+    }
+    const aspectRatio = await resolveAspectRatio(params);
+    if (!aspectRatio) {
+      throw new Error("`aspectRatio` must be provided for remote images");
+    }
+    const allFormats = await resolveFormats(params);
+    const lastFormat = allFormats[allFormats.length - 1];
+    const maxWidth = Math.max(...widths);
+    let image;
+    async function getSource(format) {
+      const imgs = await Promise.all(
+        widths.map(async (width) => {
+          const img = await getImage({
+            src,
+            alt,
+            format,
+            width,
+            height: width / aspectRatio,
+            fit,
+            position,
+            background,
+            aspectRatio
+          });
+          if (format === lastFormat && width === maxWidth) {
+            image = img;
+          }
+          return `${img.src} ${width}w`;
+        })
+      );
+      return {
+        type: mime.getType(format) || format,
+        srcset: imgs.join(",")
+      };
+    }
+    const sources = await Promise.all(allFormats.map((format) => getSource(format)));
     return {
-      type: mime.getType(format) || format,
-      srcset: imgs.join(",")
+      sources,
+      // @ts-ignore
+      image
     };
-  }
-  const sources = await Promise.all(allFormats.map((format) => getSource(format)));
-  return {
-    sources,
-    // @ts-expect-error image will always be defined
-    image
   };
-}
+};
 
 const getAspectRatio = (src, tryImageSize) => {
   if (typeof src === "string") {
@@ -997,7 +1060,7 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$7, $$props, $$slots);
   Astro2.self = $$Picture;
   const deployRand = ({}).DEPLOY_RAND;
-  const versionSuffix = ({}).BUILD_OUTPUT !== "static" && deployRand ? `&V=${deployRand}` : "";
+  const versionSuffix = process.env.BUILD_OUTPUT !== "static" && deployRand ? `&V=${deployRand}` : "";
   const getImageFilepath = (src) => {
     return resolve(process.env.STOREFRONT_BASE_DIR, `public${src}`);
   };
@@ -1005,7 +1068,7 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
     let dimensions = {};
     if (typeof src === "string" && src.startsWith("/")) {
       try {
-        dimensions = sizeOf(getImageFilepath(src));
+        dimensions = imageSize(getImageFilepath(src));
       } catch (e) {
         dimensions = {};
       }
@@ -1020,7 +1083,14 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   } = await useSSRPicture({
     ...Astro2.props,
     tryImageSize,
-    getPicture
+    getPicture: createPictureGetter(async (imageOptions) => {
+      const {
+        options,
+        src,
+        attributes: { width, height }
+      } = await getImage(imageOptions);
+      return { src, width, height };
+    })
   });
   if (imgAttrs) {
     imgAttrs.src += versionSuffix;
@@ -1286,9 +1356,21 @@ const usePageHeader = async ({ routeContext, listedCategoryFields }) => {
   };
 };
 
-const useSharedData = ({ field, value }) => {
-  global.$storefront.data[field] = value;
+const emitter = new EventEmitter();
+const useSharedData = async ({ field, value }) => {
+  const $data = global.$storefront.data;
+  if (value) {
+    $data[field] = value;
+    emitter.emit(field, value);
+  } else if ($data[field]) {
+    value = $data[field];
+  } else {
+    value = await new Promise((resolve) => {
+      emitter.once(field, resolve);
+    });
+  }
   return {
+    value,
     inlineClientJS: `
 window.$storefront.data['${field}'] = ${JSON.stringify(value)};`
   };
@@ -3564,8 +3646,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const SearchModal = defineAsyncComponent(() => import('../SearchModal.f418e188.mjs'));
-    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar.2b555408.mjs'));
+    const SearchModal = defineAsyncComponent(() => import('../SearchModal.f603145b.mjs'));
+    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar.0ce1e999.mjs'));
     const header = ref(null);
     const {
       isSticky,
@@ -3589,8 +3671,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       isMounted.value = true;
       watch(totalItems, (newTotalItems, prevTotalItems) => {
-        if (typeof prevTotalItems === "number" && prevTotalItems < newTotalItems) {
-          isCartOpen.value = true;
+        if (typeof prevTotalItems === "number") {
+          if (prevTotalItems < newTotalItems) {
+            isCartOpen.value = true;
+          } else if (prevTotalItems && !newTotalItems) {
+            isCartOpen.value = false;
+          }
         }
         delayedTotalItems.value = newTotalItems;
       }, { immediate: true });
@@ -3608,7 +3694,7 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
       $setup.isSticky && !$setup.isSidenavOpen ? "bg-white/80" : "bg-white",
       $setup.isSticky ? "backdrop-blur-md shadow py-2 md:py-3" : "py-3 sm:py-4 md:py-5"
     ]]
-  }, _attrs))}><div class="container 2xl:max-w-7xl mx-auto px-1 lg:pr-3 lg:pl-5 xl:pr-7 xl:pl-9 2xl:pr-0 2xl:pl-2 flex md:grid grid-flow-col grid-cols-3 lg:grid-cols-none lg:auto-cols-max justify-between items-center"><div class="basis-1/4 lg:hidden"><button class="px-2 my-1"${ssrRenderAttr("aria-label", "Abrir/fechar menu")}><i class="${ssrRenderClass([$setup.isSidenavOpen ? "i-close" : "i-bars-3-bottom-left", "text-base-500 text-3xl"])}"></i></button></div>`);
+  }, _attrs))}><div class="w-screen lg:w-[calc(100vw-1rem)] xl:max-w-[82rem] 2xl:max-w-[85rem] mx-auto px-1 sm:pl-2 sm:pr-2.5 lg:px-1 flex md:grid grid-flow-col grid-cols-3 lg:grid-cols-none lg:auto-cols-max justify-between items-center"><div class="basis-1/4 lg:hidden"><button class="px-2 my-1"${ssrRenderAttr("aria-label", "Abrir/fechar menu")}><i class="${ssrRenderClass([$setup.isSidenavOpen ? "i-close" : "i-bars-3-bottom-left", "text-base-500 text-3xl"])}"></i></button></div>`);
   ssrRenderSlot(_ctx.$slots, "logo", {}, null, _push, _parent);
   _push(ssrRenderComponent($setup["ShopHeaderMenu"], mergeProps({ class: "hidden lg:block" }, { inlineMenuTrees: $setup.inlineMenuTrees }), null, _parent));
   _push(`<div class="basis-1/4 px-2 flex justify-end items-center gap-3 lg:gap-4 text-base-800"><button${ssrRenderAttr("aria-label", "Buscar produtos")}><i class="i-magnifying-glass w-7 h-7 hover:text-primary hover:scale-110 active:scale-125"></i></button>`);
@@ -3778,7 +3864,7 @@ const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
     pitchBar,
     shopHeader: { categories, ...shopHeader }
   } = await usePageHeader({ routeContext });
-  const { inlineClientJS } = useSharedData({
+  const { inlineClientJS } = await useSharedData({
     field: "categories",
     value: categories?.map(({ _id, ...c }) => c)
   });
@@ -3848,4 +3934,4 @@ const ____slug_ = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { $$Picture as $, BaseSSRService as B, Carousel as C, SocialNetworkLink as S, _export_sfc as _, CarouselControl as a, availableExtraDiscount as b, installmentsOption as c, discountOption as d, addProductToCart as e, loadRouteContext as f, $$BaseHead as g, $$PageHeader as h, isOutputFormatSupportsAlpha as i, $$Base as j, parseProduct as k, loyaltyPointsPrograms as l, freeShippingFromValue as m, shoppingCart as n, ____slug_ as o, parseShippingPhrase as p, removeCartItem as r, socialNetworks as s, totalItems as t, useId as u };
+export { $$Picture as $, Carousel as C, SocialNetworkLink as S, _export_sfc as _, CarouselControl as a, availableExtraDiscount as b, addProductToCart as c, discountOption as d, loadRouteContext as e, filterMainCategories as f, $$BaseHead as g, $$PageHeader as h, installmentsOption as i, $$Base as j, parseProduct as k, loyaltyPointsPrograms as l, useId as m, freeShippingFromValue as n, shoppingCart as o, parseShippingPhrase as p, baseService as q, removeCartItem as r, socialNetworks as s, totalItems as t, useSharedData as u, parseQuality as v, ____slug_ as w };