cloudcommerce 0.24.1 → 0.26.0

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

@@ -1,14 +1,23 @@
-import { c as createAstro, a as createComponent, r as renderTemplate, u as unescapeHTML, b as renderComponent, d as addAttribute, F as Fragment, m as maybeRenderHead, s as spreadAttributes, e as renderSlot, f as renderHead } from '../astro.a7611b51.mjs';
+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 api from '@cloudcommerce/api';
 import { EventEmitter } from 'node:events';
-import fs, { readFileSync } from 'node:fs';
-import { resolve, join } from 'node:path';
+import fs from 'node:fs';
 import config from '@cloudcommerce/config';
-import { img, price, formatMoney, randomObjectId, nickname, onPromotion, name } from '@ecomplus/utils';
-/* empty css                               */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, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, resolveComponent, withModifiers, Teleport, createTextVNode, toDisplayString } from 'vue';
-import { useScroll, useElementHover, useDebounceFn, useTimeout, watchDebounced, promiseTimeout } from '@vueuse/core';
-import { ssrRenderAttrs, ssrRenderSlot, ssrRenderClass, ssrRenderVNode, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate } from 'vue/server-renderer';
+import { img, price, formatMoney, randomObjectId, nickname } from '@ecomplus/utils';
+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';
+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';
 
 const _export_sfc = (sfc, props) => {
@@ -19,6 +28,108 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
+function isOutputFormat(value) {
+  return ["avif", "jpeg", "jpg", "png", "webp", "svg"].includes(value);
+}
+function isOutputFormatSupportsAlpha(value) {
+  return ["avif", "png", "webp"].includes(value);
+}
+function isAspectRatioString(value) {
+  return /^\d*:\d*$/.test(value);
+}
+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;
+}
+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");
+    }
+    return transform;
+  }
+}
+
 global.__storefrontCMS = (fs, resolvePath) => {
   const { STOREFRONT_BASE_DIR } = process.env;
   let baseDir;
@@ -94,9 +205,15 @@ global.__storefrontCMS = (fs, resolvePath) => {
 };
 
 const _getConfig = () => {
-  const { VITE_ECOM_STORE_ID } = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SSR":true,"SITE":"https://ecom2-demo.web.app","ASSETS_PREFIX":undefined},{ECOM_STORE_ID:process.env.ECOM_STORE_ID,})) || process.env;
+  const {
+    ECOM_STORE_ID,
+    VITE_ECOM_STORE_ID,
+    PROD,
+  } = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SSR":true,"SITE":"https://ecom2-demo.web.app","ASSETS_PREFIX":undefined},{ECOM_STORE_ID:process.env.ECOM_STORE_ID,})) || process.env;
   if (VITE_ECOM_STORE_ID) {
     config.set({ storeId: Number(VITE_ECOM_STORE_ID) });
+  } else if (ECOM_STORE_ID) {
+    config.set({ storeId: Number(ECOM_STORE_ID) });
   }
 
   const {
@@ -119,7 +236,7 @@ const _getConfig = () => {
     } catch {
       //
     }
-    if (!storeId && false === true) {
+    if (!storeId && !PROD) {
       storeId = 1011;
       console.warn('> `storeId` is not set, using fallback 1011 for dev only\n');
     }
@@ -163,7 +280,7 @@ if (!globalThis.$storefront) {
   globalThis.$storefront = {
     settings: {},
     onLoad(callback) {
-      emitter.on("load", callback);
+      emitter.once("load", callback);
     },
     data: {}
   };
@@ -202,20 +319,21 @@ const loadRouteContext = async (Astro, {
   const apiContext = {
     error: null
   };
+  const { slug } = Astro.params;
   if (isHomepage) {
     cmsContent = await config.getContent("pages/home");
-  } else {
-    const { slug } = Astro.params;
-    if (slug) {
-      if (contentCollection) {
-        cmsContent = await config.getContent(`${contentCollection}/${slug}`);
-      } else if (slug.startsWith("api/")) {
-        const err = new Error("/api/* routes not implemented on SSR directly");
-        Astro.response.status = 501;
-        err.responseHTML = `<head></head><body>${err.message}</body>`;
-        throw err;
-      } else {
-        fetchingApiContext = api.get(`slugs/${slug}`).then((response) => {
+  } else if (slug) {
+    if (contentCollection) {
+      cmsContent = await config.getContent(`${contentCollection}/${slug}`);
+    } else if (slug.startsWith("api/")) {
+      const err = new Error("/api/* routes not implemented on SSR directly");
+      Astro.response.status = 501;
+      err.responseHTML = `<head></head><body>${err.message}</body>`;
+      throw err;
+    } else {
+      const prefetchingsIndex = apiPrefetchings.findIndex((pr) => pr === null);
+      fetchingApiContext = new Promise((resolve, reject) => {
+        api.get(`slugs/${slug}`).then((response) => {
           Object.assign(apiContext, response.data);
           const apiResource = apiContext.resource;
           const apiDoc = apiContext.doc;
@@ -225,16 +343,18 @@ const loadRouteContext = async (Astro, {
             doc: apiDoc,
             timestamp: Date.now()
           };
-          return response;
-        });
-        const index = apiPrefetchings.findIndex((pr) => pr === null);
-        if (index > -1) {
-          apiPrefetchings[index] = fetchingApiContext;
-        } else {
-          fetchingApiContext.catch((err) => {
+          resolve(null);
+        }).catch((err) => {
+          if (prefetchingsIndex > -1) {
+            reject(err);
+          } else {
             apiContext.error = err;
-          });
-        }
+            resolve(null);
+          }
+        });
+      });
+      if (prefetchingsIndex > -1) {
+        apiPrefetchings[prefetchingsIndex] = fetchingApiContext;
       }
     }
   }
@@ -246,6 +366,8 @@ const loadRouteContext = async (Astro, {
         if (!apiState[apiStateKey]) {
           apiState[apiStateKey] = data.result || data;
         }
+      } else if (slug && apiContext.doc) {
+        apiState[`slugs/${slug}`] = apiContext;
       }
     });
   } catch (err) {
@@ -402,98 +524,286 @@ window.$isCmsPreview = true;`;
     url: `https://${domain}/`,
     logo: `https://${domain}${settings.logo}`
   });
-  return renderTemplate(_a$2 || (_a$2 = __template$2(['<meta charset="UTF-8"><meta name="viewport" content="width=device-width"><meta name="theme-color"', '><link rel="icon" type="image/png"', ' sizes="32x32">', "<title>", '</title><meta name="description"', '><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, 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<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);
 
-const { STOREFRONT_BASE_DIR } = process.env;
-const baseDir = STOREFRONT_BASE_DIR || process.cwd();
-const builtImages = [];
-const manifestFilepath = join(baseDir, "dist/server/images.dist.csv");
-readFileSync(manifestFilepath, "utf-8").split(/\n/).forEach((line) => {
-  const [filename, width, height] = line.split(",");
-  builtImages.push({
-    filename,
-    width: Number(width),
-    height: Number(height)
-  });
-});
-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);
+function has(value) {
+  return typeof value === "string";
+}
+function is(a, b) {
+  return a === b;
+}
+function any(a, b) {
+  return has(a) && b.includes(a.toLowerCase());
+}
+const ElementWeights = {
+  META: 10,
+  TITLE: 9,
+  PRECONNECT: 8,
+  ASYNC_SCRIPT: 7,
+  IMPORT_STYLES: 6,
+  SYNC_SCRIPT: 5,
+  SYNC_STYLES: 4,
+  PRELOAD: 3,
+  DEFER_SCRIPT: 2,
+  PREFETCH_PRERENDER: 1,
+  OTHER: 0
+};
+const ElementDetectors = {
+  META: isMeta,
+  TITLE: isTitle,
+  PRECONNECT: isPreconnect,
+  DEFER_SCRIPT: isDeferScript,
+  ASYNC_SCRIPT: isAsyncScript,
+  IMPORT_STYLES: isImportStyles,
+  SYNC_SCRIPT: isSyncScript,
+  SYNC_STYLES: isSyncStyles,
+  PRELOAD: isPreload,
+  PREFETCH_PRERENDER: isPrefetchPrerender
+};
+const META_HTTP_EQUIV_KEYWORDS = [
+  "accept-ch",
+  "content-security-policy",
+  "content-type",
+  "default-style",
+  "delegate-ch",
+  "origin-trial",
+  "x-dns-prefetch-control"
+];
+function isMeta(name, a) {
+  if (name === "base")
+    return true;
+  if (name !== "meta")
+    return false;
+  return has(a.charset) || is(a.name, "viewport") || any(a["http-equiv"], META_HTTP_EQUIV_KEYWORDS);
+}
+function isTitle(name) {
+  return name === "title";
+}
+function isPreconnect(name, { rel }) {
+  return name === "link" && is(rel, "preconnect");
+}
+function isAsyncScript(name, { src, async }) {
+  return name === "script" && has(src) && has(async);
+}
+function isImportStyles(name, a, children) {
+  const importRe = /@import/;
+  if (name === "style") {
+    return importRe.test(children);
   }
-  if (builtImage) {
-    return {
-      src: `/_astro/${builtImage.filename}`,
-      width: builtImage.width,
-      height: builtImage.height
-    };
+  return false;
+}
+function isSyncScript(name, { src, defer, async, type = "" }) {
+  if (name !== "script")
+    return false;
+  return !(has(src) && (has(defer) || has(async) || is(type, "module")) || type.includes("json"));
+}
+function isSyncStyles(name, { rel }) {
+  if (name === "style")
+    return true;
+  return name === "link" && is(rel, "stylesheet");
+}
+function isPreload(name, { rel }) {
+  return name === "link" && any(rel, ["preload", "modulepreload"]);
+}
+function isDeferScript(name, { src, defer, async, type }) {
+  if (name !== "script")
+    return false;
+  return has(src) && has(defer) || has(src) && is(type, "module") && !has(async);
+}
+function isPrefetchPrerender(name, { rel }) {
+  return name === "link" && any(rel, ["prefetch", "dns-prefetch", "prerender"]);
+}
+function getWeight(element) {
+  for (const [id, detector] of Object.entries(ElementDetectors)) {
+    const children = element.name === "style" && element.children.length > 0 ? renderSync(element) : "";
+    if (detector(element.name, element.attributes, children)) {
+      return ElementWeights[id];
+    }
   }
-  console.warn(`Could not match built ${format} image for ${src} ${width}px`);
-  return { src, width };
-};
+  return ElementWeights.OTHER;
+}
+
+function capo(html) {
+  const ast = parse(html);
+  try {
+    walkSync(ast, (node, parent, index) => {
+      if (node.type === ELEMENT_NODE && node.name === "head") {
+        if (parent) {
+          parent.children.splice(index, 1, getSortedHead(node));
+          throw "done";
+        }
+      }
+    });
+  } catch (e) {
+    if (e !== "done")
+      throw e;
+  }
+  return renderSync(ast);
+}
+function getSortedHead(head) {
+  const weightedChildren = head.children.map((node) => {
+    if (node.type === ELEMENT_NODE) {
+      const weight = getWeight(node);
+      return [weight, node];
+    }
+  }).filter(Boolean);
+  const children = weightedChildren.sort((a, b) => b[0] - a[0]).map(([_, element]) => element);
+  return { ...head, children };
+}
 
+const Head = createComponent({
+  factory: async (result, props, slots) => {
+    let head = "";
+    head += `<head${spreadAttributes(props)} data-capo>`;
+    head += await renderSlotToString(result, slots.default);
+    head += renderAllHeadContent(result);
+    head += "</head>";
+    return unescapeHTML(capo(head));
+  }
+});
+
+function isRemoteImage(src) {
+  return /^(https?:)?\/\//.test(src);
+}
 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) => {
+function 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;
+}
+function basename(src) {
+  return removeQueryString(src.replace(/^.*[\\\/]/, ""));
+}
+
+function resolveSize(transform) {
+  if (transform.width && transform.height) {
+    return transform;
   }
-  if (typeof aspectRatio === "number") {
-    return aspectRatio;
+  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`
+    );
+  }
+  let aspectRatio;
+  if (typeof transform.aspectRatio === "number") {
+    aspectRatio = transform.aspectRatio;
+  } else {
+    const [width, height] = transform.aspectRatio.split(":");
+    aspectRatio = Number.parseInt(width) / Number.parseInt(height);
+  }
+  if (transform.width) {
+    return {
+      ...transform,
+      width: transform.width,
+      height: Math.round(transform.width / aspectRatio)
+    };
+  } else if (transform.height) {
+    return {
+      ...transform,
+      width: Math.round(transform.height * aspectRatio),
+      height: transform.height
+    };
+  }
+  return transform;
+}
+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);
+  }
+  return {
+    ...rest,
+    src: metadata.src,
+    width,
+    height,
+    aspectRatio,
+    format,
+    background
+  };
+}
+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?)"
+      );
+    });
+    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()}`;
   }
-  const [width, height] = aspectRatio.split(":");
-  return parseInt(width, 10) / parseInt(height, 10);
+  if ((_c = globalThis.astroImage) == null ? void 0 : _c.addStaticImage) {
+    src = globalThis.astroImage.addStaticImage(resolved);
+  }
+  return {
+    ...attributes,
+    src
+  };
 }
+
 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.ssr.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 {
-    throw new Error("Custom `Picture.ssr.astro` works only with string src");
+    const metadata = "then" in src ? (await src).default : src;
+    unique.add(extname(metadata.src).replace(".", ""));
   }
   return Array.from(unique).filter(Boolean);
 }
-async function getBuiltPicture(params) {
-  const {
-    src,
-    alt,
-    widths,
-    fit,
-    position,
-    background
-  } = params;
+async function getPicture(params) {
+  const { src, alt, widths, fit, position, background } = params;
   if (!src) {
     throw new Error("[@astrojs/image] `src` is required");
   }
@@ -511,7 +821,8 @@ async function getBuiltPicture(params) {
   async function getSource(format) {
     const imgs = await Promise.all(
       widths.map(async (width) => {
-        const img = await getBuiltImage({
+        var _a;
+        const img = await getImage({
           src,
           alt,
           format,
@@ -524,7 +835,7 @@ async function getBuiltPicture(params) {
         if (format === lastFormat && width === maxWidth) {
           image = img;
         }
-        return `${img.src} ${width}w`;
+        return `${(_a = img.src) == null ? void 0 : _a.replaceAll(" ", encodeURI)} ${width}w`;
       })
     );
     return {
@@ -535,7 +846,7 @@ async function getBuiltPicture(params) {
   const sources = await Promise.all(allFormats.map((format) => getSource(format)));
   return {
     sources,
-    // @ts-ignore
+    // @ts-expect-error image will always be defined
     image
   };
 }
@@ -576,10 +887,25 @@ const useSSRPicture = async (params) => {
     }
   } else if ((!attrs.width || !attrs.height) && typeof src === "string") {
     const { width, height } = tryImageSize(src);
-    if (height) {
+    if (width && height) {
       aspectRatio = getAspectRatio({ width, height }, tryImageSize);
-      attrs.width = width;
-      attrs.height = height;
+      let hasSplicedWidths = false;
+      for (let i = widths.length - 1; i >= 0; i--) {
+        if (widths[i] > width) {
+          widths.splice(i, 1);
+          hasSplicedWidths = true;
+        }
+      }
+      if (hasSplicedWidths) {
+        attrs.width = width;
+        attrs.height = height;
+        if (!widths.find((w) => w === width)) {
+          widths.push(width);
+        }
+      } else {
+        attrs.width = Math.max(...widths);
+        attrs.height = Math.round(attrs.width / aspectRatio);
+      }
     }
   }
   let sizes = propSizes || "";
@@ -670,27 +996,18 @@ const $$Astro$7 = createAstro("https://ecom2-demo.web.app");
 const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$7, $$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 = ({}).DEPLOY_RAND;
+  const versionSuffix = ({}).BUILD_OUTPUT !== "static" && deployRand ? `&V=${deployRand}` : "";
+  const getImageFilepath = (src) => {
+    return resolve(process.env.STOREFRONT_BASE_DIR, `public${src}`);
+  };
   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 = sizeOf(getImageFilepath(src));
+      } catch (e) {
+        dimensions = {};
       }
     }
     return dimensions;
@@ -703,17 +1020,35 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   } = await useSSRPicture({
     ...Astro2.props,
     tryImageSize,
-    getPicture: getBuiltPicture
+    getPicture
   });
-  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$6 = createAstro("https://ecom2-demo.web.app");
 const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
   Astro2.self = $$BaseBody;
   const { settings } = Astro2.locals.routeContext;
-  return renderTemplate`${maybeRenderHead()}<body><div id="teleported-overlap" class="relative z-[59]"></div><div id="teleported-top" class="relative z-[19]"></div>${renderSlot($$result, $$slots["default"])}${renderSlot($$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": "hidden absolute", "style": "bottom: -1000px", "hasImg": false })}`}</body>`;
+  return renderTemplate`${maybeRenderHead()}<body>
+  <div id="teleported-overlap" class="relative z-[59]"></div>
+  <div id="teleported-top" class="relative z-[19]"></div>
+  ${renderSlot($$result, $$slots["default"])}
+  ${renderSlot($$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": "hidden absolute", "style": "bottom: -1000px", "hasImg": false })}`}
+</body>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro", void 0);
 
 const $$Astro$5 = createAstro("https://ecom2-demo.web.app");
@@ -722,7 +1057,16 @@ const $$Base$1 = createComponent(async ($$result, $$props, $$slots) => {
   Astro2.self = $$Base$1;
   const { getContent } = Astro2.locals.routeContext;
   const { custom_code: customCodeContent } = await getContent("layout");
-  return renderTemplate`<head>${renderSlot($$result, $$slots["base-head"])}${customCodeContent?.css && renderTemplate`<style>{customCodeContent.css}</style>`}${customCodeContent?.html_head && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(customCodeContent.html_head)}` })}`}${renderSlot($$result, $$slots["base-head-scripts"])}${renderSlot($$result, $$slots["before-head-end"])}${renderHead()}</head>${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["default"])}${customCodeContent?.html_body && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCodeContent.html_body)}` })}`}${renderSlot($$result2, $$slots["base-body-scripts"])}${renderSlot($$result2, $$slots["before-body-end"])}` })}`;
+  return renderTemplate`${renderComponent($$result, "Head", Head, {}, { "default": ($$result2) => renderTemplate`
+  ${renderSlot($$result2, $$slots["base-head"])}
+  ${customCodeContent?.css && renderTemplate`<style>{customCodeContent.css}</style>`}${customCodeContent?.html_head && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCodeContent.html_head)}` })}`}${renderSlot($$result2, $$slots["base-head-scripts"])}
+  ${renderSlot($$result2, $$slots["before-head-end"])}
+` })}
+${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2) => renderTemplate`
+  ${renderSlot($$result2, $$slots["default"])}
+  ${customCodeContent?.html_body && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCodeContent.html_body)}` })}`}${renderSlot($$result2, $$slots["base-body-scripts"])}
+  ${renderSlot($$result2, $$slots["before-body-end"])}
+` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro", void 0);
 
 var __freeze$1 = Object.freeze;
@@ -740,7 +1084,13 @@ const $$Astro$3 = createAstro("https://ecom2-demo.web.app");
 const $$Base = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$3, $$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($$result3, $$slots["base-head"])}` })}`, "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`${renderSlot($$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($$result3, $$slots["base-head"])}
+  ` })}`, "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`
+  
+  
+  ${renderSlot($$result2, $$slots["default"])}
+` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro", void 0);
 
 const checkObjNotNull = (obj) => {
@@ -802,10 +1152,6 @@ userAgent.includes("Safari") && !userAgent.includes("Chrome");
 const isIOS = /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream;
 const isMobile = isIOS || /Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
 
-const {
-  settings,
-  apiContext
-} = globalThis.$storefront;
 const networkNames = [
   "whatsapp",
   "instagram",
@@ -813,14 +1159,21 @@ const networkNames = [
   "twitter",
   "youtube",
   "tiktok",
-  "pinterest"
+  "pinterest",
+  "threads"
 ];
 const socialNetworks = {};
-networkNames.forEach((network) => {
-  if (settings[network]) {
-    socialNetworks[network] = settings[network];
-  }
-});
+const setSocialNetworks = () => {
+  const { settings } = globalThis.$storefront;
+  networkNames.forEach((network) => {
+    if (settings[network]) {
+      socialNetworks[network] = settings[network];
+    }
+  });
+};
+{
+  global.$storefront.onLoad(() => setSocialNetworks());
+}
 
 let id = -1;
 const useId = () => String(++id);
@@ -900,10 +1253,7 @@ const usePitchBar = (props) => {
 const usePageHeader = async ({ routeContext, listedCategoryFields }) => {
   const { apiState, getContent } = routeContext;
   const layoutContent = await getContent("layout");
-  const {
-    header: headerContent,
-    service_links: serviceLinks
-  } = layoutContent;
+  const { header: headerContent } = layoutContent;
   const pitchBar = parseLayoutContent(layoutContent);
   let { categories } = apiState;
   if (!categories) {
@@ -928,8 +1278,7 @@ const usePageHeader = async ({ routeContext, listedCategoryFields }) => {
     categories,
     menuCategorySlugs: headerContent.inline_menu_categories?.featured,
     menuRandomCategories: headerContent.inline_menu_categories?.random,
-    isAlphabeticalSortSubmenu: headerContent.alphabetical_sort_submenu,
-    serviceLinks
+    isAlphabeticalSortSubmenu: headerContent.alphabetical_sort_submenu
   };
   return {
     pitchBar,
@@ -945,7 +1294,7 @@ window.$storefront.data['${field}'] = ${JSON.stringify(value)};`
   };
 };
 
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "CarouselControl",
   props: {
     isPrev: { type: Boolean, default: false }
@@ -958,7 +1307,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<button${ssrRenderAttrs(mergeProps({
     type: "button",
     "aria-label": !$props.isPrev ? "Pr\xF3ximo" : "Anterior",
@@ -970,16 +1319,16 @@ function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _push, _parent);
   _push(`</button>`);
 }
-const _sfc_setup$j = _sfc_main$j.setup;
-_sfc_main$j.setup = (props, ctx) => {
+const _sfc_setup$c = _sfc_main$c.setup;
+_sfc_main$c.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/CarouselControl.vue");
-  return _sfc_setup$j ? _sfc_setup$j(props, ctx) : void 0;
+  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
 };
-const CarouselControl = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["ssrRender", _sfc_ssrRender$j]]);
+const CarouselControl = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["ssrRender", _sfc_ssrRender$c]]);
 
 const carouselKey = Symbol("carousel");
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "Carousel",
   props: {
     as: { default: "ul" },
@@ -1140,7 +1489,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$i(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<div${ssrRenderAttrs(mergeProps({
     ref: "carousel",
     class: "relative",
@@ -1197,15 +1546,15 @@ function _sfc_ssrRender$i(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _push, _parent);
   _push(`</div>`);
 }
-const _sfc_setup$i = _sfc_main$i.setup;
-_sfc_main$i.setup = (props, ctx) => {
+const _sfc_setup$b = _sfc_main$b.setup;
+_sfc_main$b.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/Carousel.vue");
-  return _sfc_setup$i ? _sfc_setup$i(props, ctx) : void 0;
+  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
 };
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["ssrRender", _sfc_ssrRender$i]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["ssrRender", _sfc_ssrRender$b]]);
 
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "PitchBar",
   props: {
     slides: {}
@@ -1222,7 +1571,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$h(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_ALink = resolveComponent("ALink");
   _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-base-100 relative z-20" }, _attrs))}><div class="container md:w-2/3 mx-auto px-3 py-1">`);
   _push(ssrRenderComponent($setup["Carousel"], {
     autoplay: $setup.countValidSlides > 1 ? 7e3 : void 0
@@ -1255,7 +1605,7 @@ function _sfc_ssrRender$h(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         _push2(`<!--[-->`);
         ssrRenderList($props.slides, (slide, i) => {
           _push2(`<li class="shrink-0 basis-full h-full text-center"${_scopeId}>`);
-          ssrRenderVNode(_push2, createVNode(resolveDynamicComponent(slide.href ? "ALink" : "span"), {
+          _push2(ssrRenderComponent(_component_ALink, {
             href: slide.href,
             target: slide.target,
             class: ["inline-block px-8", slide.href ? "hover:underline" : null]
@@ -1278,7 +1628,7 @@ function _sfc_ssrRender$h(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               }
             }),
             _: 2
-          }), _parent2, _scopeId);
+          }, _parent2, _scopeId));
           _push2(`</li>`);
         });
         _push2(`<!--]-->`);
@@ -1289,7 +1639,7 @@ function _sfc_ssrRender$h(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               key: i,
               class: "shrink-0 basis-full h-full text-center"
             }, [
-              (openBlock(), createBlock(resolveDynamicComponent(slide.href ? "ALink" : "span"), {
+              createVNode(_component_ALink, {
                 href: slide.href,
                 target: slide.target,
                 class: ["inline-block px-8", slide.href ? "hover:underline" : null]
@@ -1302,7 +1652,7 @@ function _sfc_ssrRender$h(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                   }, null, 8, ["innerHTML"])) : createCommentVNode("", true)
                 ]),
                 _: 2
-              }, 1032, ["href", "target", "class"]))
+              }, 1032, ["href", "target", "class"])
             ]);
           }), 128))
         ];
