cloudcommerce 0.2.2 → 0.3.0

package/packages/storefront/dist/server/chunks/pages/all.23de4e5c.mjs

@@ -0,0 +1,2453 @@
+import mime from 'mime';
+import sharp$1 from 'sharp';
+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 'node:stream';
+import 'slash';
+import { c as createAstro, a as createComponent, r as renderTemplate, b as addAttribute, d as renderComponent, u as unescapeHTML, F as Fragment, m as maybeRenderHead, e as renderSlot, f as renderHead, s as spreadAttributes } from '../astro.89bd9221.mjs';
+import api from '@cloudcommerce/api';
+import { reactive, computed, defineComponent, inject, mergeProps, useSSRContext, ref, watch, toRef, onMounted, onBeforeUnmount, provide, createVNode, resolveDynamicComponent, withCtx, renderSlot as renderSlot$1, unref, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, resolveComponent, withModifiers, createTextVNode, toDisplayString } from 'vue';
+import { ssrRenderAttrs, ssrRenderSlot, ssrRenderClass, ssrRenderVNode, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrRenderTeleport, ssrIncludeBooleanAttr, ssrRenderAttr, ssrInterpolate } from 'vue/server-renderer';
+import { img, price, formatMoney, onPromotion } from '@ecomplus/utils';
+/* empty css                           */import { EventEmitter } from 'node:events';
+import fs, { readFileSync } from 'node:fs';
+import config from '@cloudcommerce/config';
+import { resolve as resolve$1 } from 'path';
+/* empty css                               */import { useScroll, useElementHover, useDebounceFn, useTimeout, promiseTimeout } from '@vueuse/core';
+
+function isOutputFormat(value) {
+  return ["avif", "jpeg", "jpg", "png", "webp"].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;
+  }
+}
+
+class SharpService extends BaseSSRService {
+  async transform(inputBuffer, transform) {
+    const sharpImage = sharp$1(inputBuffer, { failOnError: false, pages: -1 });
+    sharpImage.rotate();
+    if (transform.width || transform.height) {
+      const width = transform.width && Math.round(transform.width);
+      const height = transform.height && Math.round(transform.height);
+      sharpImage.resize({
+        width,
+        height,
+        fit: transform.fit,
+        position: transform.position,
+        background: transform.background
+      });
+    }
+    if (transform.format) {
+      sharpImage.toFormat(transform.format, { quality: transform.quality });
+      if (transform.background && !isOutputFormatSupportsAlpha(transform.format)) {
+        sharpImage.flatten({ background: transform.background });
+      }
+    }
+    const { data, info } = await sharpImage.toBuffer({ resolveWithObject: true });
+    return {
+      data,
+      format: info.format
+    };
+  }
+}
+const service = new SharpService();
+var sharp_default = service;
+
+const sharp = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: sharp_default
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const fnv1a52 = (str) => {
+  const len = str.length;
+  let i = 0, t0 = 0, v0 = 8997, t1 = 0, v1 = 33826, t2 = 0, v2 = 40164, t3 = 0, v3 = 52210;
+  while (i < len) {
+    v0 ^= str.charCodeAt(i++);
+    t0 = v0 * 435;
+    t1 = v1 * 435;
+    t2 = v2 * 435;
+    t3 = v3 * 435;
+    t2 += v0 << 8;
+    t3 += v1 << 8;
+    t1 += t0 >>> 16;
+    v0 = t0 & 65535;
+    t2 += t1 >>> 16;
+    v1 = t1 & 65535;
+    v3 = t3 + (t2 >>> 16) & 65535;
+    v2 = t2 & 65535;
+  }
+  return (v3 & 15) * 281474976710656 + v2 * 4294967296 + v1 * 65536 + (v0 ^ v3 >> 4);
+};
+const etag = (payload, weak = false) => {
+  const prefix = weak ? 'W/"' : '"';
+  return prefix + fnv1a52(payload).toString(36) + payload.length.toString(36) + '"';
+};
+
+function isRemoteImage$1(src) {
+  return /^(https?:)?\/\//.test(src);
+}
+
+async function loadRemoteImage(src) {
+  try {
+    const res = await fetch(src);
+    if (!res.ok) {
+      return void 0;
+    }
+    return Buffer.from(await res.arrayBuffer());
+  } catch (err) {
+    console.error(err);
+    return void 0;
+  }
+}
+const get = async ({ request }) => {
+  try {
+    const url = new URL(request.url);
+    const transform = sharp_default.parseTransform(url.searchParams);
+    let inputBuffer = void 0;
+    const sourceUrl = isRemoteImage$1(transform.src) ? new URL(transform.src) : new URL(transform.src, url.origin);
+    inputBuffer = await loadRemoteImage(sourceUrl);
+    if (!inputBuffer) {
+      return new Response("Not Found", { status: 404 });
+    }
+    const { data, format } = await sharp_default.transform(inputBuffer, transform);
+    return new Response(data, {
+      status: 200,
+      headers: {
+        "Content-Type": mime.getType(format) || "",
+        "Cache-Control": "public, max-age=31536000",
+        ETag: etag(data.toString()),
+        Date: new Date().toUTCString()
+      }
+    });
+  } catch (err) {
+    console.error(err);
+    return new Response(`Server Error: ${err}`, { status: 500 });
+  }
+};
+
+const _page0 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  get
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const getCMS = () => {
+  const { STOREFRONT_BASE_DIR } = process.env;
+  let baseDir;
+  if (STOREFRONT_BASE_DIR) {
+    baseDir = resolve(process.cwd(), STOREFRONT_BASE_DIR);
+  } else {
+    baseDir = process.cwd();
+  }
+  process.env.STOREFRONT_BASE_DIR = baseDir;
+  const dirContent = resolve(baseDir, 'content');
+
+  const cms = (filename) => {
+    if (filename.endsWith('/')) {
+      const dirColl = resolve(dirContent, filename);
+      return fs.readdirSync(dirColl).map((_filename) => _filename.replace('.json', ''));
+    }
+    const filepath = resolve(dirContent, `${filename}.json`);
+    return JSON.parse(fs.readFileSync(filepath, 'utf8'));
+  };
+
+  let settings;
+  try {
+    settings = cms('settings');
+  } catch (e) {
+    settings = {};
+  }
+  const { domain } = settings;
+  const primaryColor = settings.primary_color || '#137c5c';
+  const secondaryColor = settings.secondary_color || primaryColor;
+
+  return {
+    domain,
+    primaryColor,
+    secondaryColor,
+    settings,
+    cms,
+  };
+};
+
+const _getConfig = () => {
+  const { VITE_ECOM_STORE_ID } = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true},{ECOM_STORE_ID:process.env.ECOM_STORE_ID,})) || process.env;
+  if (VITE_ECOM_STORE_ID) {
+    config.set({ storeId: Number(VITE_ECOM_STORE_ID) });
+  }
+
+  const {
+    domain,
+    primaryColor,
+    secondaryColor,
+    settings,
+    cms,
+  } = getCMS();
+  config.set({ cmsSettings: settings });
+
+  let { storeId } = config.get();
+  if (!storeId) {
+    const configFilepath = join(process.cwd(), 'config.json');
+    try {
+      const mergeConfig = JSON.parse(readFileSync(configFilepath), 'utf8');
+      if (mergeConfig.storeId) {
+        storeId = mergeConfig.storeId;
+        config.set({ storeId });
+      }
+    } catch { /* */ }
+  }
+  const {
+    lang,
+    countryCode,
+    currency,
+    currencySymbol,
+  } = config.get();
+
+  return {
+    storeId,
+    lang,
+    countryCode,
+    currency,
+    currencySymbol,
+    domain,
+    primaryColor,
+    secondaryColor,
+    settings,
+    cms,
+  };
+};
+
+const emitter = new EventEmitter();
+const getConfig = _getConfig;
+if (!globalThis.api_prefetch_endpoints) {
+  globalThis.api_prefetch_endpoints = ["categories"];
+}
+if (!globalThis.storefront) {
+  globalThis.storefront = {
+    settings: {},
+    onLoad(callback) {
+      emitter.on("load", callback);
+    }
+  };
+}
+const setResponseCache = (Astro, maxAge, sMaxAge) => {
+  const headerName = "Cache-Control" ;
+  let cacheControl = `public, max-age=${maxAge}, must-revalidate`;
+  if (sMaxAge) {
+    cacheControl += `, s-maxage=${sMaxAge}, stale-while-revalidate=604800`;
+  }
+  Astro.response.headers.set(headerName, cacheControl);
+};
+const loadPageContext = async (Astro, {
+  cmsCollection,
+  apiPrefetchEndpoints = globalThis.api_prefetch_endpoints
+} = {}) => {
+  const startedAt = Date.now();
+  const urlPath = Astro.url.pathname;
+  const isHomepage = urlPath === "/";
+  const { slug } = Astro.params;
+  const config = getConfig();
+  globalThis.storefront.settings = config.settings;
+  let cmsContent;
+  let apiResource;
+  let apiDoc;
+  const apiState = {};
+  const apiOptions = {
+    fetch,
+    isNoAuth: true
+  };
+  const apiFetchings = [
+    null,
+    // fetch by slug
+    ...apiPrefetchEndpoints.map((endpoint) => api.get(endpoint, apiOptions))
+  ];
+  if (slug) {
+    if (cmsCollection) {
+      cmsContent = config.cms(`${cmsCollection}/${slug}`);
+    } else {
+      apiFetchings[0] = api.get(`slugs/${slug}`, apiOptions);
+    }
+  }
+  try {
+    const [slugResponse, ...prefetchResponses] = await Promise.all(apiFetchings);
+    if (slugResponse) {
+      apiResource = slugResponse.data.resource;
+      apiDoc = slugResponse.data.doc;
+      apiState[`${apiResource}/${apiDoc._id}`] = apiDoc;
+    }
+    prefetchResponses.forEach(({ config: { endpoint }, data }) => {
+      apiState[endpoint] = data.result || data;
+    });
+  } catch (err) {
+    const error = err;
+    const status = error.statusCode || 500;
+    if (status === 404) {
+      if (urlPath.endsWith("/")) {
+        err.redirectUrl = urlPath.slice(0, -1);
+        err.astroResponse = Astro.redirect(err.redirectUrl);
+        throw err;
+      }
+      setResponseCache(Astro, 120, 300);
+    } else {
+      console.error(error);
+      setResponseCache(Astro, 30);
+      Astro.response.headers.set("X-SSR-Error", error.message);
+    }
+    Astro.response.status = status;
+    err.responseHTML = `<head>
+      <meta http-equiv="refresh" content="0;
+        url=/fallback?status=${status}&url=${encodeURIComponent(urlPath)}"/>
+      </head>
+      <body></body>`;
+    throw err;
+  }
+  Astro.response.headers.set("X-Load-Took", String(Date.now() - startedAt));
+  if (urlPath === "/fallback") {
+    setResponseCache(Astro, 3600, 86400);
+  } else if (isHomepage) {
+    setResponseCache(Astro, 180, 300);
+  } else {
+    setResponseCache(Astro, 120, 300);
+  }
+  const pageContext = {
+    ...config,
+    isHomepage,
+    cmsContent,
+    apiResource,
+    apiDoc,
+    apiState
+  };
+  emitter.emit("load", pageContext);
+  return pageContext;
+};
+
+const pwaInfo = {"pwaInDevEnvironment":false,"webManifest":{"href":"/manifest.webmanifest","useCredentials":false,"linkTag":"<link rel=\"manifest\" href=\"/manifest.webmanifest\">"}};
+
+function isRemoteImage(src) {
+  return /^(https?:)?\/\//.test(src);
+}
+function removeQueryString(src) {
+  const index = src.lastIndexOf("?");
+  return index > 0 ? src.substring(0, index) : src;
+}
+function extname(src) {
+  const base = basename(src);
+  const index = base.lastIndexOf(".");
+  if (index <= 0) {
+    return "";
+  }
+  return base.substring(index);
+}
+function basename(src) {
+  return removeQueryString(src.replace(/^.*[\\\/]/, ""));
+}
+
+function resolveSize(transform) {
+  if (transform.width && transform.height) {
+    return transform;
+  }
+  if (!transform.width && !transform.height) {
+    throw new Error(`"width" and "height" cannot both be undefined`);
+  }
+  if (!transform.aspectRatio) {
+    throw new Error(
+      `"aspectRatio" must be included if only "${transform.width ? "width" : "height"}" is provided`
+    );
+  }
+  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$1(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 Promise.resolve().then(() => sharp).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,}))) == null ? void 0 : _b.DEV;
+  const isLocalImage = !isRemoteImage(resolved.src);
+  const _loader = isDev && isLocalImage ? globalThis.astroImage.defaultLoader : loader;
+  if (!_loader) {
+    throw new Error("@astrojs/image: loader not found!");
+  }
+  const { searchParams } = isSSRService(_loader) ? _loader.serializeTransform(resolved) : globalThis.astroImage.defaultLoader.serializeTransform(resolved);
+  const imgSrc = !isLocalImage && resolved.src.startsWith("//") ? `https:${resolved.src}` : resolved.src;
+  let src;
+  if (/^[\/\\]?@astroimage/.test(imgSrc)) {
+    src = `${imgSrc}?${searchParams.toString()}`;
+  } else {
+    searchParams.set("href", imgSrc);
+    src = `/_image?${searchParams.toString()}`;
+  }
+  if ((_c = globalThis.astroImage) == null ? void 0 : _c.addStaticImage) {
+    src = globalThis.astroImage.addStaticImage(resolved);
+  }
+  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;
+  }
+}
+async function resolveFormats({ src, formats }) {
+  const unique = new Set(formats);
+  if (typeof src === "string") {
+    unique.add(extname(src).replace(".", ""));
+  } else {
+    const metadata = "then" in src ? (await src).default : src;
+    unique.add(extname(metadata.src).replace(".", ""));
+  }
+  return Array.from(unique).filter(Boolean);
+}
+async function getPicture(params) {
+  const { src, alt, widths, fit, position, background } = params;
+  if (!src) {
+    throw new Error("[@astrojs/image] `src` is required");
+  }
+  if (!widths || !Array.isArray(widths)) {
+    throw new Error("[@astrojs/image] at least one `width` is required");
+  }
+  const aspectRatio = await resolveAspectRatio(params);
+  if (!aspectRatio) {
+    throw new Error("`aspectRatio` must be provided for remote images");
+  }
+  const allFormats = await resolveFormats(params);
+  const lastFormat = allFormats[allFormats.length - 1];
+  const maxWidth = Math.max(...widths);
+  let image;
+  async function getSource(format) {
+    const imgs = await Promise.all(
+      widths.map(async (width) => {
+        const img = await getImage$1({
+          src,
+          alt,
+          format,
+          width,
+          fit,
+          position,
+          background,
+          aspectRatio
+        });
+        if (format === lastFormat && width === maxWidth) {
+          image = img;
+        }
+        return `${img.src} ${width}w`;
+      })
+    );
+    return {
+      type: mime.getType(format) || format,
+      srcset: imgs.join(",")
+    };
+  }
+  const sources = await Promise.all(allFormats.map((format) => getSource(format)));
+  return {
+    sources,
+    image
+  };
+}
+
+const tryImageSize = (src) => {
+  let dimensions = {};
+  if (typeof src === "string" && src.startsWith("/")) {
+    const { STOREFRONT_BASE_DIR } = Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true}, { STOREFRONT_BASE_DIR: process.env.STOREFRONT_BASE_DIR });
+    try {
+      dimensions = sizeOf(resolve$1(STOREFRONT_BASE_DIR, `public${src}`));
+    } catch (e) {
+      dimensions = {};
+    }
+  }
+  return dimensions;
+};
+const getAspectRatio = (src) => {
+  if (typeof src === "string") {
+    src = tryImageSize(src);
+  }
+  if (src.width) {
+    return src.height ? src.width / src.height : 1;
+  }
+  return 0;
+};
+const getImage = async (options) => {
+  if (!options.isLowResolution) {
+    if (options.width) {
+      options.width *= 2;
+    }
+    if (options.height) {
+      options.height *= 2;
+    }
+  }
+  if (typeof options.src === "string" && !options.aspectRatio && (!options.width || !options.height)) {
+    const { width, height } = tryImageSize(options.src);
+    if (width) {
+      if (!options.width) {
+        options.width = width;
+      }
+      options.aspectRatio = getAspectRatio({ width, height });
+    }
+  }
+  const imgAttrs = await getImage$1({ alt: "", ...options });
+  imgAttrs.src += imgAttrs.src.includes("?") ? "&" : "?";
+  imgAttrs.src += `V=${({}).DEPLOY_RAND || "_"}`;
+  if (typeof imgAttrs.width === "number") {
+    imgAttrs.width /= 2;
+  }
+  if (typeof imgAttrs.height === "number") {
+    imgAttrs.height /= 2;
+  }
+  return imgAttrs;
+};
+
+const $$Astro$g = createAstro("https://ecom2-002.web.app");
+const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$g, $$props, $$slots);
+  Astro2.self = $$BaseHead;
+  const {
+    storeId,
+    cmsContent,
+    apiDoc,
+    lang,
+    domain,
+    primaryColor,
+    settings,
+    cms
+  } = Astro2.props.pageContext;
+  const state = apiDoc || cmsContent || {};
+  const title = state.meta_title || state.name || state.title || Astro2.props.title || settings.name;
+  const description = state.meta_description || state.short_description || settings.description;
+  const favicon = settings.icon ? (await getImage({
+    src: settings.icon,
+    width: 32,
+    height: 32,
+    format: "png",
+    isLowResolution: true
+  })).src : "/favicon.ico";
+  const canonicalUrl = new URL(Astro2.url.pathname, Astro2.site || `https://${domain}`);
+  const cmsSocial = cms("social");
+  const ogLocale = lang.length === 2 ? lang : lang.substring(0, 2) + lang.slice(3).toUpperCase();
+  let ogImage;
+  if (apiDoc) {
+    const picture = img(state, null, "zoom");
+    ogImage = picture && picture.url;
+  }
+  if (!ogImage) {
+    if (cmsSocial.og_image) {
+      ogImage = cmsSocial.og_image.charAt(0) === "/" ? `https://${domain}${cmsSocial.og_image}` : cmsSocial.og_image;
+    }
+  } else {
+    ogImage = ogImage.replace(/(\w+\.)?(ecoms\d)\.com/i, "$2-nyc3.nyc3.cdn.digitaloceanspaces.com");
+  }
+  return renderTemplate`<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width">
+<meta name="theme-color"${addAttribute(primaryColor, "content")}>
+<link rel="icon"${addAttribute(favicon, "href")}>
+<title>${title}</title>
+<meta name="description"${addAttribute(description, "content")}>
+<meta name="author"${addAttribute(settings.name, "content")}>
+<meta name="generator"${addAttribute(Astro2.generator, "content")}>
+<link rel="canonical"${addAttribute(canonicalUrl, "href")}>
+<link rel="apple-touch-icon"${addAttribute(settings.icon, "href")}>
+<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"${addAttribute(settings.name, "content")}>
+<meta property="og:url"${addAttribute(canonicalUrl, "content")}>
+<meta property="og:title"${addAttribute(title, "content")}>
+<meta property="og:description"${addAttribute(description, "content")}>
+<meta property="og:type" content="website">
+<meta property="og:locale"${addAttribute(ogLocale, "content")}>
+${ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`}
+${cmsSocial.fb_app_id && renderTemplate`<meta property="fb:app_id"${addAttribute(cmsSocial.fb_app_id, "content")}>`}
+<meta name="twitter:card" content="summary">
+${cmsSocial.twitter_username && renderTemplate`<meta name="twitter:site"${addAttribute(cmsSocial.twitter_username, "content")}>`}
+<meta name="ecom-store-id"${addAttribute(String(storeId), "content")}>
+${pwaInfo && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${unescapeHTML(pwaInfo.webManifest.linkTag)}` })}`}
+`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro");
+
+var __freeze$1 = Object.freeze;
+var __defProp$1 = Object.defineProperty;
+var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", { value: __freeze$1(raw || cooked.slice()) }));
+var _a$1;
+const $$Astro$f = createAstro("https://ecom2-002.web.app");
+const $$BaseStateJson = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$f, $$props, $$slots);
+  Astro2.self = $$BaseStateJson;
+  const {
+    pageContext: {
+      storeId,
+      apiResource,
+      apiDoc,
+      lang,
+      countryCode,
+      currency,
+      currencySymbol,
+      domain,
+      settings
+    }
+  } = Astro2.props;
+  let inlineClientJS = `
+window.ECOM_STORE_ID = ${storeId};
+window.ECOM_LANG = '${lang}';
+window.ECOM_CURRENCY = '${currency}';
+window.ECOM_CURRENCY_SYMBOL = '${currencySymbol}';
+window.ECOM_COUNTRY_CODE = '${countryCode}';
+window.storefront = ${JSON.stringify({ settings })};`;
+  if (apiDoc) {
+    if (typeof apiDoc.price === "number") {
+      apiDoc.price = price(apiDoc);
+    }
+    const slimDocRegex = globalThis.storefront_slim_doc_regex || /body|meta|records|description|i18n/;
+    const minifyApiDoc = (nestedDoc) => {
+      if (typeof nestedDoc === "object" && nestedDoc) {
+        if (Array.isArray(nestedDoc)) {
+          nestedDoc.forEach((item) => minifyApiDoc(item));
+        } else {
+          Object.keys(nestedDoc).forEach((field) => {
+            if (slimDocRegex.test(field)) {
+              delete nestedDoc[field];
+            } else {
+              minifyApiDoc(nestedDoc[field]);
+            }
+          });
+        }
+      }
+      return nestedDoc;
+    };
+    inlineClientJS += `
+window.storefront.context = ${JSON.stringify({
+      resource: apiResource,
+      doc: minifyApiDoc({ ...apiDoc }),
+      timestamp: Date.now()
+    })};`;
+  }
+  const inlineJSONLd = JSON.stringify({
+    "@context": "http://schema.org",
+    "@type": "Organization",
+    name: settings.name,
+    url: `https://${domain}/`,
+    logo: `https://${domain}${settings.logo}`
+  });
+  return renderTemplate(_a$1 || (_a$1 = __template$1(["<script>", '<\/script>\n<script type="application/ld+json">', "<\/script>"])), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd));
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro");
+
+const $$Astro$e = createAstro("https://ecom2-002.web.app");
+const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$e, $$props, $$slots);
+  Astro2.self = $$BaseBody;
+  return renderTemplate`${maybeRenderHead($$result)}<body>
+  ${renderSlot($$result, $$slots["default"])}
+  ${renderSlot($$result, $$slots["before-body-end"])}
+  <div id="teleported"></div>
+</body>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro");
+
+const $$Astro$d = createAstro("https://ecom2-002.web.app");
+const $$Base$1 = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$d, $$props, $$slots);
+  Astro2.self = $$Base$1;
+  const { pageContext, title } = Astro2.props;
+  const { cms } = pageContext;
+  const cmsCustomCode = cms("code");
+  return renderTemplate`<head>
+  ${renderComponent($$result, "BaseHead", $$BaseHead, { "pageContext": pageContext, "title": title })}
+  ${renderComponent($$result, "BaseStateJson", $$BaseStateJson, { "pageContext": pageContext })}
+  ${cmsCustomCode.css && renderTemplate`<style>{cmsCustomCode.css}</style>`}
+  ${cmsCustomCode.html_head && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${unescapeHTML(cmsCustomCode.html_head)}` })}`}
+  ${renderSlot($$result, $$slots["base-head-scripts"])}
+  ${renderSlot($$result, $$slots["before-head-end"])}
+${renderHead($$result)}</head>
+${renderComponent($$result, "BaseBody", $$BaseBody, { "pageContext": pageContext }, { "default": () => renderTemplate`${renderSlot($$result, $$slots["default"])}${cmsCustomCode.html_body && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${unescapeHTML(cmsCustomCode.html_body)}` })}`}${renderSlot($$result, $$slots["base-body-scripts"])}${renderSlot($$result, $$slots["before-body-end"])}` })}`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro");
+
+var __freeze = Object.freeze;
+var __defProp = Object.defineProperty;
+var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
+var _a;
+const $$Astro$c = createAstro("https://ecom2-002.web.app");
+const $$InlineScripts = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$c, $$props, $$slots);
+  Astro2.self = $$InlineScripts;
+  return renderTemplate(_a || (_a = __template(["<script>\n  window.firebaseConfig = {\n    apiKey: 'AIzaSyCrVzemDgpyp9i6ni7Yc5ZuEVfXYwl-4J0',\n    authDomain: 'ecom2-002.firebaseapp.com',\n    projectId: 'ecom2-002',\n    storageBucket: 'ecom2-002.appspot.com',\n    messagingSenderId: '402807248219',\n    appId: '1:402807248219:web:cf7d57759751e74776367e',\n    measurementId: 'G-SC592CE0GB',\n  };\n<\/script>"])));
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/scripts/InlineScripts.astro");
+
+const $$Astro$b = createAstro("https://ecom2-002.web.app");
+const $$Base = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$b, $$props, $$slots);
+  Astro2.self = $$Base;
+  const { pageContext, title } = Astro2.props;
+  return renderTemplate`${renderComponent($$result, "Base", $$Base$1, { "pageContext": pageContext, "title": title }, { "before-head-end": () => renderTemplate`${renderComponent($$result, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": () => renderTemplate`${renderSlot($$result, $$slots["default"])}` })}`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro");
+
+const $$Astro$a = createAstro("https://ecom2-002.web.app");
+const $$Image = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
+  Astro2.self = $$Image;
+  const { loading = "lazy", decoding = "async", ...props } = Astro2.props;
+  if (props.alt === void 0 || props.alt === null) {
+    warnForMissingAlt();
+  }
+  const attrs = await getImage$1(props);
+  return renderTemplate`${maybeRenderHead($$result)}<img${spreadAttributes(attrs)}${addAttribute(loading, "loading")}${addAttribute(decoding, "decoding")}>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/@astrojs/image/components/Image.astro");
+
+const $$Astro$9 = createAstro("https://ecom2-002.web.app");
+const $$Picture$1 = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
+  Astro2.self = $$Picture$1;
+  const {
+    src,
+    alt,
+    sizes,
+    widths,
+    aspectRatio,
+    fit,
+    background,
+    position,
+    formats = ["avif", "webp"],
+    loading = "lazy",
+    decoding = "async",
+    ...attrs
+  } = Astro2.props;
+  if (alt === void 0 || alt === null) {
+    warnForMissingAlt();
+  }
+  const { image, sources } = await getPicture({
+    src,
+    widths,
+    formats,
+    aspectRatio,
+    fit,
+    background,
+    position,
+    alt
+  });
+  delete image.width;
+  delete image.height;
+  return renderTemplate`${maybeRenderHead($$result)}<picture>
+	${sources.map((attrs2) => renderTemplate`<source${spreadAttributes(attrs2)}${addAttribute(sizes, "sizes")}>`)}
+	<img${spreadAttributes(image)}${addAttribute(loading, "loading")}${addAttribute(decoding, "decoding")}${addAttribute(alt, "alt")}${spreadAttributes(attrs)}>
+</picture>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/@astrojs/image/components/Picture.astro");
+
+let altWarningShown = false;
+function warnForMissingAlt() {
+  if (altWarningShown === true) {
+    return;
+  }
+  altWarningShown = true;
+  console.warn(`
+[@astrojs/image] "alt" text was not provided for an <Image> or <Picture> component.
+
+A future release of @astrojs/image may throw a build error when "alt" text is missing.
+
+The "alt" attribute holds a text description of the image, which isn't mandatory but is incredibly useful for accessibility. Set to an empty string (alt="") if the image is not a key part of the content (it's decoration or a tracking pixel).
+`);
+}
+
+const $$Astro$8 = createAstro("https://ecom2-002.web.app");
+const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
+  Astro2.self = $$Picture;
+  const props = Astro2.props;
+  if (!props.aspectRatio && typeof props.src === "string") {
+    props.aspectRatio = getAspectRatio(props.src);
+  }
+  return renderTemplate`${renderComponent($$result, "Picture", $$Picture$1, { ...props })}`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/ssr/Picture.astro");
+
+const checkObjNotNull = (obj) => {
+  return Object.values(obj).filter((val) => val).length;
+};
+const getModulesInfoPreset = (settingsModules = globalThis.storefront.settings.modules) => {
+  const modulesInfoPreset = {};
+  if (settingsModules) {
+    const settingsPayments = settingsModules.list_payments;
+    if (settingsPayments) {
+      const settingsDiscount = settingsPayments.discount_option;
+      if (settingsDiscount && checkObjNotNull(settingsDiscount)) {
+        modulesInfoPreset.list_payments = { discount_option: settingsDiscount };
+      }
+      const settingsInstallments = settingsPayments.installments_option;
+      if (settingsInstallments?.max_number) {
+        if (!modulesInfoPreset.list_payments)
+          modulesInfoPreset.list_payments = {};
+        modulesInfoPreset.list_payments.installments_option = settingsInstallments;
+      }
+      const settingsPointsPrograms = settingsPayments.loyalty_points_programs || {};
+      if (!Object.keys(settingsPointsPrograms).length) {
+        const pointsProgram = { ...settingsPayments.loyalty_points_program };
+        if (pointsProgram?.id && pointsProgram.ratio) {
+          const { id } = pointsProgram;
+          delete pointsProgram.id;
+          settingsPointsPrograms[id] = pointsProgram;
+        }
+      }
+      if (Object.keys(settingsPointsPrograms).length) {
+        if (!modulesInfoPreset.list_payments)
+          modulesInfoPreset.list_payments = {};
+        modulesInfoPreset.list_payments.loyalty_points_programs = settingsPointsPrograms;
+      }
+    }
+    const settingsShipping = settingsModules.calculate_shipping;
+    if (settingsShipping && settingsShipping.free_shipping_from_value) {
+      modulesInfoPreset.calculate_shipping = settingsShipping;
+    }
+  }
+  return modulesInfoPreset;
+};
+const loadingGlobalInfoPreset = new Promise((resolve) => {
+  {
+    global.storefront.onLoad(() => {
+      resolve(getModulesInfoPreset());
+    });
+  }
+});
+
+const emptyInfo = {
+  list_payments: {},
+  calculate_shipping: {},
+  apply_discount: {}
+};
+const modulesInfo = reactive(emptyInfo);
+loadingGlobalInfoPreset.then((modulesInfoPreset) => {
+  Object.assign(modulesInfo, modulesInfoPreset);
+});
+const parsePhrase = (phrase, modName, varName, formatValue = formatMoney) => {
+  return computed(() => {
+    const searchString = `{{${varName}}}`;
+    const index = phrase.indexOf(searchString);
+    if (index > -1) {
+      const fieldValue = modulesInfo[modName][varName];
+      if (fieldValue) {
+        const replacement = formatValue(fieldValue);
+        return phrase.substring(0, index) + replacement + phrase.substring(index + searchString.length);
+      }
+      return "";
+    }
+    return phrase;
+  });
+};
+const parseShippingPhrase = (phrase) => {
+  return parsePhrase(phrase, "calculate_shipping", "free_shipping_from_value");
+};
+
+const carouselKey = Symbol("carousel");
+
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "CarouselControl",
+  __ssrInlineRender: true,
+  props: {
+    direction: { default: 1 }
+  },
+  setup(__props) {
+    inject(carouselKey);
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<button${ssrRenderAttrs(mergeProps({
+        type: "button",
+        "aria-label": __props.direction > 0 ? "Próximo" : "Anterior",
+        "data-carousel-control": __props.direction > 0 ? "next" : "previous"
+      }, _attrs))}>`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, () => {
+        _push(`<i class="${ssrRenderClass([__props.direction > 0 ? "i-chevron-right" : "i-chevron-left", "m-0"])}"></i>`);
+      }, _push, _parent);
+      _push(`</button>`);
+    };
+  }
+});
+
+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/CarouselControl.vue");
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+};
+
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "Carousel",
+  __ssrInlineRender: true,
+  props: {
+    as: { default: "ul" },
+    modelValue: { default: 1 },
+    autoplay: null
+  },
+  emits: [
+    "update:modelValue"
+  ],
+  setup(__props, { emit }) {
+    const props = __props;
+    const currentIndex = ref(props.modelValue - 1);
+    watch(toRef(props, "modelValue"), (modelValue) => {
+      currentIndex.value = modelValue - 1;
+    });
+    watch(currentIndex, (current, previous) => {
+      if (current !== previous) {
+        emit("update:modelValue", current + 1);
+      }
+    });
+    const wrapper = ref(null);
+    const { x: currentPos, isScrolling, arrivedState } = useScroll(wrapper);
+    const isBoundLeft = computed(() => arrivedState.left);
+    const isBoundRight = computed(() => arrivedState.right);
+    const slidesWidth = ref([]);
+    const wrapperScrollWidth = ref(0);
+    const wrapperVisibleWidth = ref(0);
+    const indexCount = ref(0);
+    const calcWrapperWidth = () => {
+      wrapperScrollWidth.value = wrapper.value.scrollWidth;
+      wrapperVisibleWidth.value = wrapper.value.offsetWidth;
+    };
+    const calcSlidesWidth = () => {
+      const childNodes = [...wrapper.value.children];
+      slidesWidth.value = childNodes.map((node) => ({
+        offsetLeft: node.offsetLeft,
+        width: node.offsetWidth
+      }));
+    };
+    const calcNextWidth = (direction) => {
+      const nextSlideIndex = direction > 0 ? currentIndex.value : currentIndex.value + direction;
+      const width = slidesWidth.value[nextSlideIndex]?.width || 0;
+      if (!width) {
+        return 0;
+      }
+      return width * direction;
+    };
+    const calcCurrentIndex = () => {
+      const getCurrentIndex = slidesWidth.value.findIndex((slide) => {
+        return Math.abs(slide.offsetLeft - currentPos.value) <= 5;
+      });
+      if (getCurrentIndex > -1) {
+        currentIndex.value = getCurrentIndex || 0;
+      }
+    };
+    const calcIndexCount = () => {
+      const maxPos = wrapperScrollWidth.value - wrapperVisibleWidth.value;
+      indexCount.value = slidesWidth.value.findIndex(({ offsetLeft }) => offsetLeft >= maxPos - 5);
+    };
+    let autoplayTimer = null;
+    const restartAutoplay = () => {
+      if (props.autoplay) {
+        clearTimeout(autoplayTimer);
+        autoplayTimer = setTimeout(() => {
+          changeSlide(1);
+        }, props.autoplay);
+      }
+    };
+    const changeSlide = (direction) => {
+      if (direction < 0) {
+        if (isBoundLeft.value) {
+          calcIndexCount();
+          currentIndex.value = indexCount.value - 1;
+          changeSlide(1);
+          return;
+        }
+      } else if (isBoundRight.value) {
+        currentIndex.value = 1;
+        changeSlide(-1);
+        return;
+      }
+      const nextSlideWidth = calcNextWidth(direction);
+      if (nextSlideWidth) {
+        wrapper.value.scrollBy({ left: nextSlideWidth, behavior: "smooth" });
+        restartAutoplay();
+      }
+    };
+    watch(isScrolling, (_isScrolling) => {
+      if (_isScrolling) {
+        clearTimeout(autoplayTimer);
+      } else {
+        calcCurrentIndex();
+        restartAutoplay();
+      }
+    });
+    const carousel = ref(null);
+    const isHovered = useElementHover(carousel);
+    watch(isHovered, (_isHovered) => {
+      if (_isHovered) {
+        clearTimeout(autoplayTimer);
+      } else {
+        restartAutoplay();
+      }
+    });
+    const calcOnInit = () => {
+      if (!wrapper.value) {
+        return;
+      }
+      calcWrapperWidth();
+      calcSlidesWidth();
+      calcCurrentIndex();
+      calcIndexCount();
+    };
+    useDebounceFn(calcOnInit, 400);
+    onMounted(() => {
+      calcOnInit();
+    });
+    onBeforeUnmount(() => {
+      clearTimeout(autoplayTimer);
+    });
+    provide(carouselKey, {
+      autoplay: toRef(props, "autoplay"),
+      changeSlide,
+      isBoundLeft,
+      isBoundRight
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        ref_key: "carousel",
+        ref: carousel,
+        "data-carousel": ""
+      }, _attrs))}>`);
+      ssrRenderVNode(_push, createVNode(resolveDynamicComponent(__props.as), {
+        ref_key: "wrapper",
+        ref: wrapper,
+        "data-carousel-wrapper": ""
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot$1(_ctx.$slots, "default")
+            ];
+          }
+        }),
+        _: 3
+      }), _parent);
+      ssrRenderSlot(_ctx.$slots, "controls", {
+        changeSlide,
+        isBoundLeft: unref(isBoundLeft),
+        isBoundRight: unref(isBoundRight),
+        currentPage: currentIndex.value + 1,
+        pageCount: indexCount.value + 1
+      }, () => {
+        _push(ssrRenderComponent(_sfc_main$7, { direction: -1 }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              ssrRenderSlot(_ctx.$slots, "previous", {}, null, _push2, _parent2, _scopeId);
+            } else {
+              return [
+                renderSlot$1(_ctx.$slots, "previous")
+              ];
+            }
+          }),
+          _: 3
+        }, _parent));
+        _push(ssrRenderComponent(_sfc_main$7, null, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              ssrRenderSlot(_ctx.$slots, "next", {}, null, _push2, _parent2, _scopeId);
+            } else {
+              return [
+                renderSlot$1(_ctx.$slots, "next")
+              ];
+            }
+          }),
+          _: 3
+        }, _parent));
+      }, _push, _parent);
+      _push(`</div>`);
+    };
+  }
+});
+
+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/Carousel.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "PitchBar",
+  __ssrInlineRender: true,
+  props: {
+    slides: null
+  },
+  setup(__props) {
+    const props = __props;
+    const parsedContents = computed(() => {
+      return props.slides.map(({ html }) => {
+        return parseShippingPhrase(html).value;
+      });
+    });
+    const countValidSlides = computed(() => {
+      return parsedContents.value.filter((html) => html).length;
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        class: "bg-base-100",
+        "data-pitch-bar": ""
+      }, _attrs))}><div class="container md:w-2/3 mx-auto px-3 py-1">`);
+      _push(ssrRenderComponent(_sfc_main$6, {
+        autoplay: unref(countValidSlides) > 1 ? 7e3 : null
+      }, {
+        controls: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "controls", { countValidSlides: unref(countValidSlides) }, () => {
+              _push2(`<div style="${ssrRenderStyle(unref(countValidSlides) > 1 ? null : { display: "none" })}" class="text-xl leading-none text-base-400" data-pitch-bar-controls${_scopeId}>`);
+              _push2(ssrRenderComponent(_sfc_main$7, {
+                direction: -1,
+                class: "pr-2 bg-base-100 hover:text-base-700"
+              }, null, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_sfc_main$7, { class: "pl-2 bg-base-100 hover:text-base-700" }, null, _parent2, _scopeId));
+              _push2(`</div>`);
+            }, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot$1(_ctx.$slots, "controls", { countValidSlides: unref(countValidSlides) }, () => [
+                withDirectives(createVNode("div", {
+                  class: "text-xl leading-none text-base-400",
+                  "data-pitch-bar-controls": ""
+                }, [
+                  createVNode(_sfc_main$7, {
+                    direction: -1,
+                    class: "pr-2 bg-base-100 hover:text-base-700"
+                  }),
+                  createVNode(_sfc_main$7, { class: "pl-2 bg-base-100 hover:text-base-700" })
+                ], 512), [
+                  [vShow, unref(countValidSlides) > 1]
+                ])
+              ])
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<!--[-->`);
+            ssrRenderList(__props.slides, (slide, i) => {
+              _push2(`<li${_scopeId}>`);
+              ssrRenderVNode(_push2, createVNode(resolveDynamicComponent(slide.href ? "ALink" : "span"), {
+                href: slide.href,
+                target: slide.target,
+                class: ["inline-block px-8", slide.href ? "hover:underline" : null]
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    ssrRenderSlot(_ctx.$slots, "slide", { slide, i, parsedContents: unref(parsedContents) }, () => {
+                      if (unref(parsedContents)[i]) {
+                        _push3(`<span class="prose text-sm text-base-800" data-pitch-bar-slide${_scopeId2}>${unref(parsedContents)[i]}</span>`);
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                    }, _push3, _parent3, _scopeId2);
+                  } else {
+                    return [
+                      renderSlot$1(_ctx.$slots, "slide", { slide, i, parsedContents: unref(parsedContents) }, () => [
+                        unref(parsedContents)[i] ? (openBlock(), createBlock("span", {
+                          key: 0,
+                          innerHTML: unref(parsedContents)[i],
+                          class: "prose text-sm text-base-800",
+                          "data-pitch-bar-slide": ""
+                        }, null, 8, ["innerHTML"])) : createCommentVNode("", true)
+                      ])
+                    ];
+                  }
+                }),
+                _: 2
+              }), _parent2, _scopeId);
+              _push2(`</li>`);
+            });
+            _push2(`<!--]-->`);
+          } else {
+            return [
+              (openBlock(true), createBlock(Fragment$1, null, renderList(__props.slides, (slide, i) => {
+                return openBlock(), createBlock("li", { key: i }, [
+                  (openBlock(), createBlock(resolveDynamicComponent(slide.href ? "ALink" : "span"), {
+                    href: slide.href,
+                    target: slide.target,
+                    class: ["inline-block px-8", slide.href ? "hover:underline" : null]
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot$1(_ctx.$slots, "slide", { slide, i, parsedContents: unref(parsedContents) }, () => [
+                        unref(parsedContents)[i] ? (openBlock(), createBlock("span", {
+                          key: 0,
+                          innerHTML: unref(parsedContents)[i],
+                          class: "prose text-sm text-base-800",
+                          "data-pitch-bar-slide": ""
+                        }, null, 8, ["innerHTML"])) : createCommentVNode("", true)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["href", "target", "class"]))
+                ]);
+              }), 128))
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+      _push(`</div></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/lib/components/PitchBar.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+
+const i19myAccount = "Minha conta";
+const i19openCart = "Abrir carrinho";
+const i19searchProducts = "Buscar produtos";
+
+const useComponentVariant = (props, stringProps) => {
+  return computed(() => {
+    let variantName = "";
+    Object.keys(props).forEach((prop) => {
+      if (props[prop] === true && prop !== "modelValue") {
+        variantName += ` ${prop.replace(/^(is|has)/, "")}`;
+      } else if (stringProps && stringProps.includes(prop)) {
+        variantName += ` ${prop}:${props[prop]}`;
+      }
+    });
+    return variantName.slice(1);
+  });
+};
+
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "Drawer",
+  __ssrInlineRender: true,
+  props: {
+    modelValue: { type: Boolean, default: false },
+    placement: { default: "start" },
+    isTeleported: { type: Boolean, default: false },
+    hasCloseButton: { type: Boolean, default: true }
+  },
+  emits: [
+    "update:modelValue"
+  ],
+  setup(__props, { emit }) {
+    const props = __props;
+    const close = () => emit("update:modelValue", false);
+    const anchor = ref(null);
+    const canvas = ref(null);
+    const outsideClickListener = (ev) => {
+      if (!canvas.value?.contains(ev.target)) {
+        close();
+      }
+    };
+    const escClickListener = (ev) => {
+      if (ev.key === "Escape") {
+        close();
+      }
+    };
+    watch(toRef(props, "modelValue"), async (isOpen) => {
+      const header = anchor.value.closest('[class*="backdrop-"]');
+      if (isOpen) {
+        document.body.style.overflow = "hidden";
+        if (header) {
+          header.style.backdropFilter = "none";
+        }
+        setTimeout(() => {
+          document.addEventListener("click", outsideClickListener, { passive: true });
+          document.addEventListener("keydown", escClickListener, { passive: true });
+        }, 500);
+      } else {
+        document.body.style.overflow = null;
+        if (header) {
+          setTimeout(() => {
+            header.style.backdropFilter = null;
+          }, 500);
+        }
+        document.removeEventListener("click", outsideClickListener);
+        document.removeEventListener("keydown", escClickListener);
+      }
+    });
+    const slideTo = computed(() => {
+      switch (props.placement) {
+        case "start":
+          return "left";
+        case "end":
+          return "right";
+        case "top":
+          return "up";
+        default:
+          return "down";
+      }
+    });
+    const componentVariant = useComponentVariant(props, ["placement"]);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_Fade = resolveComponent("Fade");
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        ref_key: "anchor",
+        ref: anchor,
+        class: "relative"
+      }, _attrs))}>`);
+      ssrRenderTeleport(_push, (_push2) => {
+        _push2(ssrRenderComponent(_component_Fade, {
+          slide: unref(slideTo),
+          speed: "slow",
+          "is-floating": ""
+        }, {
+          default: withCtx((_, _push3, _parent2, _scopeId) => {
+            if (_push3) {
+              if (__props.modelValue) {
+                _push3(`<dialog class="${ssrRenderClass([__props.isTeleported ? "fixed top-0 left-0" : "absolute", "w-screen max-w-sm p-0 z-50"])}"${ssrIncludeBooleanAttr(__props.modelValue) ? " open" : ""}${ssrRenderAttr("data-drawer", unref(componentVariant))}${_scopeId}><div class="relative"${_scopeId}>`);
+                if (__props.hasCloseButton) {
+                  _push3(`<button type="button"${ssrRenderAttr("aria-label", "Fechar")} class="${ssrRenderClass([__props.placement === "end" ? "left-2" : "right-2", "absolute top-2"])}" data-drawer-close${_scopeId}>`);
+                  ssrRenderSlot(_ctx.$slots, "close", {}, () => {
+                    _push3(`<i class="i-close text-base-400 text-3xl"${_scopeId}></i>`);
+                  }, _push3, _parent2, _scopeId);
+                  _push3(`</button>`);
+                } else {
+                  _push3(`<!---->`);
+                }
+                ssrRenderSlot(_ctx.$slots, "default", {}, null, _push3, _parent2, _scopeId);
+                _push3(`</div></dialog>`);
+              } else {
+                _push3(`<!---->`);
+              }
+            } else {
+              return [
+                __props.modelValue ? (openBlock(), createBlock("dialog", {
+                  key: 0,
+                  class: ["w-screen max-w-sm p-0 z-50", __props.isTeleported ? "fixed top-0 left-0" : "absolute"],
+                  open: __props.modelValue,
+                  "data-drawer": unref(componentVariant)
+                }, [
+                  createVNode("div", {
+                    ref_key: "canvas",
+                    ref: canvas,
+                    class: "relative"
+                  }, [
+                    __props.hasCloseButton ? (openBlock(), createBlock("button", {
+                      key: 0,
+                      type: "button",
+                      "aria-label": "Fechar",
+                      onClick: withModifiers(close, ["prevent"]),
+                      class: ["absolute top-2", __props.placement === "end" ? "left-2" : "right-2"],
+                      "data-drawer-close": ""
+                    }, [
+                      renderSlot$1(_ctx.$slots, "close", {}, () => [
+                        createVNode("i", { class: "i-close text-base-400 text-3xl" })
+                      ])
+                    ], 10, ["onClick"])) : createCommentVNode("", true),
+                    renderSlot$1(_ctx.$slots, "default")
+                  ], 512)
+                ], 10, ["open", "data-drawer"])) : createCommentVNode("", true)
+              ];
+            }
+          }),
+          _: 3
+        }, _parent));
+      }, "#teleported", !__props.isTeleported, _parent);
+      _push(`</div>`);
+    };
+  }
+});
+
+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/Drawer.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "StickyHeader",
+  __ssrInlineRender: true,
+  props: {
+    isShownOnScrollDown: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    ref(null);
+    const { ready, start } = useTimeout(100, { controls: true, immediate: false });
+    const height = ref(0);
+    const { y } = { y: ref(0) };
+    const isSticky = computed(() => ready.value && y.value > height.value * 1.5);
+    const transition = ref("none");
+    watch(isSticky, async (isSetSticky) => {
+      if (!isSetSticky) {
+        start();
+        transition.value = "none";
+      } else {
+        await promiseTimeout(300);
+        transition.value = "opacity var(--transition-slow), transform var(--transition)";
+      }
+    });
+    const isScrollUp = ref(false);
+    watch(y, (newY, oldY) => {
+      isScrollUp.value = newY > 0 && newY < oldY;
+    });
+    const componentVariant = useComponentVariant(reactive({
+      ...props,
+      isSticky,
+      isScrollUp
+    }));
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<!--[--><div style="${ssrRenderStyle(unref(isSticky) ? `height: ${height.value}px` : null)}"></div><header class="${ssrRenderClass([{
+        "sticky bg-white/80 backdrop-blur-md shadow py-2 md:py-3": unref(isSticky),
+        "opacity-0 -translate-y-full": unref(isSticky) && (!isScrollUp.value || __props.isShownOnScrollDown),
+        "py-3 sm:py-4 md:py-5": !unref(isSticky)
+      }, "z-50 top-0 will-change-transform"])}" style="${ssrRenderStyle({ transition: transition.value })}"${ssrRenderAttr("data-sticky-header", unref(componentVariant))}>`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+      _push(`</header><!--]-->`);
+    };
+  }
+});
+
+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/StickyHeader.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ShopHeader",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const buttons = ref({
+      search: {
+        icon: "i-search",
+        onClick: () => {
+        },
+        label: i19searchProducts
+      },
+      account: {
+        icon: "i-account",
+        onClick: () => {
+        },
+        label: i19myAccount
+      },
+      cart: {
+        icon: "i-shopping-cart",
+        onClick: () => {
+        },
+        label: i19openCart
+      }
+    });
+    const isSidenavOpen = ref(false);
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(_sfc_main$3, _attrs, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="container lg:max-w-7xl mx-auto px-1 lg:pl-3 grid grid-flow-col grid-cols-3 justify-between items-center md:grid-cols-none md:auto-cols-max" data-header${_scopeId}>`);
+            ssrRenderSlot(_ctx.$slots, "sidenav-toggle", {}, () => {
+              _push2(`<div class="md:hidden" data-sidenav-toggle${_scopeId}><button class="px-2 my-1"${ssrRenderAttr("aria-label", "Abrir/fechar menu")}${_scopeId}>`);
+              ssrRenderSlot(_ctx.$slots, "sidenav-toggle-content", {}, () => {
+                _push2(`<i class="i-menu text-base-500 text-3xl"${_scopeId}></i>`);
+              }, _push2, _parent2, _scopeId);
+              _push2(`</button>`);
+              _push2(ssrRenderComponent(_sfc_main$4, {
+                modelValue: isSidenavOpen.value,
+                "onUpdate:modelValue": ($event) => isSidenavOpen.value = $event,
+                class: "-ml-1 lg:-ml-3"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` MENU `);
+                  } else {
+                    return [
+                      createTextVNode(" MENU ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div>`);
+            }, _push2, _parent2, _scopeId);
+            ssrRenderSlot(_ctx.$slots, "logo", {}, null, _push2, _parent2, _scopeId);
+            ssrRenderSlot(_ctx.$slots, "nav", {}, null, _push2, _parent2, _scopeId);
+            ssrRenderSlot(_ctx.$slots, "buttons", {}, () => {
+              _push2(`<div class="px-2 flex justify-end items-center gap-3 lg:gap-4 text-base-800" data-header-buttons${_scopeId}><!--[-->`);
+              ssrRenderList(buttons.value, ({ icon, onClick, label }, name) => {
+                ssrRenderSlot(_ctx.$slots, "button", mergeProps({ key: name }, { name, icon, onClick }), () => {
+                  _push2(`<button class="${ssrRenderClass(name === "account" ? "hidden sm:block" : null)}"${ssrRenderAttr("aria-label", label)}${ssrRenderAttr("data-header-button", name)}${_scopeId}>`);
+                  ssrRenderSlot(_ctx.$slots, "button-content", { name, icon }, () => {
+                    _push2(`<i class="${ssrRenderClass([icon, "hover:text-primary w-7 h-7 hover:scale-110 active:scale-125"])}"${_scopeId}></i>`);
+                  }, _push2, _parent2, _scopeId);
+                  _push2(`</button>`);
+                }, _push2, _parent2, _scopeId);
+              });
+              _push2(`<!--]--></div>`);
+            }, _push2, _parent2, _scopeId);
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", {
+                class: "container lg:max-w-7xl mx-auto px-1 lg:pl-3 grid grid-flow-col grid-cols-3 justify-between items-center md:grid-cols-none md:auto-cols-max",
+                "data-header": ""
+              }, [
+                renderSlot$1(_ctx.$slots, "sidenav-toggle", {}, () => [
+                  createVNode("div", {
+                    class: "md:hidden",
+                    "data-sidenav-toggle": ""
+                  }, [
+                    createVNode("button", {
+                      class: "px-2 my-1",
+                      "aria-label": "Abrir/fechar menu",
+                      onClick: ($event) => isSidenavOpen.value = !isSidenavOpen.value
+                    }, [
+                      renderSlot$1(_ctx.$slots, "sidenav-toggle-content", {}, () => [
+                        createVNode("i", { class: "i-menu text-base-500 text-3xl" })
+                      ])
+                    ], 8, ["onClick"]),
+                    createVNode(_sfc_main$4, {
+                      modelValue: isSidenavOpen.value,
+                      "onUpdate:modelValue": ($event) => isSidenavOpen.value = $event,
+                      class: "-ml-1 lg:-ml-3"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" MENU ")
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "onUpdate:modelValue"])
+                  ])
+                ]),
+                renderSlot$1(_ctx.$slots, "logo"),
+                renderSlot$1(_ctx.$slots, "nav"),
+                renderSlot$1(_ctx.$slots, "buttons", {}, () => [
+                  createVNode("div", {
+                    class: "px-2 flex justify-end items-center gap-3 lg:gap-4 text-base-800",
+                    "data-header-buttons": ""
+                  }, [
+                    (openBlock(true), createBlock(Fragment$1, null, renderList(buttons.value, ({ icon, onClick, label }, name) => {
+                      return renderSlot$1(_ctx.$slots, "button", mergeProps({ key: name }, { name, icon, onClick }), () => [
+                        createVNode("button", {
+                          class: name === "account" ? "hidden sm:block" : null,
+                          "aria-label": label,
+                          onClick,
+                          "data-header-button": name
+                        }, [
+                          renderSlot$1(_ctx.$slots, "button-content", { name, icon }, () => [
+                            createVNode("i", {
+                              class: [icon, "hover:text-primary w-7 h-7 hover:scale-110 active:scale-125"]
+                            }, null, 2)
+                          ])
+                        ], 10, ["aria-label", "onClick", "data-header-button"])
+                      ]);
+                    }), 128))
+                  ])
+                ])
+              ])
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+
+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/lib/components/ShopHeader.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+
+const $$Astro$7 = createAstro("https://ecom2-002.web.app");
+const $$PagesHeader = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$7, $$props, $$slots);
+  Astro2.self = $$PagesHeader;
+  const {
+    pageContext: {
+      isHomepage,
+      apiState,
+      settings,
+      cms
+    }
+  } = Astro2.props;
+  const header = cms("header");
+  const pitchBar = { slides: [] };
+  if (header.pitch_bar) {
+    pitchBar.slides = header.pitch_bar;
+  } else if (header.marketing_stripe) {
+    pitchBar.slides = [{
+      href: header.marketing_stripe.link,
+      html: header.marketing_stripe.text
+    }];
+  }
+  const logoSrc = header.logo || settings.logo;
+  const LogoHeading = Astro2.props.logoHeading || (isHomepage ? "h1" : "h2");
+  return renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${renderSlot($$result, $$slots["pitch-bar"], renderTemplate`
+    ${pitchBar.slides.length > 1 && renderTemplate`${renderComponent($$result, "PitchBar", _sfc_main$5, { ...pitchBar, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "@@sf/components/PitchBar.vue", "client:component-export": "default" })}`}
+    ${pitchBar.slides.length === 1 && renderTemplate`${renderComponent($$result, "PitchBar", _sfc_main$5, { ...pitchBar })}`}
+  `)}${renderSlot($$result, $$slots["sticky-header"], renderTemplate`
+    ${renderComponent($$result, "ShopHeader", _sfc_main$2, { "client:load": true, "client:component-hydration": "load", "client:component-path": "@@sf/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": () => renderTemplate`${renderComponent($$result, "Fragment", Fragment, { "slot": "logo" }, { "default": () => renderTemplate`${renderSlot($$result, $$slots["logo"], renderTemplate`
+          ${maybeRenderHead($$result)}<a href="/">
+            ${renderComponent($$result, "LogoHeading", LogoHeading, {}, { "default": () => renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": logoSrc, "alt": settings.name, "widths": [300], "sizes": "150px", "fetchpriority": "high", "class": "hover:drop-shadow-sm" })}` })}
+          </a>
+        `)}` })}` })}
+  `)}` })}
+
+`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/PagesHeader.astro");
+
+const $$Astro$6 = createAstro("https://ecom2-002.web.app");
+const $$Pages = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
+  Astro2.self = $$Pages;
+  const { pageContext, title } = Astro2.props;
+  return renderTemplate`${renderComponent($$result, "Base", $$Base, { "pageContext": pageContext, "title": title }, { "default": () => renderTemplate`${renderSlot($$result, $$slots["header"], renderTemplate`
+    ${renderComponent($$result, "Header", $$PagesHeader, { "pageContext": pageContext })}
+  `)}${renderSlot($$result, $$slots["default"])}` })}`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Pages.astro");
+
+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 extraDiscount = computed(() => {
+    return modulesInfo.apply_discount.available_extra_discount;
+  });
+  const salePrice = computed(() => {
+    const price$1 = price(_product.value);
+    const discount = extraDiscount.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 || modulesInfo.list_payments.installments_option || { max_number: 1 };
+  });
+  const installmentsNumber = computed(() => {
+    if (installmentsObject.value.max_number <= 1) {
+      return 1;
+    }
+    const minInstallment = installmentsObject.value.min_installment || 5;
+    const maxInstallmentsNumber = Math.round(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 || modulesInfo.list_payments.discount_option;
+    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 = modulesInfo.list_payments.loyalty_points_programs;
+    if (pointsPrograms) {
+      const programIds = Object.keys(pointsPrograms);
+      for (let i = 0; i < programIds.length; i++) {
+        const program = pointsPrograms[programIds[i]];
+        if (program && 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$1 = /* @__PURE__ */ defineComponent({
+  __name: "Prices",
+  __ssrInlineRender: true,
+  props: {
+    product: null,
+    price: null,
+    basePrice: null,
+    isAmountTotal: { type: Boolean },
+    installmentsOption: null,
+    discountOption: null,
+    isBig: { type: Boolean },
+    isLiteral: { type: Boolean },
+    hasCashback: { type: Boolean, default: true },
+    hasPriceOptions: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const prices = usePrices(props);
+    const {
+      hasVariedPrices,
+      salePrice,
+      comparePrice,
+      cashbackPercentage,
+      cashbackValue,
+      installmentsNumber,
+      monthlyInterest,
+      installmentValue,
+      priceWithDiscount,
+      discountLabel
+    } = prices;
+    const componentVariant = useComponentVariant(props);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_Fade = resolveComponent("Fade");
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        class: "text-base-600",
+        "data-prices": unref(componentVariant)
+      }, _attrs))}>`);
+      if (unref(comparePrice)) {
+        ssrRenderSlot(_ctx.$slots, "compare", { salePrice: unref(salePrice), comparePrice: unref(comparePrice) }, () => {
+          _push(`<span class="text-base-500 mr-1" data-prices-compare>`);
+          ssrRenderSlot(_ctx.$slots, "compare-pre", {}, () => {
+            if (__props.isLiteral) {
+              _push(`<small>${ssrInterpolate(`${"De"} `)}</small>`);
+            } else {
+              _push(`<!---->`);
+            }
+          }, _push, _parent);
+          ssrRenderSlot(_ctx.$slots, "compare-value", { salePrice: unref(salePrice), comparePrice: unref(comparePrice) }, () => {
+            _push(`<s>${ssrInterpolate(_ctx.$money(unref(comparePrice)))}</s>`);
+          }, _push, _parent);
+          ssrRenderSlot(_ctx.$slots, "compare-post", {}, () => {
+            if (__props.isLiteral) {
+              _push(`<small>${ssrInterpolate(` ${"Por"}`)}</small>`);
+            } else {
+              _push(`<!---->`);
+            }
+          }, _push, _parent);
+          _push(`</span>`);
+        }, _push, _parent);
+      } else {
+        _push(`<!---->`);
+      }
+      ssrRenderSlot(_ctx.$slots, "sale", { salePrice: unref(salePrice) }, () => {
+        _push(`<strong class="inline-block text-base-800" data-prices-sale>`);
+        ssrRenderSlot(_ctx.$slots, "sale-pre", {}, () => {
+          if (unref(hasVariedPrices)) {
+            _push(`<small>${ssrInterpolate(`${"A partir de"} `)}</small>`);
+          } else {
+            _push(`<!---->`);
+          }
+        }, _push, _parent);
+        ssrRenderSlot(_ctx.$slots, "sale-value", { salePrice: unref(salePrice) }, () => {
+          _push(`${ssrInterpolate(_ctx.$money(unref(salePrice)))}`);
+        }, _push, _parent);
+        ssrRenderSlot(_ctx.$slots, "sale-post", {}, null, _push, _parent);
+        _push(`</strong>`);
+      }, _push, _parent);
+      _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(cashbackValue)) {
+              ssrRenderSlot(_ctx.$slots, "cashback", { salePrice: unref(salePrice), cashbackValue: unref(cashbackValue), cashbackPercentage: unref(cashbackPercentage) }, () => {
+                if (__props.hasCashback) {
+                  _push2(`<div class="relative z-10" data-prices-cashback${_scopeId}><span${ssrRenderAttr("data-tooltip", "Receba $1 de volta".replace("$1", _ctx.$percentage(unref(cashbackPercentage))))}${_scopeId}>`);
+                  ssrRenderSlot(_ctx.$slots, "cashback-pre", {}, () => {
+                    _push2(`<i class="i-cashback mr-1"${_scopeId}></i>`);
+                  }, _push2, _parent2, _scopeId);
+                  ssrRenderSlot(_ctx.$slots, "cashback-value", { salePrice: unref(salePrice), cashbackValue: unref(cashbackValue), cashbackPercentage: unref(cashbackPercentage) }, () => {
+                    _push2(`<span class="font-medium"${_scopeId}>${ssrInterpolate(_ctx.$money(unref(cashbackValue)))}</span>`);
+                  }, _push2, _parent2, _scopeId);
+                  ssrRenderSlot(_ctx.$slots, "cashback-post", {}, () => {
+                    _push2(`<small${_scopeId}> cashback</small>`);
+                  }, _push2, _parent2, _scopeId);
+                  _push2(`</span></div>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+              }, _push2, _parent2, _scopeId);
+            } else {
+              _push2(`<!---->`);
+            }
+          } else {
+            return [
+              unref(cashbackValue) ? renderSlot$1(_ctx.$slots, "cashback", mergeProps({ key: 0 }, { salePrice: unref(salePrice), cashbackValue: unref(cashbackValue), cashbackPercentage: unref(cashbackPercentage) }), () => [
+                __props.hasCashback ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "relative z-10",
+                  "data-prices-cashback": ""
+                }, [
+                  createVNode("span", {
+                    "data-tooltip": "Receba $1 de volta".replace("$1", _ctx.$percentage(unref(cashbackPercentage)))
+                  }, [
+                    renderSlot$1(_ctx.$slots, "cashback-pre", {}, () => [
+                      createVNode("i", { class: "i-cashback mr-1" })
+                    ]),
+                    renderSlot$1(_ctx.$slots, "cashback-value", { salePrice: unref(salePrice), cashbackValue: unref(cashbackValue), cashbackPercentage: unref(cashbackPercentage) }, () => [
+                      createVNode("span", { class: "font-medium" }, toDisplayString(_ctx.$money(unref(cashbackValue))), 1)
+                    ]),
+                    renderSlot$1(_ctx.$slots, "cashback-post", {}, () => [
+                      createVNode("small", null, " cashback")
+                    ])
+                  ], 8, ["data-tooltip"])
+                ])) : createCommentVNode("", true)
+              ]) : createCommentVNode("", true)
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+      _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(installmentValue)) {
+              ssrRenderSlot(_ctx.$slots, "installment", { salePrice: unref(salePrice), installmentValue: unref(installmentValue), installmentsNumber: unref(installmentsNumber), monthlyInterest: unref(monthlyInterest) }, () => {
+                if (__props.hasPriceOptions) {
+                  _push2(`<div data-prices-installment${_scopeId}>`);
+                  ssrRenderSlot(_ctx.$slots, "installment-pre", {}, () => {
+                    if (__props.isLiteral) {
+                      _push2(`<small${_scopeId}>${ssrInterpolate(`${"Até"} `)}</small>`);
+                    } else {
+                      _push2(`<!---->`);
+                    }
+                  }, _push2, _parent2, _scopeId);
+                  ssrRenderSlot(_ctx.$slots, "installment-value", { salePrice: unref(salePrice), installmentValue: unref(installmentValue), installmentsNumber: unref(installmentsNumber), monthlyInterest: unref(monthlyInterest) }, () => {
+                    _push2(`${ssrInterpolate(unref(installmentsNumber))}x `);
+                    if (__props.isLiteral) {
+                      _push2(`<small${_scopeId}>${ssrInterpolate(` ${"De"} `)}</small>`);
+                    } else {
+                      _push2(`<!---->`);
+                    }
+                    _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$money(unref(installmentValue)))}</span>`);
+                  }, _push2, _parent2, _scopeId);
+                  ssrRenderSlot(_ctx.$slots, "installment-post", {}, () => {
+                    if (!unref(monthlyInterest) && __props.isLiteral) {
+                      _push2(`<small${_scopeId}>${ssrInterpolate("Sem juros")}</small>`);
+                    } else {
+                      _push2(`<!---->`);
+                    }
+                  }, _push2, _parent2, _scopeId);
+                  _push2(`</div>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+              }, _push2, _parent2, _scopeId);
+            } else {
+              _push2(`<!---->`);
+            }
+          } else {
+            return [
+              unref(installmentValue) ? renderSlot$1(_ctx.$slots, "installment", mergeProps({ key: 0 }, { salePrice: unref(salePrice), installmentValue: unref(installmentValue), installmentsNumber: unref(installmentsNumber), monthlyInterest: unref(monthlyInterest) }), () => [
+                __props.hasPriceOptions ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  "data-prices-installment": ""
+                }, [
+                  renderSlot$1(_ctx.$slots, "installment-pre", {}, () => [
+                    __props.isLiteral ? (openBlock(), createBlock("small", { key: 0 }, toDisplayString(`${"Até"} `))) : createCommentVNode("", true)
+                  ]),
+                  renderSlot$1(_ctx.$slots, "installment-value", { salePrice: unref(salePrice), installmentValue: unref(installmentValue), installmentsNumber: unref(installmentsNumber), monthlyInterest: unref(monthlyInterest) }, () => [
+                    createTextVNode(toDisplayString(unref(installmentsNumber)) + "x ", 1),
+                    __props.isLiteral ? (openBlock(), createBlock("small", { key: 0 }, toDisplayString(` ${"De"} `))) : createCommentVNode("", true),
+                    createVNode("span", null, toDisplayString(_ctx.$money(unref(installmentValue))), 1)
+                  ]),
+                  renderSlot$1(_ctx.$slots, "installment-post", {}, () => [
+                    !unref(monthlyInterest) && __props.isLiteral ? (openBlock(), createBlock("small", { key: 0 }, toDisplayString("Sem juros"))) : createCommentVNode("", true)
+                  ])
+                ])) : createCommentVNode("", true)
+              ]) : createCommentVNode("", true)
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+      _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(priceWithDiscount) < unref(salePrice)) {
+              ssrRenderSlot(_ctx.$slots, "discount", { salePrice: unref(salePrice), priceWithDiscount: unref(priceWithDiscount), discountLabel: unref(discountLabel) }, () => {
+                if (__props.hasPriceOptions) {
+                  _push2(`<div data-prices-discount${_scopeId}>`);
+                  ssrRenderSlot(_ctx.$slots, "discount-pre", {}, () => {
+                    if (!unref(discountLabel)) {
+                      _push2(`<small${_scopeId}>${ssrInterpolate(`${"A partir de"} `)}</small>`);
+                    } else {
+                      _push2(`<!---->`);
+                    }
+                  }, _push2, _parent2, _scopeId);
+                  ssrRenderSlot(_ctx.$slots, "discount-value", { salePrice: unref(salePrice), priceWithDiscount: unref(priceWithDiscount), discountLabel: unref(discountLabel) }, () => {
+                    _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$money(unref(priceWithDiscount)))}</span>`);
+                  }, _push2, _parent2, _scopeId);
+                  ssrRenderSlot(_ctx.$slots, "discount-post", {}, () => {
+                    if (unref(discountLabel)) {
+                      _push2(`<small${_scopeId}>${ssrInterpolate(` ${unref(discountLabel)}`)}</small>`);
+                    } else {
+                      _push2(`<!---->`);
+                    }
+                  }, _push2, _parent2, _scopeId);
+                  _push2(`</div>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+              }, _push2, _parent2, _scopeId);
+            } else {
+              _push2(`<!---->`);
+            }
+          } else {
+            return [
+              unref(priceWithDiscount) < unref(salePrice) ? renderSlot$1(_ctx.$slots, "discount", mergeProps({ key: 0 }, { salePrice: unref(salePrice), priceWithDiscount: unref(priceWithDiscount), discountLabel: unref(discountLabel) }), () => [
+                __props.hasPriceOptions ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  "data-prices-discount": ""
+                }, [
+                  renderSlot$1(_ctx.$slots, "discount-pre", {}, () => [
+                    !unref(discountLabel) ? (openBlock(), createBlock("small", { key: 0 }, toDisplayString(`${"A partir de"} `))) : createCommentVNode("", true)
+                  ]),
+                  renderSlot$1(_ctx.$slots, "discount-value", { salePrice: unref(salePrice), priceWithDiscount: unref(priceWithDiscount), discountLabel: unref(discountLabel) }, () => [
+                    createVNode("span", null, toDisplayString(_ctx.$money(unref(priceWithDiscount))), 1)
+                  ]),
+                  renderSlot$1(_ctx.$slots, "discount-post", {}, () => [
+                    unref(discountLabel) ? (openBlock(), createBlock("small", { key: 0 }, toDisplayString(` ${unref(discountLabel)}`), 1)) : createCommentVNode("", true)
+                  ])
+                ])) : createCommentVNode("", true)
+              ]) : createCommentVNode("", true)
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+      _push(`</div>`);
+    };
+  }
+});
+
+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/lib/components/Prices.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ProductCard",
+  __ssrInlineRender: true,
+  props: {
+    as: { default: "div" }
+  },
+  setup(__props) {
+    const price = ref(12);
+    const isBig = ref(false);
+    setTimeout(() => {
+      price.value = 8;
+      isBig.value = true;
+    }, 5e3);
+    return (_ctx, _push, _parent, _attrs) => {
+      ssrRenderVNode(_push, createVNode(resolveDynamicComponent(__props.as), _attrs, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_sfc_main$1, null, {
+              default: withCtx(({ salePrice }, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` ProductCard ${ssrInterpolate(salePrice)}`);
+                } else {
+                  return [
+                    createTextVNode(" ProductCard " + toDisplayString(salePrice), 1)
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_sfc_main$1, {
+              product: { price: price.value }
+            }, null, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_sfc_main$1, {
+              price: 12,
+              "base-price": 17
+            }, null, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_sfc_main$1, {
+              price: 12,
+              "base-price": 16,
+              "is-literal": true
+            }, null, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_sfc_main$1, {
+              price: 12,
+              "is-big": isBig.value
+            }, null, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_sfc_main$1, {
+              price: 14,
+              "base-price": 18,
+              "is-big": isBig.value,
+              "is-literal": true
+            }, null, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_sfc_main$1, {
+              price: 12,
+              "base-price": 16
+            }, {
+              "compare-value": withCtx(({ comparePrice }, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` x${ssrInterpolate(comparePrice)}`);
+                } else {
+                  return [
+                    createTextVNode(" x" + toDisplayString(comparePrice), 1)
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_sfc_main$1, null, {
+                default: withCtx(({ salePrice }) => [
+                  createTextVNode(" ProductCard " + toDisplayString(salePrice), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(_sfc_main$1, {
+                product: { price: price.value }
+              }, null, 8, ["product"]),
+              createVNode(_sfc_main$1, {
+                price: 12,
+                "base-price": 17
+              }),
+              createVNode(_sfc_main$1, {
+                price: 12,
+                "base-price": 16,
+                "is-literal": true
+              }),
+              createVNode(_sfc_main$1, {
+                price: 12,
+                "is-big": isBig.value
+              }, null, 8, ["is-big"]),
+              createVNode(_sfc_main$1, {
+                price: 14,
+                "base-price": 18,
+                "is-big": isBig.value,
+                "is-literal": true
+              }, null, 8, ["is-big"]),
+              createVNode(_sfc_main$1, {
+                price: 12,
+                "base-price": 16
+              }, {
+                "compare-value": withCtx(({ comparePrice }) => [
+                  createTextVNode(" x" + toDisplayString(comparePrice), 1)
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        _: 1
+      }), _parent);
+    };
+  }
+});
+
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/ProductCard.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+const $$Astro$5 = createAstro("https://ecom2-002.web.app");
+const $$Home = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$5, $$props, $$slots);
+  Astro2.self = $$Home;
+  const products = (await api.get("products")).data.result;
+  return renderTemplate`${maybeRenderHead($$result)}<main>
+  <h1>Welcome to <span class="text-primary">Astro</span></h1>
+  <ul role="list" class="mt-3 fs-20">
+    ${products.map((product) => renderTemplate`<li>
+      <a${addAttribute(`/${product.slug}`, "href")}>${product.sku}</a>
+    </li>`)}
+  </ul>
+  <div class="prose">
+    <h1>Oi</h1>
+    <p>Olá <a href="/">link</a></p>
+    <ul>
+      <li>So here is the first item in this list.</li>
+      <li>In this example we're keeping the items short.</li>
+      <li>Later, we'll use longer, more complex list items.</li>
+    </ul>
+    <details>
+      <summary role="button">Accordion 1</summary>
+      <p>…</p>
+    </details>
+  </div>
+  <div>
+    <h1>Oi</h1>
+    <p>Olá <a href="/">link</a></p>
+    <details>
+      <summary role="button">Accordion 1</summary>
+      <p>…</p>
+    </details>
+  </div>
+  <div class="mt-2">
+    <div>
+      <label class="block">
+        <span class="text-gray-700">Email address</span>
+        <input type="email" class="mt-1 block w-full" placeholder="john@example.com">
+      </label>
+      <label class="inline-flex items-center">
+        <input type="checkbox" checked>
+        <span class="ml-2 font-brand">Email me news and special offers</span>
+      </label>
+    </div>
+  </div>
+  ${renderComponent($$result, "Prices", _sfc_main$1, { "price": 10, "client:load": true, "client:component-hydration": "load", "client:component-path": "@@sf/components/Prices.vue", "client:component-export": "default" })}
+  ${renderComponent($$result, "ProductCard", _sfc_main, { "client:load": true, "client:component-hydration": "load", "client:component-path": "@@sf/components/ProductCard.vue", "client:component-export": "default" })}
+</main>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Home.astro");
+
+const $$Astro$4 = createAstro("https://ecom2-002.web.app");
+const $$Index$1 = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
+  Astro2.self = $$Index$1;
+  let pageContext;
+  let loadError;
+  try {
+    pageContext = await loadPageContext(Astro2);
+  } catch (err) {
+    if (err.astroResponse) {
+      return err.astroResponse;
+    }
+    loadError = err;
+  }
+  return renderTemplate`<html${addAttribute(pageContext?.lang.replace("_", "-"), "lang")}>
+${pageContext && renderTemplate`${renderComponent($$result, "PagesLayout", $$Pages, { "pageContext": pageContext }, { "default": () => renderTemplate`${renderComponent($$result, "HomeMain", $$Home, { "pageContext": pageContext })}` })}`}
+${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}
+</html>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro");
+
+const $$file$3 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro";
+const $$url$3 = "";
+
+const _page1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$Index$1,
+  file: $$file$3,
+  url: $$url$3
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const $$Astro$3 = createAstro("https://ecom2-002.web.app");
+const $$Index = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$3, $$props, $$slots);
+  Astro2.self = $$Index;
+  return renderTemplate``;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro");
+
+const $$file$2 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro";
+const $$url$2 = "/app";
+
+const _page3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$Index,
+  file: $$file$2,
+  url: $$url$2
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const $$Astro$2 = createAstro("https://ecom2-002.web.app");
+const $$Account = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$2, $$props, $$slots);
+  Astro2.self = $$Account;
+  return renderTemplate``;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro");
+
+const $$file$1 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro";
+const $$url$1 = "/app/account";
+
+const _page4 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$Account,
+  file: $$file$1,
+  url: $$url$1
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const $$Astro$1 = createAstro("https://ecom2-002.web.app");
+const $$Wildcard = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$1, $$props, $$slots);
+  Astro2.self = $$Wildcard;
+  const {
+    pageContext: { apiResource, apiDoc }
+  } = Astro2.props;
+  return renderTemplate`${maybeRenderHead($$result)}<main>
+  <h1>Hello <span class="text-gradient">${apiDoc.name}</span></h1>
+  <hr>
+  <div class="mt-3">
+    <mark>${apiDoc._id}</mark> from <i>${apiResource}</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");
+
+const $$Astro = createAstro("https://ecom2-002.web.app");
+async function getStaticPaths() {
+  return (await api.get("products?sort=-sales&limit=4&fields=slug")).data.result.map(({ slug }) => ({ params: { slug } }));
+}
+const $$ = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
+  Astro2.self = $$;
+  if (String(Astro2.params.slug).endsWith(".css.map")) {
+    return new Response(null, { status: 404 });
+  }
+  let pageContext;
+  let loadError;
+  try {
+    pageContext = await loadPageContext(Astro2);
+  } catch (err) {
+    if (err.astroResponse) {
+      return err.astroResponse;
+    }
+    loadError = err;
+  }
+  return renderTemplate`<html${addAttribute(pageContext?.lang.replace("_", "-"), "lang")}>
+${pageContext && renderTemplate`${renderComponent($$result, "PagesLayout", $$Pages, { "pageContext": pageContext }, { "default": () => renderTemplate`${renderComponent($$result, "WildcardMain", $$Wildcard, { "pageContext": pageContext })}` })}`}
+${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}
+</html>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro");
+
+const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro";
+const $$url = "/[...slug]";
+
+const _page5 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$,
+  file: $$file,
+  getStaticPaths,
+  url: $$url
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { $$Pages as $, _page0 as _, _page1 as a, _page3 as b, _page4 as c, _page5 as d, loadPageContext as l };