cloudcommerce 0.6.13 → 0.7.1

package/packages/storefront/dist/server/chunks/pages/{all.f49a350f.mjs → all.3a2f4354.mjs}

@@ -8,7 +8,7 @@ import 'http-cache-semantics';
 import 'node:os';
 import 'magic-string';
 import 'node:stream';
-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.2e59789d.mjs';
+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.9781c0a7.mjs';
 import api from '@cloudcommerce/api';
 import { reactive, computed, defineComponent, inject, useSSRContext, mergeProps, ref, watch, toRef, onMounted, onBeforeUnmount, provide, createVNode, resolveDynamicComponent, withCtx, renderSlot as renderSlot$1, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, resolveComponent, withModifiers, Teleport, createTextVNode, toDisplayString, setBlockTracking } from 'vue';
 import { img, price, formatMoney, nickname, onPromotion } from '@ecomplus/utils';
@@ -16,8 +16,8 @@ import { ssrRenderAttrs, ssrRenderSlot, ssrRenderClass, ssrRenderVNode, ssrRende
 /* empty css                           */import { EventEmitter } from 'node:events';
 import fs$1, { 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';
+/* empty css                               */import { resolve as resolve$1 } from 'path';
+import { useScroll, useElementHover, useDebounceFn, useTimeout, promiseTimeout } from '@vueuse/core';
 import { Popover, PopoverButton, PopoverPanel, Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue';
 
 const _export_sfc = (sfc, props) => {
@@ -203,7 +203,7 @@ class BaseSSRService {
   }
 }
 
-const imagePoolModulePromise = import('../image-pool.78b6d784.mjs');
+const imagePoolModulePromise = import('../image-pool.c24d15b2.mjs');
 class SquooshService extends BaseSSRService {
   async processAvif(image, transform) {
     const encodeOptions = transform.quality ? { avif: { quality: transform.quality } } : { avif: {} };
@@ -605,6 +605,183 @@ const loadPageContext = async (Astro, {
 
 const pwaInfo = {"pwaInDevEnvironment":false,"webManifest":{"href":"/manifest.webmanifest","useCredentials":false,"linkTag":"<link rel=\"manifest\" href=\"/manifest.webmanifest\">"}};
 
+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 ? `/_image?f=png&w=32&h=32&format=png&href=${encodeURIComponent(settings.icon)}&V=${({}).DEPLOY_RAND}` : "/favicon.ico";
+  const canonicalUrl = new URL(Astro2.url.pathname, Astro2.site || `https://${domain}`);
+  const cmsMetatags = await cms("metatags");
+  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 (cmsMetatags?.og_image) {
+      ogImage = cmsMetatags.og_image.charAt(0) === "/" ? `https://${domain}${cmsMetatags.og_image}` : cmsMetatags.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")}>`}
+${cmsMetatags?.fb_app_id && renderTemplate`<meta property="fb:app_id"${addAttribute(cmsMetatags.fb_app_id, "content")}>`}
+<meta name="twitter:card" content="summary">
+${cmsMetatags?.twitter_username && renderTemplate`<meta name="twitter:site"${addAttribute(cmsMetatags.twitter_username, "content")}>`}
+<meta name="ecom-store-id"${addAttribute(String(storeId), "content")}>
+
+${pwaInfo && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(pwaInfo.webManifest.linkTag)}` })}`}
+${!pwaInfo && !false && renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`}`;
+}, "/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_|metafields|_records|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>
+  <div id="teleported-overlap" class="relative z-50"></div>
+  <div id="teleported-top" class="relative z-0"></div>
+  ${renderSlot($$result, $$slots["default"])}
+  ${renderSlot($$result, $$slots["before-body-end"])}
+  <div id="teleported-bottom" class="relative z-0"></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 = await 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": ($$result2) => 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": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["default"])}${cmsCustomCode?.html_body && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(cmsCustomCode.html_body)}` })}`}${renderSlot($$result2, $$slots["base-body-scripts"])}${renderSlot($$result2, $$slots["before-body-end"])}` })}`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro");
+
+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": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["default"])}` })}`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro");
+
 function resolveSize(transform) {
   if (transform.width && transform.height) {
     return transform;
@@ -665,7 +842,7 @@ async function resolveTransform(input) {
     background
   };
 }
-async function getImage$1(transform) {
+async function getImage(transform) {
   var _a, _b, _c;
   if (!transform.src) {
     throw new Error("[@astrojs/image] `src` is required");
@@ -744,7 +921,7 @@ async function getPicture(params) {
   async function getSource(format) {
     const imgs = await Promise.all(
       widths.map(async (width) => {
-        const img = await getImage$1({
+        const img = await getImage({
           src,
           alt,
           format,
@@ -772,262 +949,37 @@ async function getPicture(params) {
   };
 }
 
-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,"SSR":true,"SITE":"\"https://ecom2-002.web.app\""}, { 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;
+const $$Astro$a = createAstro("https://ecom2-002.web.app");
+const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
+  Astro2.self = $$Picture;
+  const tryImageSize = (src2) => {
+    let dimensions = {};
+    if (typeof src2 === "string" && src2.startsWith("/")) {
+      const { STOREFRONT_BASE_DIR } = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SSR":true,"SITE":"\"https://ecom2-002.web.app\""},{STOREFRONT_BASE_DIR:process.env.STOREFRONT_BASE_DIR,}));
+      try {
+        dimensions = sizeOf(resolve$1(STOREFRONT_BASE_DIR, `public${src2}`));
+      } catch (e) {
+        dimensions = {};
       }
-      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$i = createAstro("https://ecom2-002.web.app");
-const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$i, $$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 cmsMetatags = await cms("metatags");
-  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 (cmsMetatags?.og_image) {
-      ogImage = cmsMetatags.og_image.charAt(0) === "/" ? `https://${domain}${cmsMetatags.og_image}` : cmsMetatags.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")}>`}
-${cmsMetatags?.fb_app_id && renderTemplate`<meta property="fb:app_id"${addAttribute(cmsMetatags.fb_app_id, "content")}>`}
-<meta name="twitter:card" content="summary">
-${cmsMetatags?.twitter_username && renderTemplate`<meta name="twitter:site"${addAttribute(cmsMetatags.twitter_username, "content")}>`}
-<meta name="ecom-store-id"${addAttribute(String(storeId), "content")}>
-
-${pwaInfo && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(pwaInfo.webManifest.linkTag)}` })}`}
-${!pwaInfo && !false && renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`}`;
-}, "/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$h = createAstro("https://ecom2-002.web.app");
-const $$BaseStateJson = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$h, $$props, $$slots);
-  Astro2.self = $$BaseStateJson;
-  const {
-    pageContext: {
-      storeId,
-      apiResource,
-      apiDoc,
-      lang,
-      countryCode,
-      currency,
-      currencySymbol,
-      domain,
-      settings
+    return dimensions;
+  };
+  const getAspectRatio = (src2) => {
+    if (typeof src2 === "string") {
+      src2 = tryImageSize(src2);
     }
-  } = 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);
+    if (src2.width) {
+      return src2.height ? src2.width / src2.height : 1;
     }
-    const slimDocRegex = globalThis.storefront_slim_doc_regex || /body_|meta_|metafields|_records|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$g = createAstro("https://ecom2-002.web.app");
-const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$g, $$props, $$slots);
-  Astro2.self = $$BaseBody;
-  return renderTemplate`${maybeRenderHead($$result)}<body>
-  <div id="teleported-overlap" class="relative z-50"></div>
-  <div id="teleported-top" class="relative z-0"></div>
-  ${renderSlot($$result, $$slots["default"])}
-  ${renderSlot($$result, $$slots["before-body-end"])}
-  <div id="teleported-bottom" class="relative z-0"></div>
-</body>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro");
-
-const $$Astro$f = createAstro("https://ecom2-002.web.app");
-const $$Base$1 = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$f, $$props, $$slots);
-  Astro2.self = $$Base$1;
-  const { pageContext, title } = Astro2.props;
-  const { cms } = pageContext;
-  const cmsCustomCode = await 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": ($$result2) => 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": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["default"])}${cmsCustomCode?.html_body && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(cmsCustomCode.html_body)}` })}`}${renderSlot($$result2, $$slots["base-body-scripts"])}${renderSlot($$result2, $$slots["before-body-end"])}` })}`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro");
-
-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$e = createAstro("https://ecom2-002.web.app");
-const $$InlineScripts = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$e, $$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$d = createAstro("https://ecom2-002.web.app");
-const $$Base = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$d, $$props, $$slots);
-  Astro2.self = $$Base;
-  const { pageContext, title } = Astro2.props;
-  return renderTemplate`${renderComponent($$result, "Base", $$Base$1, { "pageContext": pageContext, "title": title }, { "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["default"])}` })}`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro");
-
-const $$Astro$c = createAstro("https://ecom2-002.web.app");
-const $$Image = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$c, $$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$b = createAstro("https://ecom2-002.web.app");
-const $$Picture$1 = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$b, $$props, $$slots);
-  Astro2.self = $$Picture$1;
+    return 0;
+  };
   const {
     src,
     alt,
     sizes,
     widths,
-    aspectRatio,
+    aspectRatio: propAspectRatio,
     fit,
     background,
     position,
@@ -1036,8 +988,14 @@ const $$Picture$1 = createComponent(async ($$result, $$props, $$slots) => {
     decoding = "async",
     ...attrs
   } = Astro2.props;
-  if (alt === void 0 || alt === null) {
-    warnForMissingAlt();
+  let aspectRatio = propAspectRatio;
+  if ((!attrs.width || !attrs.height) && !aspectRatio && typeof src === "string") {
+    const { width, height } = tryImageSize(src);
+    if (height) {
+      aspectRatio = getAspectRatio({ width, height });
+      attrs.width = width;
+      attrs.height = height;
+    }
   }
   const { image, sources } = await getPicture({
     src,
@@ -1049,44 +1007,15 @@ const $$Picture$1 = createComponent(async ($$result, $$props, $$slots) => {
     position,
     alt
   });
+  const imgSrc = `${image.src}&V=${process.env.DEPLOY_RAND}`;
+  delete image.src;
   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")}${spreadAttributes(attrs)}>
+  ${sources.map((attrs2) => renderTemplate`<source${addAttribute(attrs2.type, "type")}${addAttribute(attrs2.srcset.replace(/\s(\w+)$/, `&V=${process.env.DEPLOY_RAND} $1`), "srcset")}${addAttribute(sizes, "sizes")}>`)}
+  <img${spreadAttributes(image)}${addAttribute(loading, "loading")}${addAttribute(decoding, "decoding")}${addAttribute(imgSrc, "src")}${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$a = createAstro("https://ecom2-002.web.app");
-const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
-  Astro2.self = $$Picture;
-  const props = Astro2.props;
-  if ((!props.width || !props.height) && !props.aspectRatio && typeof props.src === "string") {
-    const { width, height } = tryImageSize(props.src);
-    if (height) {
-      props.aspectRatio = getAspectRatio({ width, height });
-      props.width = width;
-      props.height = height;
-    }
-  }
-  return renderTemplate`${renderComponent($$result, "Picture", $$Picture$1, { ...props })}`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/ssr/Picture.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/Picture.astro");
 
 const checkObjNotNull = (obj) => {
   return Object.values(obj).filter((val) => val).length;