@@ -1312,13 +1662,13 @@ function _sfc_ssrRender$h(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</div></div>`);
 }
-const _sfc_setup$h = _sfc_main$h.setup;
-_sfc_main$h.setup = (props, ctx) => {
+const _sfc_setup$a = _sfc_main$a.setup;
+_sfc_main$a.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/PitchBar.vue");
-  return _sfc_setup$h ? _sfc_setup$h(props, ctx) : void 0;
+  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
 };
-const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["ssrRender", _sfc_ssrRender$h]]);
+const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
 
 const useStorage = (key, initialValue, storage = globalThis.localStorage) => {
   if (!storage) {
@@ -1505,7 +1855,7 @@ const useStickyHeader = (props) => {
     y.value = nextY;
   }, {
     debounce: isMobile ? 100 : 50,
-    maxWait: isMobile ? 300 : 150
+    maxWait: isMobile ? 800 : 400
   });
   const isSticky = computed(() => ready.value && y.value > staticY.value * 1.2);
   const transition = ref("none");
@@ -1628,7 +1978,7 @@ const useShopHeader = (props) => {
   };
 };
 
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -1695,7 +2045,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   _push(ssrRenderComponent(_component_Fade, mergeProps({
     slide: $setup.slideTo,
@@ -1715,7 +2065,7 @@ function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             maxWidth: !$setup.isPlacementX ? `calc(100vw - ${$setup.scrollbarWidth}px)` : void 0
           })}"${ssrIncludeBooleanAttr($props.modelValue) ? " open" : ""}${ssrRenderAttr("data-drawer", $props.placement)}${_scopeId}><div class="relative h-full"${_scopeId}>`);
           if ($props.hasCloseButton) {
-            _push2(`<button type="button"${ssrRenderAttr("aria-label", "Fechar")} class="${ssrRenderClass([$props.placement === "end" ? "left-2" : "right-2", "absolute top-2"])}" data-drawer-close${_scopeId}>`);
+            _push2(`<button type="button"${ssrRenderAttr("aria-label", "Fechar")} class="${ssrRenderClass([$props.placement === "end" ? "left-2" : "right-2", "absolute top-2 z-30"])}" data-drawer-close${_scopeId}>`);
             ssrRenderSlot(_ctx.$slots, "close", {}, () => {
               _push2(`<i class="i-close text-base-400 hover:text-base-600 text-3xl"${_scopeId}></i>`);
             }, _push2, _parent2, _scopeId);
@@ -1775,7 +2125,7 @@ function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 type: "button",
                 "aria-label": "Fechar",
                 onClick: withModifiers($setup.close, ["prevent"]),
-                class: ["absolute top-2", $props.placement === "end" ? "left-2" : "right-2"],
+                class: ["absolute top-2 z-30", $props.placement === "end" ? "left-2" : "right-2"],
                 "data-drawer-close": ""
               }, [
                 renderSlot$1(_ctx.$slots, "close", {}, () => [
@@ -1803,13 +2153,13 @@ function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$g = _sfc_main$g.setup;
-_sfc_main$g.setup = (props, ctx) => {
+const _sfc_setup$9 = _sfc_main$9.setup;
+_sfc_main$9.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/Drawer.vue");
-  return _sfc_setup$g ? _sfc_setup$g(props, ctx) : void 0;
+  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
 };
-const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["ssrRender", _sfc_ssrRender$g]]);
+const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["ssrRender", _sfc_ssrRender$9]]);
 
 const storageKey = "ecomSession";
 const emptySession = {
@@ -1848,7 +2198,7 @@ const initializeFirebaseAuth = (canWaitIdle = !window.location.pathname.startsWi
   return;
 };
 
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "AccountLink",
   props: {
     to: {},
@@ -1883,20 +2233,20 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<a${ssrRenderAttrs(mergeProps({ href: $setup.href }, _attrs))}>`);
   ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
   _push(`</a>`);
 }
-const _sfc_setup$f = _sfc_main$f.setup;
-_sfc_main$f.setup = (props, ctx) => {
+const _sfc_setup$8 = _sfc_main$8.setup;
+_sfc_main$8.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/AccountLink.vue");
-  return _sfc_setup$f ? _sfc_setup$f(props, ctx) : void 0;
+  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
 };
-const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["ssrRender", _sfc_ssrRender$f]]);
+const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["ssrRender", _sfc_ssrRender$8]]);
 
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkIcon",
   props: {
     as: { default: "i" },
@@ -1921,6 +2271,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           return "i-tiktok";
         case "twitter":
           return "i-twitter";
+        case "threads":
+          return "i-threads";
         default:
           return "";
       }
@@ -1930,18 +2282,18 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$e(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), mergeProps({ class: $setup.iconClassName }, _attrs), null), _parent);
 }
-const _sfc_setup$e = _sfc_main$e.setup;
-_sfc_main$e.setup = (props, ctx) => {
+const _sfc_setup$7 = _sfc_main$7.setup;
+_sfc_main$7.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkIcon.vue");
-  return _sfc_setup$e ? _sfc_setup$e(props, ctx) : void 0;
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
 };
-const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["ssrRender", _sfc_ssrRender$e]]);
+const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$7]]);
 
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkLink",
   props: {
     network: {},
@@ -1967,7 +2319,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   _push(ssrRenderComponent(_component_ALink, mergeProps({ href: $setup.fixedHref }, _attrs), {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -1988,15 +2340,15 @@ function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$d = _sfc_main$d.setup;
-_sfc_main$d.setup = (props, ctx) => {
+const _sfc_setup$6 = _sfc_main$6.setup;
+_sfc_main$6.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkLink.vue");
-  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
 };
-const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["ssrRender", _sfc_ssrRender$d]]);
+const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
 
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenavCategory",
   props: {
     categoryTree: {}
@@ -2019,7 +2371,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_AImg = resolveComponent("AImg");
   const _component_ShopSidenavCategory = resolveComponent("ShopSidenavCategory", true);
   _push(`<li${ssrRenderAttrs(mergeProps({ class: "text-lg text-base-800" }, _attrs))}>`);
@@ -2057,15 +2409,15 @@ function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</li>`);
 }
-const _sfc_setup$c = _sfc_main$c.setup;
-_sfc_main$c.setup = (props, ctx) => {
+const _sfc_setup$5 = _sfc_main$5.setup;
+_sfc_main$5.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopSidenavCategory.vue");
-  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
 };
-const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["ssrRender", _sfc_ssrRender$c]]);
+const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
 
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenav",
   props: {
     categoryTrees: {}
@@ -2086,7 +2438,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<aside${ssrRenderAttrs(mergeProps({ class: "flex flex-col h-full" }, _attrs))}><nav class="py-4 grow"><ul class="relative h-full"><!--[-->`);
   ssrRenderList($props.categoryTrees, (categoryTree, i) => {
     _push(ssrRenderComponent($setup["ShopSidenavCategory"], {
@@ -2127,13 +2479,13 @@ function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></ul></footer></aside>`);
 }
-const _sfc_setup$b = _sfc_main$b.setup;
-_sfc_main$b.setup = (props, ctx) => {
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopSidenav.vue");
-  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
 };
-const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["ssrRender", _sfc_ssrRender$b]]);
+const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
 
 const useShopHeaderSubmenu = (props) => {
   const categoryPicture = computed(() => {
@@ -2182,7 +2534,7 @@ const useShopHeaderSubmenu = (props) => {
   };
 };
 
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderSubmenu",
   props: {
     categoryTree: {},
@@ -2208,7 +2560,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_AImg = resolveComponent("AImg");
   _push(ssrRenderComponent($setup["Popover"], _attrs, {
@@ -2498,15 +2850,15 @@ function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$a = _sfc_main$a.setup;
-_sfc_main$a.setup = (props, ctx) => {
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeaderSubmenu.vue");
-  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
 };
-const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
+const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
 
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderMenu",
   props: {
     inlineMenuTrees: {}
@@ -2522,7 +2874,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<nav${ssrRenderAttrs(_attrs)}><ul class="${ssrRenderClass([$props.inlineMenuTrees.length < 7 ? "text-base" : "text-sm", "flex gap-4 xl:gap-5 text-base-700"])}"><!--[-->`);
   ssrRenderList($props.inlineMenuTrees, (categoryTree, i) => {
     _push(`<li>`);
@@ -2566,32 +2918,16 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></ul></nav>`);
 }
-const _sfc_setup$9 = _sfc_main$9.setup;
-_sfc_main$9.setup = (props, ctx) => {
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeaderMenu.vue");
-  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
-};
-const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["ssrRender", _sfc_ssrRender$9]]);
-
-const _sfc_main$8 = {};
-
-function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs) {
-  _push(`<div${ssrRenderAttrs(mergeProps({ class: "w-full h-40 bg-base-300" }, _attrs))}></div>`);
-}
-const _sfc_setup$8 = _sfc_main$8.setup;
-_sfc_main$8.setup = (props, ctx) => {
-  const ssrContext = useSSRContext()
-  ;(ssrContext.modules || (ssrContext.modules = new Set())).add("src/components/SearchModal.vue");
-  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : undefined
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
-const SearchModal = /*#__PURE__*/_export_sfc(_sfc_main$8, [['ssrRender',_sfc_ssrRender$8]]);
+const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
 
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "AccountMenu",
-  props: {
-    serviceLinks: {}
-  },
   setup(__props, { expose: __expose }) {
     __expose();
     const __returned__ = { get Menu() {
@@ -2617,7 +2953,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_ALink = resolveComponent("ALink");
   _push(ssrRenderComponent($setup["Menu"], mergeProps({
@@ -2759,7 +3095,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                       _: 2
                     }, _parent4, _scopeId3));
                     _push4(`<!--[-->`);
-                    ssrRenderList($props.serviceLinks, ({ title, href }, i) => {
+                    ssrRenderList(_ctx.$settings.service_links, ({ title, href }, i) => {
                       _push4(ssrRenderComponent($setup["MenuItem"], {
                         as: "li",
                         key: `s-${i}`
@@ -2906,7 +3242,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                           ]),
                           _: 1
                         }),
-                        (openBlock(true), createBlock(Fragment$1, null, renderList($props.serviceLinks, ({ title, href }, i) => {
+                        (openBlock(true), createBlock(Fragment$1, null, renderList(_ctx.$settings.service_links, ({ title, href }, i) => {
                           return openBlock(), createBlock($setup["MenuItem"], {
                             as: "li",
                             key: `s-${i}`
@@ -3017,7 +3353,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                         ]),
                         _: 1
                       }),
-                      (openBlock(true), createBlock(Fragment$1, null, renderList($props.serviceLinks, ({ title, href }, i) => {
+                      (openBlock(true), createBlock(Fragment$1, null, renderList(_ctx.$settings.service_links, ({ title, href }, i) => {
                         return openBlock(), createBlock($setup["MenuItem"], {
                           as: "li",
                           key: `s-${i}`
@@ -3147,7 +3483,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                       ]),
                       _: 1
                     }),
-                    (openBlock(true), createBlock(Fragment$1, null, renderList($props.serviceLinks, ({ title, href }, i) => {
+                    (openBlock(true), createBlock(Fragment$1, null, renderList(_ctx.$settings.service_links, ({ title, href }, i) => {
                       return openBlock(), createBlock($setup["MenuItem"], {
                         as: "li",
                         key: `s-${i}`
@@ -3209,701 +3545,17 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$7 = _sfc_main$7.setup;
-_sfc_main$7.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/AccountMenu.vue");
-  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
-};
-const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$7]]);
-
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "CheckoutLink",
-  props: {
-    to: { default: "cart" },
-    cartUrl: { default: globalThis.$storefront.settings.cart_url || "/app/#/cart" },
-    checkoutUrl: { default: globalThis.$storefront.settings.checkout_url || "/app/#/checkout" }
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const href = computed(() => {
-      if (props.to === "cart")
-        return props.cartUrl;
-      return props.checkoutUrl;
-    });
-    const __returned__ = { props, href };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<a${ssrRenderAttrs(mergeProps({ href: $setup.href }, _attrs))}>`);
-  ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
-  _push(`</a>`);
-}
-const _sfc_setup$6 = _sfc_main$6.setup;
-_sfc_main$6.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/CheckoutLink.vue");
-  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
-};
-const CheckoutLink = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
-
-const getPriceWithDiscount = (price, discount) => {
-  const { type, value } = discount;
-  let priceWithDiscount;
-  if (value) {
-    if (type === "percentage") {
-      priceWithDiscount = price * ((100 - value) / 100);
-    } else {
-      priceWithDiscount = price - value;
-    }
-    return priceWithDiscount > 0 ? priceWithDiscount : 0;
-  }
-  return price;
-};
-const usePrices = (props) => {
-  const _product = computed(() => {
-    return props.product || {
-      price: props.price || 0,
-      base_price: props.basePrice
-    };
-  });
-  const hasVariedPrices = computed(() => {
-    const { variations } = _product.value;
-    if (variations) {
-      const productPrice = price(_product.value);
-      for (let i = 0; i < variations.length; i++) {
-        const price$1 = price({
-          ..._product.value,
-          ...variations[i]
-        });
-        if (price$1 > productPrice) {
-          return true;
-        }
-      }
-    }
-    return false;
-  });
-  const salePrice = computed(() => {
-    const price$1 = price(_product.value);
-    const discount = availableExtraDiscount.value;
-    if (discount && (!discount.min_amount || price$1 > discount.min_amount)) {
-      return getPriceWithDiscount(price$1, discount);
-    }
-    return price$1;
-  });
-  const comparePrice = computed(() => {
-    if (onPromotion(_product.value)) {
-      return _product.value.base_price;
-    }
-    const price$1 = price(_product.value);
-    if (price$1 > salePrice.value) {
-      return price$1;
-    }
-    return 0;
-  });
-  const installmentsObject = computed(() => {
-    return props.installmentsOption || installmentsOption.value || { max_number: 1 };
-  });
-  const installmentsNumber = computed(() => {
-    if (installmentsObject.value.max_number <= 1) {
-      return 1;
-    }
-    const minInstallment = installmentsObject.value.min_installment || 5;
-    const maxInstallmentsNumber = Math.floor(salePrice.value / minInstallment);
-    return Math.min(maxInstallmentsNumber, installmentsObject.value.max_number);
-  });
-  const monthlyInterest = computed(() => {
-    return installmentsObject.value.monthly_interest || 0;
-  });
-  const installmentValue = computed(() => {
-    if (installmentsNumber.value >= 2) {
-      if (!monthlyInterest.value) {
-        return salePrice.value / installmentsNumber.value;
-      }
-      const interest = monthlyInterest.value / 100;
-      return salePrice.value * interest / (1 - (1 + interest) ** -installmentsNumber.value);
-    }
-    return 0;
-  });
-  const discountObject = computed(() => {
-    const discount = props.discountOption || discountOption.value;
-    if (discount && (!discount.min_amount || discount.min_amount <= salePrice.value) && (!props.isAmountTotal || discount.apply_at === "total")) {
-      return discount;
-    }
-    return {};
-  });
-  const discountLabel = computed(() => {
-    const { label } = discountObject.value;
-    if (label) {
-      if (label.includes(" ")) {
-        return label;
-      }
-      return `via ${label}`;
-    }
-    return "";
-  });
-  const priceWithDiscount = computed(() => {
-    return getPriceWithDiscount(salePrice.value, discountObject.value);
-  });
-  const pointsProgramObject = computed(() => {
-    if (props.loyaltyPointsProgram) {
-      return props.loyaltyPointsProgram;
-    }
-    const pointsPrograms = loyaltyPointsPrograms.value;
-    if (pointsPrograms) {
-      const programIds = Object.keys(pointsPrograms);
-      for (let i = 0; i < programIds.length; i++) {
-        const program = pointsPrograms[programIds[i]];
-        if (program?.earn_percentage && program.earn_percentage > 0) {
-          return program;
-        }
-      }
-    }
-    return { ratio: 0 };
-  });
-  const pointsMinPrice = computed(() => {
-    return pointsProgramObject.value.min_subtotal_to_earn || 0;
-  });
-  const pointsProgramName = computed(() => {
-    return pointsProgramObject.value.name || "";
-  });
-  const earnPointsPercentage = computed(() => {
-    return pointsProgramObject.value.earn_percentage || 0;
-  });
-  const cashbackPercentage = computed(() => {
-    return earnPointsPercentage.value * pointsProgramObject.value.ratio;
-  });
-  const cashbackValue = computed(() => {
-    return cashbackPercentage.value >= 1 ? salePrice.value * (cashbackPercentage.value / 100) : 0;
-  });
-  return {
-    hasVariedPrices,
-    salePrice,
-    comparePrice,
-    installmentsObject,
-    installmentsNumber,
-    monthlyInterest,
-    installmentValue,
-    discountObject,
-    discountLabel,
-    priceWithDiscount,
-    pointsProgramObject,
-    pointsMinPrice,
-    pointsProgramName,
-    earnPointsPercentage,
-    cashbackPercentage,
-    cashbackValue
-  };
-};
-
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "Prices",
-  props: {
-    isBig: { type: Boolean },
-    isLiteral: { type: Boolean },
-    hasCashback: { type: Boolean, default: true },
-    hasPriceOptions: { type: Boolean, default: true },
-    product: {},
-    price: {},
-    basePrice: {},
-    isAmountTotal: { type: Boolean },
-    installmentsOption: {},
-    discountOption: {},
-    loyaltyPointsProgram: {}
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const {
-      hasVariedPrices,
-      salePrice,
-      comparePrice,
-      cashbackPercentage,
-      cashbackValue,
-      installmentsNumber,
-      monthlyInterest,
-      installmentValue,
-      priceWithDiscount,
-      discountLabel
-    } = usePrices(props);
-    const __returned__ = { props, hasVariedPrices, salePrice, comparePrice, cashbackPercentage, cashbackValue, installmentsNumber, monthlyInterest, installmentValue, priceWithDiscount, discountLabel };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  const _component_Fade = resolveComponent("Fade");
-  _push(`<div${ssrRenderAttrs(mergeProps({
-    class: ["text-base-600 [&>div]:[font-size:90%] [&_small]:lowercase [&_small]:[font-size:92%]", $props.isBig ? "text-lg" : null],
-    "data-prices": ""
-  }, _attrs))}>`);
-  if ($setup.comparePrice) {
-    _push(`<span class="text-base-500 mr-1 text-[87%]">`);
-    if ($props.isLiteral) {
-      _push(`<small>${ssrInterpolate(`${"De"} `)}</small>`);
-    } else {
-      _push(`<!---->`);
-    }
-    _push(`<s>${ssrInterpolate(_ctx.$money($setup.comparePrice))}</s>`);
-    if ($props.isLiteral) {
-      _push(`<small>${ssrInterpolate(` ${"Por"}`)}</small>`);
-    } else {
-      _push(`<!---->`);
-    }
-    _push(`</span>`);
-  } else {
-    _push(`<!---->`);
-  }
-  _push(`<strong class="${ssrRenderClass([$props.isBig ? "text-5xl block" : null, "inline-block text-base-800"])}">`);
-  if ($setup.hasVariedPrices) {
-    _push(`<small>${ssrInterpolate(`${"A partir de"} `)}</small>`);
-  } else {
-    _push(`<!---->`);
-  }
-  _push(` ${ssrInterpolate(_ctx.$money($setup.salePrice))}</strong>`);
-  _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        if ($setup.cashbackValue && $props.hasCashback) {
-          _push2(`<div class="relative z-10"${_scopeId}><span${ssrRenderAttr("data-tooltip", "Receba $1 de volta".replace("$1", _ctx.$percentage($setup.cashbackPercentage)))}${_scopeId}><i class="i-arrow-uturn-left mr-1"${_scopeId}></i><span class="font-medium"${_scopeId}>${ssrInterpolate(_ctx.$money($setup.cashbackValue))}</span><small${_scopeId}> cashback</small></span></div>`);
-        } else {
-          _push2(`<!---->`);
-        }
-      } else {
-        return [
-          $setup.cashbackValue && $props.hasCashback ? (openBlock(), createBlock("div", {
-            key: 0,
-            class: "relative z-10"
-          }, [
-            createVNode("span", {
-              "data-tooltip": "Receba $1 de volta".replace("$1", _ctx.$percentage($setup.cashbackPercentage))
-            }, [
-              createVNode("i", { class: "i-arrow-uturn-left mr-1" }),
-              createVNode("span", { class: "font-medium" }, toDisplayString(_ctx.$money($setup.cashbackValue)), 1),
-              createVNode("small", null, " cashback")
-            ], 8, ["data-tooltip"])
-          ])) : createCommentVNode("", true)
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        if ($setup.installmentValue && $props.hasPriceOptions) {
-          _push2(`<div${_scopeId}>`);
-          if ($props.isLiteral) {
-            _push2(`<small${_scopeId}>${ssrInterpolate(`${"At\xE9"} `)}</small>`);
-          } else {
-            _push2(`<!---->`);
-          }
-          _push2(` ${ssrInterpolate($setup.installmentsNumber)}x `);
-          if ($props.isLiteral) {
-            _push2(`<small${_scopeId}>${ssrInterpolate(` ${"De"} `)}</small>`);
-          } else {
-            _push2(`<!---->`);
-          }
-          _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$money($setup.installmentValue))}</span>`);
-          if (!$setup.monthlyInterest && $props.isLiteral) {
-            _push2(`<small${_scopeId}>${ssrInterpolate("Sem juros")}</small>`);
-          } else {
-            _push2(`<!---->`);
-          }
-          _push2(`</div>`);
-        } else {
-          _push2(`<!---->`);
-        }
-      } else {
-        return [
-          $setup.installmentValue && $props.hasPriceOptions ? (openBlock(), createBlock("div", { key: 0 }, [
-            $props.isLiteral ? (openBlock(), createBlock("small", { key: 0 }, toDisplayString(`${"At\xE9"} `))) : createCommentVNode("", true),
-            createTextVNode(" " + toDisplayString($setup.installmentsNumber) + "x ", 1),
-            $props.isLiteral ? (openBlock(), createBlock("small", { key: 1 }, toDisplayString(` ${"De"} `))) : createCommentVNode("", true),
-            createVNode("span", null, toDisplayString(_ctx.$money($setup.installmentValue)), 1),
-            !$setup.monthlyInterest && $props.isLiteral ? (openBlock(), createBlock("small", { key: 2 }, toDisplayString("Sem juros"))) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true)
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        if ($setup.priceWithDiscount < $setup.salePrice && $props.hasPriceOptions) {
-          _push2(`<div${_scopeId}>`);
-          if (!$setup.discountLabel) {
-            _push2(`<small${_scopeId}>${ssrInterpolate(`${"A partir de"} `)}</small>`);
-          } else {
-            _push2(`<!---->`);
-          }
-          _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$money($setup.priceWithDiscount))}</span>`);
-          if ($setup.discountLabel) {
-            _push2(`<small${_scopeId}>${ssrInterpolate(` ${$setup.discountLabel}`)}</small>`);
-          } else {
-            _push2(`<!---->`);
-          }
-          _push2(`</div>`);
-        } else {
-          _push2(`<!---->`);
-        }
-      } else {
-        return [
-          $setup.priceWithDiscount < $setup.salePrice && $props.hasPriceOptions ? (openBlock(), createBlock("div", { key: 0 }, [
-            !$setup.discountLabel ? (openBlock(), createBlock("small", { key: 0 }, toDisplayString(`${"A partir de"} `))) : createCommentVNode("", true),
-            createVNode("span", null, toDisplayString(_ctx.$money($setup.priceWithDiscount)), 1),
-            $setup.discountLabel ? (openBlock(), createBlock("small", { key: 1 }, toDisplayString(` ${$setup.discountLabel}`), 1)) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true)
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(`</div>`);
-}
-const _sfc_setup$5 = _sfc_main$5.setup;
-_sfc_main$5.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Prices.vue");
-  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
-};
-const Prices = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
-
-const useCartItem = (props) => {
-  const parsedItem = computed(() => {
-    return !props.item && props.product ? parseProduct(props.product) : null;
-  });
-  const cartItem = computed(() => {
-    return props.item || parsedItem.value;
-  });
-  const title = computed(() => {
-    return name(cartItem.value);
-  });
-  const link = computed(() => {
-    const { slug } = cartItem.value;
-    if (typeof slug === "string") {
-      return `/${slug}`;
-    }
-    return null;
-  });
-  const image = computed(() => {
-    if (cartItem.value.picture) {
-      return img(cartItem.value.picture, void 0, props.pictureSize || "small");
-    }
-    return void 0;
-  });
-  const finalPrice = computed(() => {
-    return cartItem.value.final_price || cartItem.value.price;
-  });
-  return {
-    cartItem,
-    title,
-    link,
-    image,
-    finalPrice
-  };
-};
-
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "QuantitySelectorControl",
-  props: {
-    isMinus: { type: Boolean }
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const {
-      value,
-      isBoundMin,
-      isBoundMax
-    } = inject(quantitySelectorKey);
-    const __returned__ = { value, isBoundMin, isBoundMax };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<button${ssrRenderAttrs(mergeProps({
-    type: "button",
-    class: "w-10 h-12 text-xl leading-12 enabled:text-primary enabled:hover:bg-primary-100/70 disabled:opacity-40",
-    "data-quantity-selector-control": $props.isMinus ? "minus" : "plus",
-    "aria-label": $props.isMinus ? "Menos" : "Mais",
-    disabled: $props.isMinus ? $setup.isBoundMin : $setup.isBoundMax
-  }, _attrs))}>`);
-  ssrRenderSlot(_ctx.$slots, "default", {}, () => {
-    if ($props.isMinus) {
-      _push(`<!--[-->\u2212<!--]-->`);
-    } else {
-      _push(`<!--[-->+<!--]-->`);
-    }
-  }, _push, _parent);
-  _push(`</button>`);
-}
-const _sfc_setup$4 = _sfc_main$4.setup;
-_sfc_main$4.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/QuantitySelectorControl.vue");
-  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
-};
-const QuantitySelectorControl = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
-
-const quantitySelectorKey = Symbol("quantitySelector");
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "QuantitySelector",
-  props: {
-    modelValue: { default: 1 },
-    min: { default: 1 },
-    max: {},
-    step: {},
-    disabled: { type: Boolean },
-    readonly: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose, emit }) {
-    __expose();
-    const props = __props;
-    const input = ref(null);
-    const inputId = `NInput${useId()}`;
-    const value = computed({
-      get() {
-        return props.modelValue;
-      },
-      set(_value) {
-        if (_value < props.min) {
-          _value = props.min;
-          input.value.value = `${_value}`;
-        }
-        if (props.max && _value > props.max) {
-          _value = props.max;
-          input.value.value = `${_value}`;
-        }
-        emit("update:modelValue", _value);
-      }
-    });
-    const isBoundMin = computed(() => {
-      return props.min >= value.value;
-    });
-    const isBoundMax = computed(() => {
-      return props.max <= value.value;
-    });
-    provide(quantitySelectorKey, {
-      value,
-      isBoundMin,
-      isBoundMax
-    });
-    const __returned__ = { quantitySelectorKey, props, emit, input, inputId, value, isBoundMin, isBoundMax, QuantitySelectorControl };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<div${ssrRenderAttrs(mergeProps({ "data-quantity-selector": "" }, _attrs))}>`);
-  ssrRenderSlot(_ctx.$slots, "label", { inputId: $setup.inputId, value: $setup.value }, () => {
-    _push(`<label${ssrRenderAttr("for", $setup.inputId)} class="sr-only">${ssrInterpolate("Quantidade")}</label>`);
-  }, _push, _parent);
-  _push(`<div class="flex items-center"><input type="number"${ssrRenderAttr("id", $setup.inputId)}${ssrRenderAttr("value", $setup.value)}${ssrRenderAttr("min", $props.min)}${ssrRenderAttr("max", $props.max)}${ssrRenderAttr("step", $props.step)}${ssrIncludeBooleanAttr($props.disabled) ? " disabled" : ""}${ssrIncludeBooleanAttr($props.readonly) ? " readonly" : ""} class="h-12 w-14 px-2 text-lg border-transparent text-center [-moz-appearance:_textfield] [&amp;::-webkit-outer-spin-button]:m-0 [&amp;::-webkit-outer-spin-button]:appearance-none [&amp;::-webkit-inner-spin-button]:m-0 [&amp;::-webkit-inner-spin-button]:appearance-none">`);
-  ssrRenderSlot(_ctx.$slots, "controls", { value: $setup.value, isBoundMin: $setup.isBoundMin, isBoundMax: $setup.isBoundMax }, () => {
-    _push(ssrRenderComponent($setup["QuantitySelectorControl"], {
-      "is-minus": "",
-      class: "order-first"
-    }, {
-      default: withCtx((_, _push2, _parent2, _scopeId) => {
-        if (_push2) {
-          ssrRenderSlot(_ctx.$slots, "minus", {}, null, _push2, _parent2, _scopeId);
-        } else {
-          return [
-            renderSlot$1(_ctx.$slots, "minus")
-          ];
-        }
-      }),
-      _: 3
-    }, _parent));
-    _push(ssrRenderComponent($setup["QuantitySelectorControl"], { class: "order-last" }, {
-      default: withCtx((_, _push2, _parent2, _scopeId) => {
-        if (_push2) {
-          ssrRenderSlot(_ctx.$slots, "plus", {}, null, _push2, _parent2, _scopeId);
-        } else {
-          return [
-            renderSlot$1(_ctx.$slots, "plus")
-          ];
-        }
-      }),
-      _: 3
-    }, _parent));
-  }, _push, _parent);
-  _push(`</div></div>`);
-}
-const _sfc_setup$3 = _sfc_main$3.setup;
-_sfc_main$3.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/QuantitySelector.vue");
-  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
-};
-const QuantitySelector = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
-
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "CartItem",
-  props: {
-    item: {},
-    product: {},
-    pictureSize: {}
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const {
-      cartItem,
-      title,
-      link,
-      image,
-      finalPrice
-    } = useCartItem(props);
-    const __returned__ = { props, cartItem, title, link, image, finalPrice, get removeCartItem() {
-      return removeCartItem;
-    }, QuantitySelector, Prices };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  const _component_AImg = resolveComponent("AImg");
-  _push(`<article${ssrRenderAttrs(mergeProps({ class: "relative bg-white shadow-sm" }, _attrs))}>`);
-  ssrRenderVNode(_push, createVNode(resolveDynamicComponent($setup.link ? "ALink" : "div"), {
-    href: $setup.link,
-    class: "flex items-center gap-5 p-4 group"
-  }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        if ($setup.image) {
-          _push2(ssrRenderComponent(_component_AImg, {
-            picture: $setup.image,
-            alt: $setup.title,
-            class: "w-20 h-20 object-cover"
-          }, null, _parent2, _scopeId));
-        } else {
-          _push2(`<!---->`);
-        }
-        _push2(`<p class="py-2 flex-auto text-sm text-base-700 group-hover:text-base-900 group-hover:underline"${_scopeId}>${ssrInterpolate($setup.title)}</p>`);
-      } else {
-        return [
-          $setup.image ? (openBlock(), createBlock(_component_AImg, {
-            key: 0,
-            picture: $setup.image,
-            alt: $setup.title,
-            class: "w-20 h-20 object-cover"
-          }, null, 8, ["picture", "alt"])) : createCommentVNode("", true),
-          createVNode("p", { class: "py-2 flex-auto text-sm text-base-700 group-hover:text-base-900 group-hover:underline" }, toDisplayString($setup.title), 1)
-        ];
-      }
-    }),
-    _: 1
-  }), _parent);
-  if ($setup.cartItem._id) {
-    _push(`<button class="absolute top-0 right-0 p-2 opacity-70 hover:opacity-100"${ssrRenderAttr("aria-label", "Remover")}><span class="w-5 h-5 text-sm leading-none flex flex-col justify-center rounded-full border-3 text-danger-800 border-danger-700/30"><i class="i-close my-0 mx-auto"></i></span></button>`);
-  } else {
-    _push(`<!---->`);
-  }
-  _push(`<div class="flex justify-between items-center border-t-2 border-base-100"><div class="border-r-2 border-base-100">`);
-  _push(ssrRenderComponent($setup["QuantitySelector"], {
-    modelValue: $setup.cartItem.quantity,
-    "onUpdate:modelValue": ($event) => $setup.cartItem.quantity = $event,
-    min: $setup.cartItem.min_quantity,
-    max: $setup.cartItem.max_quantity
-  }, null, _parent));
-  _push(`</div>`);
-  _push(ssrRenderComponent($setup["Prices"], {
-    "base-price": $setup.cartItem.base_price,
-    price: $setup.finalPrice,
-    class: "px-4 py-2.5 text-[95%]"
-  }, null, _parent));
-  _push(`</div></article>`);
-}
-const _sfc_setup$2 = _sfc_main$2.setup;
-_sfc_main$2.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/CartItem.vue");
-  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
-};
-const CartItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
-
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "CartSidebar",
-  emits: ["close"],
-  setup(__props, { expose: __expose, emit }) {
-    __expose();
-    const __returned__ = { emit, get freeShippingFromValue() {
-      return freeShippingFromValue;
-    }, get shoppingCart() {
-      return shoppingCart;
-    }, get totalItems() {
-      return totalItems;
-    }, CheckoutLink, Prices, CartItem };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<aside${ssrRenderAttrs(mergeProps({ class: "flex flex-col h-screen bg-white" }, _attrs))}><header class="px-6 py-4 flex justify-end items-center gap-3 shadow ring-1 ring-black/5 z-10"><span class="text-right text-base text-base-600 font-medium">${ssrInterpolate("Meu carrinho de compras")}</span><span class="min-w-[3rem] text-right"><span class="ui-badge-pill-lg">${ssrInterpolate($setup.totalItems)}</span></span></header><article class="grow overflow-y-auto bg-base-50">`);
-  if ($setup.freeShippingFromValue) {
-    _push(`<div class="text-sm text-center">`);
-    if ($setup.freeShippingFromValue > $setup.shoppingCart.subtotal) {
-      _push(`<div class="p-3 secondary-subtle">${ssrInterpolate("Adicione $1 para ganhar".replace(
-        "$1",
-        _ctx.$money($setup.freeShippingFromValue - $setup.shoppingCart.subtotal)
-      ))} <strong class="lowercase">${ssrInterpolate("Frete gr\xE1tis")}</strong></div>`);
-    } else {
-      _push(`<div class="p-3 bg-success-50 text-success-800"><i class="text-success-900 i-check mr-1"></i> ${ssrInterpolate("Frete gr\xE1tis a partir de")} ${ssrInterpolate(_ctx.$money($setup.freeShippingFromValue))}</div>`);
-    }
-    _push(`</div>`);
-  } else {
-    _push(`<!---->`);
-  }
-  _push(`<ul class="px-4 pt-4 pb-2"><!--[-->`);
-  ssrRenderList($setup.shoppingCart.items, (item, i) => {
-    _push(`<li>`);
-    _push(ssrRenderComponent($setup["CartItem"], {
-      item,
-      class: "mb-3"
-    }, null, _parent));
-    _push(`</li>`);
-  });
-  _push(`<!--]--></ul></article><footer class="px-5 pt-4 pb-3 ring-2 ring-black/5 z-10"><div class="grid grid-cols-2 gap-3 items-center text-right"><div>${ssrInterpolate("Subtotal")}</div>`);
-  _push(ssrRenderComponent($setup["Prices"], {
-    price: $setup.shoppingCart.subtotal,
-    "is-literal": true,
-    class: "text-lg"
-  }, null, _parent));
-  _push(`</div>`);
-  _push(ssrRenderComponent($setup["CheckoutLink"], { class: "ui-btn-lg ui-btn-primary w-full text-right my-2.5" }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        _push2(`<i class="i-check mr-2"${_scopeId}></i> ${ssrInterpolate("Finalizar compra")}`);
-      } else {
-        return [
-          createVNode("i", { class: "i-check mr-2" }),
-          createTextVNode(" " + toDisplayString("Finalizar compra"))
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(`<a href="#" class="ui-link text-base-500 hover:text-base-700 text-sm"><i class="i-arrow-left mr-1"></i> ${ssrInterpolate("Continuar comprando")}</a></footer></aside>`);
-}
 const _sfc_setup$1 = _sfc_main$1.setup;
 _sfc_main$1.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/CartSidebar.vue");
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/AccountMenu.vue");
   return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
 };
-const CartSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
+const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ShopHeader",
   props: {
-    serviceLinks: {},
     categories: {},
     menuCategorySlugs: {},
     menuRandomCategories: {},
@@ -3912,6 +3564,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 header = ref(null);
     const {
       isSticky,
@@ -3921,7 +3575,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = useShopHeader({ ...props, header });
     const isSidenavOpen = ref(false);
     const isSearchOpen = ref(false);
+    const isSearchOpenOnce = ref(false);
+    watchOnce(isSearchOpen, () => {
+      isSearchOpenOnce.value = true;
+    });
     const isCartOpen = ref(false);
+    const isCartOpenOnce = ref(false);
+    watchOnce(isCartOpen, () => {
+      isCartOpenOnce.value = true;
+    });
     const isMounted = ref(false);
     const delayedTotalItems = ref(0);
     onMounted(() => {
@@ -3933,12 +3595,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         delayedTotalItems.value = newTotalItems;
       }, { immediate: true });
     });
-    const __returned__ = { props, header, isSticky, positionY, categoryTrees, inlineMenuTrees, isSidenavOpen, isSearchOpen, isCartOpen, isMounted, delayedTotalItems, Drawer, ShopSidenav, ShopHeaderMenu, SearchModal, AccountMenu, CartSidebar };
+    const __returned__ = { SearchModal, CartSidebar, props, header, isSticky, positionY, categoryTrees, inlineMenuTrees, isSidenavOpen, isSearchOpen, isSearchOpenOnce, isCartOpen, isCartOpenOnce, isMounted, delayedTotalItems, Drawer, ShopSidenav, ShopHeaderMenu, AccountMenu };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_Skeleton = resolveComponent("Skeleton");
   _push(`<header${ssrRenderAttrs(mergeProps({
     ref: "header",
     class: ["relative top-0 z-50 transition-colors", [
@@ -3949,10 +3612,7 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
   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>`);
-  _push(ssrRenderComponent($setup["AccountMenu"], {
-    "service-links": $props.serviceLinks,
-    class: "hidden sm:block"
-  }, {
+  _push(ssrRenderComponent($setup["AccountMenu"], { class: "hidden sm:block" }, {
     button: withCtx(({ open }, _push2, _parent2, _scopeId) => {
       if (_push2) {
         _push2(`<i class="${ssrRenderClass([open ? "text-black scale-110" : null, "i-user-circle w-7 h-7 hover:text-primary hover:scale-110 active:scale-125"])}"${_scopeId}></i>`);
@@ -4000,10 +3660,40 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
   }, {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
       if (_push2) {
-        _push2(ssrRenderComponent($setup["SearchModal"], null, null, _parent2, _scopeId));
+        ssrRenderSuspense(_push2, {
+          fallback: () => {
+            _push2(`<div class="container mx-auto"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_Skeleton, {
+              class: "p-6",
+              "is-large": ""
+            }, null, _parent2, _scopeId));
+            _push2(`</div>`);
+          },
+          default: () => {
+            if ($setup.isSearchOpenOnce) {
+              _push2(ssrRenderComponent($setup["SearchModal"], null, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+          },
+          _: 1
+        });
       } else {
         return [
-          createVNode($setup["SearchModal"])
+          (openBlock(), createBlock(Suspense, null, {
+            fallback: withCtx(() => [
+              createVNode("div", { class: "container mx-auto" }, [
+                createVNode(_component_Skeleton, {
+                  class: "p-6",
+                  "is-large": ""
+                })
+              ])
+            ]),
+            default: withCtx(() => [
+              $setup.isSearchOpenOnce ? (openBlock(), createBlock($setup["SearchModal"], { key: 0 })) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }))
         ];
       }
     }),
@@ -4019,14 +3709,41 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
       }, {
         default: withCtx((_, _push3, _parent2, _scopeId) => {
           if (_push3) {
-            _push3(ssrRenderComponent($setup["CartSidebar"], {
-              onClose: ($event) => $setup.isCartOpen = false
-            }, null, _parent2, _scopeId));
+            ssrRenderSuspense(_push3, {
+              fallback: () => {
+                _push3(ssrRenderComponent(_component_Skeleton, {
+                  class: "pt-16 px-6",
+                  "is-bold": ""
+                }, null, _parent2, _scopeId));
+              },
+              default: () => {
+                if ($setup.isCartOpenOnce) {
+                  _push3(ssrRenderComponent($setup["CartSidebar"], {
+                    onClose: ($event) => $setup.isCartOpen = false
+                  }, null, _parent2, _scopeId));
+                } else {
+                  _push3(`<!---->`);
+                }
+              },
+              _: 1
+            });
           } else {
             return [
-              createVNode($setup["CartSidebar"], {
-                onClose: ($event) => $setup.isCartOpen = false
-              }, null, 8, ["onClose"])
+              (openBlock(), createBlock(Suspense, null, {
+                fallback: withCtx(() => [
+                  createVNode(_component_Skeleton, {
+                    class: "pt-16 px-6",
+                    "is-bold": ""
+                  })
+                ]),
+                default: withCtx(() => [
+                  $setup.isCartOpenOnce ? (openBlock(), createBlock($setup["CartSidebar"], {
+                    key: 0,
+                    onClose: ($event) => $setup.isCartOpen = false
+                  }, null, 8, ["onClose"])) : createCommentVNode("", true)
+                ]),
+                _: 1
+              }))
             ];
           }
         }),
@@ -4065,7 +3782,13 @@ const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
     field: "categories",
     value: categories?.map(({ _id, ...c }) => c)
   });
-  return renderTemplate`${renderSlot($$result, $$slots["pitch-bar"], renderTemplate(_a || (_a = __template(["", "", "<script>", "<\/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(inlineClientJS), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:load": true, "client:component-hydration": "load", "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, {}, { "logo-picture": ($$result4) => renderTemplate`${renderComponent($$result4, "Picture", $$Picture, { "slot": "logo-picture", "src": settings.logo, "alt": settings.name, "widths": [300], "fetchpriority": "high", "loading": "eager", "class": "hover:drop-shadow-sm max-w-[150px] mx-auto" })}` })}</a>` })}` })))}`;
+  return renderTemplate`${renderSlot($$result, $$slots["pitch-bar"], renderTemplate(_a || (_a = __template(["\n  ", "\n  ", "\n\n<script>", "<\/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(inlineClientJS), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:load": true, "client:component-hydration": "load", "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": "hover:drop-shadow-sm max-w-[150px] mx-auto" })}
+      ` })}
+    </a>
+  ` })}` })))}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageHeader.astro", void 0);
 
 const $$Astro$1 = createAstro("https://ecom2-demo.web.app");
@@ -4075,7 +3798,13 @@ const $$Wildcard = createComponent(async ($$result, $$props, $$slots) => {
   const { fetchingApiContext, apiContext } = Astro2.locals.routeContext;
   await fetchingApiContext;
   const apiDoc = apiContext.doc;
-  return renderTemplate`${maybeRenderHead()}<main>${apiDoc && renderTemplate`<h1>Hello <span class="text-gradient">${apiDoc.name}</span></h1><hr><div class="mt-3"><mark>${apiDoc._id}</mark> from <i>${apiContext.resource}</i><p>${Math.random()}</p><em>Lorem ipsum dolor sit amet</em></div>`}</main>`;
+  return renderTemplate`${maybeRenderHead()}<main>
+  ${apiDoc && renderTemplate`<h1>Hello <span class="text-gradient">${apiDoc.name}</span></h1><hr><div class="mt-3">
+      <mark>${apiDoc._id}</mark> from <i>${apiContext.resource}</i>
+      <p>${Math.random()}</p>
+      <em>Lorem ipsum dolor sit amet</em>
+    </div>`}
+</main>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Wildcard.astro", void 0);
 
 const $$Astro = createAstro("https://ecom2-demo.web.app");
@@ -4098,7 +3827,14 @@ const $$ = createComponent(async ($$result, $$props, $$slots) => {
     }
     loadError = err;
   }
-  return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}>${routeContext && renderTemplate`${renderComponent($$result, "Base", $$Base, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "BaseHead", $$BaseHead, { "slot": "base-head" })}`, "default": ($$result2) => renderTemplate`${renderComponent($$result2, "PageHeader", $$PageHeader, {})}${renderComponent($$result2, "WildcardMain", $$Wildcard, {})}` })}`}${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, "Base", $$Base, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "BaseHead", $$BaseHead, { "slot": "base-head" })}`, "default": ($$result2) => renderTemplate`
+    
+    ${renderComponent($$result2, "PageHeader", $$PageHeader, {})}
+    ${renderComponent($$result2, "WildcardMain", $$Wildcard, {})}
+  ` })}`}
+${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";
@@ -4112,4 +3848,4 @@ const ____slug_ = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { $$Picture as $, Carousel as C, Prices as P, _export_sfc as _, CarouselControl as a, addProductToCart as b, $$BaseHead as c, $$PageHeader as d, $$Base as e, ____slug_ as f, loadRouteContext as l, parseShippingPhrase as p };
+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 };