cloudcommerce 2.13.0 → 2.14.0

package/packages/storefront/dist/server/chunks/pages/{404_CMwuVMu1.mjs → 404_n3mvoSWv.mjs}

@@ -1,20 +1,17 @@
 import { img, imgSizes, i18n, formatMoney, price, randomObjectId, nickname } from '@ecomplus/utils';
-import '@astrojs/internal-helpers/path';
-import { A as AstroError, c as ExpectedImageOptions, E as ExpectedImage, F as FailedToFetchRemoteImageDimensions, d as InvalidImageService, e as createAstro, f as createComponent, g as ImageMissingAlt, r as renderTemplate, m as maybeRenderHead, h as addAttribute, s as spreadAttributes, u as unescapeHTML, i as renderSlotToString, j as renderAllHeadContent, k as renderSlot$1, l as renderComponent, n as Fragment } from '../astro_Cu3MZ9xv.mjs';
+import { c as createAstro, b as createComponent, r as renderTemplate, u as unescapeHTML, d as addAttribute, s as spreadAttributes, e as renderSlotToString, f as renderAllHeadContent, m as maybeRenderHead, g as renderSlot$1, h as renderComponent, F as Fragment } from '../astro_DIU6qHCh.mjs';
 import 'kleur/colors';
 import { EventEmitter } from 'node:events';
 import api from '@cloudcommerce/api';
 import { AsyncLocalStorage } from 'node:async_hooks';
-import fs, { copyFileSync } from 'node:fs';
-import { resolve, join, basename as basename$1 } from 'node:path';
+import fs, { readFileSync } from 'node:fs';
+import { resolve, join } from 'node:path';
 import { parse } from 'yaml';
 import config from '@cloudcommerce/config';
 import 'clsx';
 import { renderSync, parse as parse$1, walkSync, ELEMENT_NODE } from 'ultrahtml';
 /* empty css                           */
 import mime from 'mime/lite.js';
-import { r as resolveSrc, i as isRemoteImage, a as isESMImportedImage, b as isLocalService, D as DEFAULT_HASH_PROPS } from '../astro/assets-service_DSoC_W52.mjs';
-import imageSize from 'image-size';
 import { useSSRContext, defineComponent, computed, ref, onMounted, watch, createVNode, resolveDynamicComponent, mergeProps, withCtx, renderSlot, inject, toRef, onBeforeUnmount, provide, reactive, shallowRef, resolveComponent, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, mergeModels, useModel, nextTick, withModifiers, Teleport, createTextVNode, toDisplayString, defineAsyncComponent, vModelText, Suspense, createSlots } from 'vue';
 import { ssrRenderSlotInner, ssrRenderVNode, ssrRenderSlot, ssrRenderAttrs, ssrRenderClass, ssrRenderList, ssrRenderComponent, ssrRenderStyle, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate, ssrRenderSuspense } from 'vue/server-renderer';
 import { useElementVisibility, useElementHover, useScroll, useDebounceFn, watchDebounced, useTimeout, promiseTimeout, onClickOutside } from '@vueuse/core';
@@ -822,995 +819,6 @@ function onRequest(ctx, next) {
   return asyncLocalStorage$1.run({ sid: `${Date.now() + Math.random()}` }, next);
 }
 
-const decoder = new TextDecoder();
-const toUTF8String = (input, start = 0, end = input.length) => decoder.decode(input.slice(start, end));
-const toHexString = (input, start = 0, end = input.length) => input.slice(start, end).reduce((memo, i) => memo + ("0" + i.toString(16)).slice(-2), "");
-const readInt16LE = (input, offset = 0) => {
-  const val = input[offset] + input[offset + 1] * 2 ** 8;
-  return val | (val & 2 ** 15) * 131070;
-};
-const readUInt16BE = (input, offset = 0) => input[offset] * 2 ** 8 + input[offset + 1];
-const readUInt16LE = (input, offset = 0) => input[offset] + input[offset + 1] * 2 ** 8;
-const readUInt24LE = (input, offset = 0) => input[offset] + input[offset + 1] * 2 ** 8 + input[offset + 2] * 2 ** 16;
-const readInt32LE = (input, offset = 0) => input[offset] + input[offset + 1] * 2 ** 8 + input[offset + 2] * 2 ** 16 + (input[offset + 3] << 24);
-const readUInt32BE = (input, offset = 0) => input[offset] * 2 ** 24 + input[offset + 1] * 2 ** 16 + input[offset + 2] * 2 ** 8 + input[offset + 3];
-const readUInt32LE = (input, offset = 0) => input[offset] + input[offset + 1] * 2 ** 8 + input[offset + 2] * 2 ** 16 + input[offset + 3] * 2 ** 24;
-const methods = {
-  readUInt16BE,
-  readUInt16LE,
-  readUInt32BE,
-  readUInt32LE
-};
-function readUInt(input, bits, offset, isBigEndian) {
-  offset = offset || 0;
-  const endian = isBigEndian ? "BE" : "LE";
-  const methodName = "readUInt" + bits + endian;
-  return methods[methodName](input, offset);
-}
-function readBox(buffer, offset) {
-  if (buffer.length - offset < 4)
-    return;
-  const boxSize = readUInt32BE(buffer, offset);
-  if (buffer.length - offset < boxSize)
-    return;
-  return {
-    name: toUTF8String(buffer, 4 + offset, 8 + offset),
-    offset,
-    size: boxSize
-  };
-}
-function findBox(buffer, boxName, offset) {
-  while (offset < buffer.length) {
-    const box = readBox(buffer, offset);
-    if (!box)
-      break;
-    if (box.name === boxName)
-      return box;
-    offset += box.size;
-  }
-}
-
-const BMP = {
-  validate: (input) => toUTF8String(input, 0, 2) === "BM",
-  calculate: (input) => ({
-    height: Math.abs(readInt32LE(input, 22)),
-    width: readUInt32LE(input, 18)
-  })
-};
-
-const TYPE_ICON = 1;
-const SIZE_HEADER$1 = 2 + 2 + 2;
-const SIZE_IMAGE_ENTRY = 1 + 1 + 1 + 1 + 2 + 2 + 4 + 4;
-function getSizeFromOffset(input, offset) {
-  const value = input[offset];
-  return value === 0 ? 256 : value;
-}
-function getImageSize$1(input, imageIndex) {
-  const offset = SIZE_HEADER$1 + imageIndex * SIZE_IMAGE_ENTRY;
-  return {
-    height: getSizeFromOffset(input, offset + 1),
-    width: getSizeFromOffset(input, offset)
-  };
-}
-const ICO = {
-  validate(input) {
-    const reserved = readUInt16LE(input, 0);
-    const imageCount = readUInt16LE(input, 4);
-    if (reserved !== 0 || imageCount === 0)
-      return false;
-    const imageType = readUInt16LE(input, 2);
-    return imageType === TYPE_ICON;
-  },
-  calculate(input) {
-    const nbImages = readUInt16LE(input, 4);
-    const imageSize = getImageSize$1(input, 0);
-    if (nbImages === 1)
-      return imageSize;
-    const imgs = [imageSize];
-    for (let imageIndex = 1; imageIndex < nbImages; imageIndex += 1) {
-      imgs.push(getImageSize$1(input, imageIndex));
-    }
-    return {
-      height: imageSize.height,
-      images: imgs,
-      width: imageSize.width
-    };
-  }
-};
-
-const TYPE_CURSOR = 2;
-const CUR = {
-  validate(input) {
-    const reserved = readUInt16LE(input, 0);
-    const imageCount = readUInt16LE(input, 4);
-    if (reserved !== 0 || imageCount === 0)
-      return false;
-    const imageType = readUInt16LE(input, 2);
-    return imageType === TYPE_CURSOR;
-  },
-  calculate: (input) => ICO.calculate(input)
-};
-
-const DDS = {
-  validate: (input) => readUInt32LE(input, 0) === 542327876,
-  calculate: (input) => ({
-    height: readUInt32LE(input, 12),
-    width: readUInt32LE(input, 16)
-  })
-};
-
-const gifRegexp = /^GIF8[79]a/;
-const GIF = {
-  validate: (input) => gifRegexp.test(toUTF8String(input, 0, 6)),
-  calculate: (input) => ({
-    height: readUInt16LE(input, 8),
-    width: readUInt16LE(input, 6)
-  })
-};
-
-const brandMap = {
-  avif: "avif",
-  mif1: "heif",
-  msf1: "heif",
-  // hief-sequence
-  heic: "heic",
-  heix: "heic",
-  hevc: "heic",
-  // heic-sequence
-  hevx: "heic"
-  // heic-sequence
-};
-function detectBrands(buffer, start, end) {
-  let brandsDetected = {};
-  for (let i = start; i <= end; i += 4) {
-    const brand = toUTF8String(buffer, i, i + 4);
-    if (brand in brandMap) {
-      brandsDetected[brand] = 1;
-    }
-  }
-  if ("avif" in brandsDetected) {
-    return "avif";
-  } else if ("heic" in brandsDetected || "heix" in brandsDetected || "hevc" in brandsDetected || "hevx" in brandsDetected) {
-    return "heic";
-  } else if ("mif1" in brandsDetected || "msf1" in brandsDetected) {
-    return "heif";
-  }
-}
-const HEIF = {
-  validate(buffer) {
-    const ftype = toUTF8String(buffer, 4, 8);
-    const brand = toUTF8String(buffer, 8, 12);
-    return "ftyp" === ftype && brand in brandMap;
-  },
-  calculate(buffer) {
-    const metaBox = findBox(buffer, "meta", 0);
-    const iprpBox = metaBox && findBox(buffer, "iprp", metaBox.offset + 12);
-    const ipcoBox = iprpBox && findBox(buffer, "ipco", iprpBox.offset + 8);
-    const ispeBox = ipcoBox && findBox(buffer, "ispe", ipcoBox.offset + 8);
-    if (ispeBox) {
-      return {
-        height: readUInt32BE(buffer, ispeBox.offset + 16),
-        width: readUInt32BE(buffer, ispeBox.offset + 12),
-        type: detectBrands(buffer, 8, metaBox.offset)
-      };
-    }
-    throw new TypeError("Invalid HEIF, no size found");
-  }
-};
-
-const SIZE_HEADER = 4 + 4;
-const FILE_LENGTH_OFFSET = 4;
-const ENTRY_LENGTH_OFFSET = 4;
-const ICON_TYPE_SIZE = {
-  ICON: 32,
-  "ICN#": 32,
-  // m => 16 x 16
-  "icm#": 16,
-  icm4: 16,
-  icm8: 16,
-  // s => 16 x 16
-  "ics#": 16,
-  ics4: 16,
-  ics8: 16,
-  is32: 16,
-  s8mk: 16,
-  icp4: 16,
-  // l => 32 x 32
-  icl4: 32,
-  icl8: 32,
-  il32: 32,
-  l8mk: 32,
-  icp5: 32,
-  ic11: 32,
-  // h => 48 x 48
-  ich4: 48,
-  ich8: 48,
-  ih32: 48,
-  h8mk: 48,
-  // . => 64 x 64
-  icp6: 64,
-  ic12: 32,
-  // t => 128 x 128
-  it32: 128,
-  t8mk: 128,
-  ic07: 128,
-  // . => 256 x 256
-  ic08: 256,
-  ic13: 256,
-  // . => 512 x 512
-  ic09: 512,
-  ic14: 512,
-  // . => 1024 x 1024
-  ic10: 1024
-};
-function readImageHeader(input, imageOffset) {
-  const imageLengthOffset = imageOffset + ENTRY_LENGTH_OFFSET;
-  return [
-    toUTF8String(input, imageOffset, imageLengthOffset),
-    readUInt32BE(input, imageLengthOffset)
-  ];
-}
-function getImageSize(type) {
-  const size = ICON_TYPE_SIZE[type];
-  return { width: size, height: size, type };
-}
-const ICNS = {
-  validate: (input) => toUTF8String(input, 0, 4) === "icns",
-  calculate(input) {
-    const inputLength = input.length;
-    const fileLength = readUInt32BE(input, FILE_LENGTH_OFFSET);
-    let imageOffset = SIZE_HEADER;
-    let imageHeader = readImageHeader(input, imageOffset);
-    let imageSize = getImageSize(imageHeader[0]);
-    imageOffset += imageHeader[1];
-    if (imageOffset === fileLength)
-      return imageSize;
-    const result = {
-      height: imageSize.height,
-      images: [imageSize],
-      width: imageSize.width
-    };
-    while (imageOffset < fileLength && imageOffset < inputLength) {
-      imageHeader = readImageHeader(input, imageOffset);
-      imageSize = getImageSize(imageHeader[0]);
-      imageOffset += imageHeader[1];
-      result.images.push(imageSize);
-    }
-    return result;
-  }
-};
-
-const J2C = {
-  // TODO: this doesn't seem right. SIZ marker doesn't have to be right after the SOC
-  validate: (input) => toHexString(input, 0, 4) === "ff4fff51",
-  calculate: (input) => ({
-    height: readUInt32BE(input, 12),
-    width: readUInt32BE(input, 8)
-  })
-};
-
-const JP2 = {
-  validate(input) {
-    if (readUInt32BE(input, 4) !== 1783636e3 || readUInt32BE(input, 0) < 1)
-      return false;
-    const ftypBox = findBox(input, "ftyp", 0);
-    if (!ftypBox)
-      return false;
-    return readUInt32BE(input, ftypBox.offset + 4) === 1718909296;
-  },
-  calculate(input) {
-    const jp2hBox = findBox(input, "jp2h", 0);
-    const ihdrBox = jp2hBox && findBox(input, "ihdr", jp2hBox.offset + 8);
-    if (ihdrBox) {
-      return {
-        height: readUInt32BE(input, ihdrBox.offset + 8),
-        width: readUInt32BE(input, ihdrBox.offset + 12)
-      };
-    }
-    throw new TypeError("Unsupported JPEG 2000 format");
-  }
-};
-
-const EXIF_MARKER = "45786966";
-const APP1_DATA_SIZE_BYTES = 2;
-const EXIF_HEADER_BYTES = 6;
-const TIFF_BYTE_ALIGN_BYTES = 2;
-const BIG_ENDIAN_BYTE_ALIGN = "4d4d";
-const LITTLE_ENDIAN_BYTE_ALIGN = "4949";
-const IDF_ENTRY_BYTES = 12;
-const NUM_DIRECTORY_ENTRIES_BYTES = 2;
-function isEXIF(input) {
-  return toHexString(input, 2, 6) === EXIF_MARKER;
-}
-function extractSize(input, index) {
-  return {
-    height: readUInt16BE(input, index),
-    width: readUInt16BE(input, index + 2)
-  };
-}
-function extractOrientation(exifBlock, isBigEndian) {
-  const idfOffset = 8;
-  const offset = EXIF_HEADER_BYTES + idfOffset;
-  const idfDirectoryEntries = readUInt(exifBlock, 16, offset, isBigEndian);
-  for (let directoryEntryNumber = 0; directoryEntryNumber < idfDirectoryEntries; directoryEntryNumber++) {
-    const start = offset + NUM_DIRECTORY_ENTRIES_BYTES + directoryEntryNumber * IDF_ENTRY_BYTES;
-    const end = start + IDF_ENTRY_BYTES;
-    if (start > exifBlock.length) {
-      return;
-    }
-    const block = exifBlock.slice(start, end);
-    const tagNumber = readUInt(block, 16, 0, isBigEndian);
-    if (tagNumber === 274) {
-      const dataFormat = readUInt(block, 16, 2, isBigEndian);
-      if (dataFormat !== 3) {
-        return;
-      }
-      const numberOfComponents = readUInt(block, 32, 4, isBigEndian);
-      if (numberOfComponents !== 1) {
-        return;
-      }
-      return readUInt(block, 16, 8, isBigEndian);
-    }
-  }
-}
-function validateExifBlock(input, index) {
-  const exifBlock = input.slice(APP1_DATA_SIZE_BYTES, index);
-  const byteAlign = toHexString(
-    exifBlock,
-    EXIF_HEADER_BYTES,
-    EXIF_HEADER_BYTES + TIFF_BYTE_ALIGN_BYTES
-  );
-  const isBigEndian = byteAlign === BIG_ENDIAN_BYTE_ALIGN;
-  const isLittleEndian = byteAlign === LITTLE_ENDIAN_BYTE_ALIGN;
-  if (isBigEndian || isLittleEndian) {
-    return extractOrientation(exifBlock, isBigEndian);
-  }
-}
-function validateInput(input, index) {
-  if (index > input.length) {
-    throw new TypeError("Corrupt JPG, exceeded buffer limits");
-  }
-}
-const JPG = {
-  validate: (input) => toHexString(input, 0, 2) === "ffd8",
-  calculate(input) {
-    input = input.slice(4);
-    let orientation;
-    let next;
-    while (input.length) {
-      const i = readUInt16BE(input, 0);
-      if (input[i] !== 255) {
-        input = input.slice(1);
-        continue;
-      }
-      if (isEXIF(input)) {
-        orientation = validateExifBlock(input, i);
-      }
-      validateInput(input, i);
-      next = input[i + 1];
-      if (next === 192 || next === 193 || next === 194) {
-        const size = extractSize(input, i + 5);
-        if (!orientation) {
-          return size;
-        }
-        return {
-          height: size.height,
-          orientation,
-          width: size.width
-        };
-      }
-      input = input.slice(i + 2);
-    }
-    throw new TypeError("Invalid JPG, no size found");
-  }
-};
-
-const KTX = {
-  validate: (input) => {
-    const signature = toUTF8String(input, 1, 7);
-    return ["KTX 11", "KTX 20"].includes(signature);
-  },
-  calculate: (input) => {
-    const type = input[5] === 49 ? "ktx" : "ktx2";
-    const offset = type === "ktx" ? 36 : 20;
-    return {
-      height: readUInt32LE(input, offset + 4),
-      width: readUInt32LE(input, offset),
-      type
-    };
-  }
-};
-
-const pngSignature = "PNG\r\n\n";
-const pngImageHeaderChunkName = "IHDR";
-const pngFriedChunkName = "CgBI";
-const PNG = {
-  validate(input) {
-    if (pngSignature === toUTF8String(input, 1, 8)) {
-      let chunkName = toUTF8String(input, 12, 16);
-      if (chunkName === pngFriedChunkName) {
-        chunkName = toUTF8String(input, 28, 32);
-      }
-      if (chunkName !== pngImageHeaderChunkName) {
-        throw new TypeError("Invalid PNG");
-      }
-      return true;
-    }
-    return false;
-  },
-  calculate(input) {
-    if (toUTF8String(input, 12, 16) === pngFriedChunkName) {
-      return {
-        height: readUInt32BE(input, 36),
-        width: readUInt32BE(input, 32)
-      };
-    }
-    return {
-      height: readUInt32BE(input, 20),
-      width: readUInt32BE(input, 16)
-    };
-  }
-};
-
-const PNMTypes = {
-  P1: "pbm/ascii",
-  P2: "pgm/ascii",
-  P3: "ppm/ascii",
-  P4: "pbm",
-  P5: "pgm",
-  P6: "ppm",
-  P7: "pam",
-  PF: "pfm"
-};
-const handlers = {
-  default: (lines) => {
-    let dimensions = [];
-    while (lines.length > 0) {
-      const line = lines.shift();
-      if (line[0] === "#") {
-        continue;
-      }
-      dimensions = line.split(" ");
-      break;
-    }
-    if (dimensions.length === 2) {
-      return {
-        height: parseInt(dimensions[1], 10),
-        width: parseInt(dimensions[0], 10)
-      };
-    } else {
-      throw new TypeError("Invalid PNM");
-    }
-  },
-  pam: (lines) => {
-    const size = {};
-    while (lines.length > 0) {
-      const line = lines.shift();
-      if (line.length > 16 || line.charCodeAt(0) > 128) {
-        continue;
-      }
-      const [key, value] = line.split(" ");
-      if (key && value) {
-        size[key.toLowerCase()] = parseInt(value, 10);
-      }
-      if (size.height && size.width) {
-        break;
-      }
-    }
-    if (size.height && size.width) {
-      return {
-        height: size.height,
-        width: size.width
-      };
-    } else {
-      throw new TypeError("Invalid PAM");
-    }
-  }
-};
-const PNM = {
-  validate: (input) => toUTF8String(input, 0, 2) in PNMTypes,
-  calculate(input) {
-    const signature = toUTF8String(input, 0, 2);
-    const type = PNMTypes[signature];
-    const lines = toUTF8String(input, 3).split(/[\r\n]+/);
-    const handler = handlers[type] || handlers.default;
-    return handler(lines);
-  }
-};
-
-const PSD = {
-  validate: (input) => toUTF8String(input, 0, 4) === "8BPS",
-  calculate: (input) => ({
-    height: readUInt32BE(input, 14),
-    width: readUInt32BE(input, 18)
-  })
-};
-
-const svgReg = /<svg\s([^>"']|"[^"]*"|'[^']*')*>/;
-const extractorRegExps = {
-  height: /\sheight=(['"])([^%]+?)\1/,
-  root: svgReg,
-  viewbox: /\sviewBox=(['"])(.+?)\1/i,
-  width: /\swidth=(['"])([^%]+?)\1/
-};
-const INCH_CM = 2.54;
-const units = {
-  in: 96,
-  cm: 96 / INCH_CM,
-  em: 16,
-  ex: 8,
-  m: 96 / INCH_CM * 100,
-  mm: 96 / INCH_CM / 10,
-  pc: 96 / 72 / 12,
-  pt: 96 / 72,
-  px: 1
-};
-const unitsReg = new RegExp(
-  `^([0-9.]+(?:e\\d+)?)(${Object.keys(units).join("|")})?$`
-);
-function parseLength(len) {
-  const m = unitsReg.exec(len);
-  if (!m) {
-    return void 0;
-  }
-  return Math.round(Number(m[1]) * (units[m[2]] || 1));
-}
-function parseViewbox(viewbox) {
-  const bounds = viewbox.split(" ");
-  return {
-    height: parseLength(bounds[3]),
-    width: parseLength(bounds[2])
-  };
-}
-function parseAttributes(root) {
-  const width = root.match(extractorRegExps.width);
-  const height = root.match(extractorRegExps.height);
-  const viewbox = root.match(extractorRegExps.viewbox);
-  return {
-    height: height && parseLength(height[2]),
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
-    viewbox: viewbox && parseViewbox(viewbox[2]),
-    width: width && parseLength(width[2])
-  };
-}
-function calculateByDimensions(attrs) {
-  return {
-    height: attrs.height,
-    width: attrs.width
-  };
-}
-function calculateByViewbox(attrs, viewbox) {
-  const ratio = viewbox.width / viewbox.height;
-  if (attrs.width) {
-    return {
-      height: Math.floor(attrs.width / ratio),
-      width: attrs.width
-    };
-  }
-  if (attrs.height) {
-    return {
-      height: attrs.height,
-      width: Math.floor(attrs.height * ratio)
-    };
-  }
-  return {
-    height: viewbox.height,
-    width: viewbox.width
-  };
-}
-const SVG = {
-  // Scan only the first kilo-byte to speed up the check on larger files
-  validate: (input) => svgReg.test(toUTF8String(input, 0, 1e3)),
-  calculate(input) {
-    const root = toUTF8String(input).match(extractorRegExps.root);
-    if (root) {
-      const attrs = parseAttributes(root[0]);
-      if (attrs.width && attrs.height) {
-        return calculateByDimensions(attrs);
-      }
-      if (attrs.viewbox) {
-        return calculateByViewbox(attrs, attrs.viewbox);
-      }
-    }
-    throw new TypeError("Invalid SVG");
-  }
-};
-
-const TGA = {
-  validate(input) {
-    return readUInt16LE(input, 0) === 0 && readUInt16LE(input, 4) === 0;
-  },
-  calculate(input) {
-    return {
-      height: readUInt16LE(input, 14),
-      width: readUInt16LE(input, 12)
-    };
-  }
-};
-
-function readIFD(input, isBigEndian) {
-  const ifdOffset = readUInt(input, 32, 4, isBigEndian);
-  return input.slice(ifdOffset + 2);
-}
-function readValue(input, isBigEndian) {
-  const low = readUInt(input, 16, 8, isBigEndian);
-  const high = readUInt(input, 16, 10, isBigEndian);
-  return (high << 16) + low;
-}
-function nextTag(input) {
-  if (input.length > 24) {
-    return input.slice(12);
-  }
-}
-function extractTags(input, isBigEndian) {
-  const tags = {};
-  let temp = input;
-  while (temp && temp.length) {
-    const code = readUInt(temp, 16, 0, isBigEndian);
-    const type = readUInt(temp, 16, 2, isBigEndian);
-    const length = readUInt(temp, 32, 4, isBigEndian);
-    if (code === 0) {
-      break;
-    } else {
-      if (length === 1 && (type === 3 || type === 4)) {
-        tags[code] = readValue(temp, isBigEndian);
-      }
-      temp = nextTag(temp);
-    }
-  }
-  return tags;
-}
-function determineEndianness(input) {
-  const signature = toUTF8String(input, 0, 2);
-  if ("II" === signature) {
-    return "LE";
-  } else if ("MM" === signature) {
-    return "BE";
-  }
-}
-const signatures = [
-  // '492049', // currently not supported
-  "49492a00",
-  // Little endian
-  "4d4d002a"
-  // Big Endian
-  // '4d4d002a', // BigTIFF > 4GB. currently not supported
-];
-const TIFF = {
-  validate: (input) => signatures.includes(toHexString(input, 0, 4)),
-  calculate(input) {
-    const isBigEndian = determineEndianness(input) === "BE";
-    const ifdBuffer = readIFD(input, isBigEndian);
-    const tags = extractTags(ifdBuffer, isBigEndian);
-    const width = tags[256];
-    const height = tags[257];
-    if (!width || !height) {
-      throw new TypeError("Invalid Tiff. Missing tags");
-    }
-    return { height, width };
-  }
-};
-
-function calculateExtended(input) {
-  return {
-    height: 1 + readUInt24LE(input, 7),
-    width: 1 + readUInt24LE(input, 4)
-  };
-}
-function calculateLossless(input) {
-  return {
-    height: 1 + ((input[4] & 15) << 10 | input[3] << 2 | (input[2] & 192) >> 6),
-    width: 1 + ((input[2] & 63) << 8 | input[1])
-  };
-}
-function calculateLossy(input) {
-  return {
-    height: readInt16LE(input, 8) & 16383,
-    width: readInt16LE(input, 6) & 16383
-  };
-}
-const WEBP = {
-  validate(input) {
-    const riffHeader = "RIFF" === toUTF8String(input, 0, 4);
-    const webpHeader = "WEBP" === toUTF8String(input, 8, 12);
-    const vp8Header = "VP8" === toUTF8String(input, 12, 15);
-    return riffHeader && webpHeader && vp8Header;
-  },
-  calculate(input) {
-    const chunkHeader = toUTF8String(input, 12, 16);
-    input = input.slice(20, 30);
-    if (chunkHeader === "VP8X") {
-      const extendedHeader = input[0];
-      const validStart = (extendedHeader & 192) === 0;
-      const validEnd = (extendedHeader & 1) === 0;
-      if (validStart && validEnd) {
-        return calculateExtended(input);
-      } else {
-        throw new TypeError("Invalid WebP");
-      }
-    }
-    if (chunkHeader === "VP8 " && input[0] !== 47) {
-      return calculateLossy(input);
-    }
-    const signature = toHexString(input, 3, 6);
-    if (chunkHeader === "VP8L" && signature !== "9d012a") {
-      return calculateLossless(input);
-    }
-    throw new TypeError("Invalid WebP");
-  }
-};
-
-const typeHandlers = /* @__PURE__ */ new Map([
-  ["bmp", BMP],
-  ["cur", CUR],
-  ["dds", DDS],
-  ["gif", GIF],
-  ["heif", HEIF],
-  ["icns", ICNS],
-  ["ico", ICO],
-  ["j2c", J2C],
-  ["jp2", JP2],
-  ["jpg", JPG],
-  ["ktx", KTX],
-  ["png", PNG],
-  ["pnm", PNM],
-  ["psd", PSD],
-  ["svg", SVG],
-  ["tga", TGA],
-  ["tiff", TIFF],
-  ["webp", WEBP]
-]);
-const types = Array.from(typeHandlers.keys());
-
-const firstBytes = /* @__PURE__ */ new Map([
-  [56, "psd"],
-  [66, "bmp"],
-  [68, "dds"],
-  [71, "gif"],
-  [73, "tiff"],
-  [77, "tiff"],
-  [82, "webp"],
-  [105, "icns"],
-  [137, "png"],
-  [255, "jpg"]
-]);
-function detector(input) {
-  const byte = input[0];
-  const type = firstBytes.get(byte);
-  if (type && typeHandlers.get(type).validate(input)) {
-    return type;
-  }
-  return types.find((fileType) => typeHandlers.get(fileType).validate(input));
-}
-
-const globalOptions = {
-  disabledTypes: []
-};
-function lookup(input) {
-  const type = detector(input);
-  if (typeof type !== "undefined") {
-    if (globalOptions.disabledTypes.indexOf(type) > -1) {
-      throw new TypeError("disabled file type: " + type);
-    }
-    const size = typeHandlers.get(type).calculate(input);
-    if (size !== void 0) {
-      size.type = size.type ?? type;
-      return size;
-    }
-  }
-  throw new TypeError("unsupported file type: " + type);
-}
-
-async function probe(url) {
-  const response = await fetch(url);
-  if (!response.body || !response.ok) {
-    throw new Error("Failed to fetch image");
-  }
-  const reader = response.body.getReader();
-  let done, value;
-  let accumulatedChunks = new Uint8Array();
-  while (!done) {
-    const readResult = await reader.read();
-    done = readResult.done;
-    if (done)
-      break;
-    if (readResult.value) {
-      value = readResult.value;
-      let tmp = new Uint8Array(accumulatedChunks.length + value.length);
-      tmp.set(accumulatedChunks, 0);
-      tmp.set(value, accumulatedChunks.length);
-      accumulatedChunks = tmp;
-      try {
-        const dimensions = lookup(accumulatedChunks);
-        if (dimensions) {
-          await reader.cancel();
-          return dimensions;
-        }
-      } catch (error) {
-      }
-    }
-  }
-  throw new Error("Failed to parse the size");
-}
-
-async function getConfiguredImageService() {
-  if (!globalThis?.astroAsset?.imageService) {
-    const { default: service } = await import(
-      // @ts-expect-error
-      '../astro/assets-service_DSoC_W52.mjs'
-    ).then(n => n.s).catch((e) => {
-      const error = new AstroError(InvalidImageService);
-      error.cause = e;
-      throw error;
-    });
-    if (!globalThis.astroAsset)
-      globalThis.astroAsset = {};
-    globalThis.astroAsset.imageService = service;
-    return service;
-  }
-  return globalThis.astroAsset.imageService;
-}
-async function getImage$1(options, imageConfig) {
-  if (!options || typeof options !== "object") {
-    throw new AstroError({
-      ...ExpectedImageOptions,
-      message: ExpectedImageOptions.message(JSON.stringify(options))
-    });
-  }
-  if (typeof options.src === "undefined") {
-    throw new AstroError({
-      ...ExpectedImage,
-      message: ExpectedImage.message(
-        options.src,
-        "undefined",
-        JSON.stringify(options)
-      )
-    });
-  }
-  const service = await getConfiguredImageService();
-  const resolvedOptions = {
-    ...options,
-    src: await resolveSrc(options.src)
-  };
-  if (options.inferSize && isRemoteImage(resolvedOptions.src)) {
-    try {
-      const result = await probe(resolvedOptions.src);
-      resolvedOptions.width ??= result.width;
-      resolvedOptions.height ??= result.height;
-      delete resolvedOptions.inferSize;
-    } catch {
-      throw new AstroError({
-        ...FailedToFetchRemoteImageDimensions,
-        message: FailedToFetchRemoteImageDimensions.message(resolvedOptions.src)
-      });
-    }
-  }
-  const originalFilePath = isESMImportedImage(resolvedOptions.src) ? resolvedOptions.src.fsPath : void 0;
-  const clonedSrc = isESMImportedImage(resolvedOptions.src) ? (
-    // @ts-expect-error - clone is a private, hidden prop
-    resolvedOptions.src.clone ?? resolvedOptions.src
-  ) : resolvedOptions.src;
-  resolvedOptions.src = clonedSrc;
-  const validatedOptions = service.validateOptions ? await service.validateOptions(resolvedOptions, imageConfig) : resolvedOptions;
-  const srcSetTransforms = service.getSrcSet ? await service.getSrcSet(validatedOptions, imageConfig) : [];
-  let imageURL = await service.getURL(validatedOptions, imageConfig);
-  let srcSets = await Promise.all(
-    srcSetTransforms.map(async (srcSet) => ({
-      transform: srcSet.transform,
-      url: await service.getURL(srcSet.transform, imageConfig),
-      descriptor: srcSet.descriptor,
-      attributes: srcSet.attributes
-    }))
-  );
-  if (isLocalService(service) && globalThis.astroAsset.addStaticImage && !(isRemoteImage(validatedOptions.src) && imageURL === validatedOptions.src)) {
-    const propsToHash = service.propertiesToHash ?? DEFAULT_HASH_PROPS;
-    imageURL = globalThis.astroAsset.addStaticImage(
-      validatedOptions,
-      propsToHash,
-      originalFilePath
-    );
-    srcSets = srcSetTransforms.map((srcSet) => ({
-      transform: srcSet.transform,
-      url: globalThis.astroAsset.addStaticImage(srcSet.transform, propsToHash, originalFilePath),
-      descriptor: srcSet.descriptor,
-      attributes: srcSet.attributes
-    }));
-  }
-  return {
-    rawOptions: resolvedOptions,
-    options: validatedOptions,
-    src: imageURL,
-    srcSet: {
-      values: srcSets,
-      attribute: srcSets.map((srcSet) => `${srcSet.url} ${srcSet.descriptor}`).join(", ")
-    },
-    attributes: service.getHTMLAttributes !== void 0 ? await service.getHTMLAttributes(validatedOptions, imageConfig) : {}
-  };
-}
-
-const $$Astro$b = createAstro("https://demo.ecomplus.app");
-const $$Image = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$b, $$props, $$slots);
-  Astro2.self = $$Image;
-  const props = Astro2.props;
-  if (props.alt === void 0 || props.alt === null) {
-    throw new AstroError(ImageMissingAlt);
-  }
-  if (typeof props.width === "string") {
-    props.width = parseInt(props.width);
-  }
-  if (typeof props.height === "string") {
-    props.height = parseInt(props.height);
-  }
-  const image = await getImage(props);
-  const additionalAttributes = {};
-  if (image.srcSet.values.length > 0) {
-    additionalAttributes.srcset = image.srcSet.attribute;
-  }
-  return renderTemplate`${maybeRenderHead()}<img${addAttribute(image.src, "src")}${spreadAttributes(additionalAttributes)}${spreadAttributes(image.attributes)}>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/astro/components/Image.astro", void 0);
-
-const $$Astro$a = createAstro("https://demo.ecomplus.app");
-const $$Picture$1 = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
-  Astro2.self = $$Picture$1;
-  const defaultFormats = ["webp"];
-  const defaultFallbackFormat = "png";
-  const specialFormatsFallback = ["gif", "svg", "jpg", "jpeg"];
-  const { formats = defaultFormats, pictureAttributes = {}, fallbackFormat, ...props } = Astro2.props;
-  if (props.alt === void 0 || props.alt === null) {
-    throw new AstroError(ImageMissingAlt);
-  }
-  const originalSrc = await resolveSrc(props.src);
-  const optimizedImages = await Promise.all(
-    formats.map(
-      async (format) => await getImage({
-        ...props,
-        src: originalSrc,
-        format,
-        widths: props.widths,
-        densities: props.densities
-      })
-    )
-  );
-  let resultFallbackFormat = fallbackFormat ?? defaultFallbackFormat;
-  if (!fallbackFormat && isESMImportedImage(originalSrc) && originalSrc.format in specialFormatsFallback) {
-    resultFallbackFormat = originalSrc.format;
-  }
-  const fallbackImage = await getImage({
-    ...props,
-    format: resultFallbackFormat,
-    widths: props.widths,
-    densities: props.densities
-  });
-  const imgAdditionalAttributes = {};
-  const sourceAdditionalAttributes = {};
-  if (props.sizes) {
-    sourceAdditionalAttributes.sizes = props.sizes;
-  }
-  if (fallbackImage.srcSet.values.length > 0) {
-    imgAdditionalAttributes.srcset = fallbackImage.srcSet.attribute;
-  }
-  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttributes)}>
-	${Object.entries(optimizedImages).map(([_, image]) => {
-    const srcsetAttribute = props.densities || !props.densities && !props.widths ? `${image.src}${image.srcSet.values.length > 0 ? ", " + image.srcSet.attribute : ""}` : image.srcSet.attribute;
-    return renderTemplate`<source${addAttribute(srcsetAttribute, "srcset")}${addAttribute("image/" + image.options.format, "type")}${spreadAttributes(sourceAdditionalAttributes)}>`;
-  })}
-	<img${addAttribute(fallbackImage.src, "src")}${spreadAttributes(imgAdditionalAttributes)}${spreadAttributes(fallbackImage.attributes)}>
-</picture>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/astro/components/Picture.astro", void 0);
-
-const imageConfig = {"service":{"entrypoint":"astro/assets/services/sharp","config":{}},"domains":[],"remotePatterns":[],"endpoint":"astro/assets/endpoint/node"};
-					// This is used by the @astrojs/node integration to locate images.
-					// It's unused on other platforms, but on some platforms like Netlify (and presumably also Vercel)
-					// new URL("dist/...") is interpreted by the bundler as a signal to include that directory
-					// in the Lambda bundle, which would bloat the bundle with images.
-					// To prevent this, we mark the URL construction as pure,
-					// so that it's tree-shaken away for all platforms that don't need it.
-					const outDir = /* #__PURE__ */ new URL("file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/dist/client/");
-					const assetsDir = /* #__PURE__ */ new URL("_astro", outDir);
-					const getImage = async (options) => await getImage$1(options, imageConfig);
-
 const i19aboveOf = "Acima de";
 const i19brands = "Marcas";
 const i19categories = "Categorias";
@@ -2004,9 +1012,8 @@ if (!globalThis.$apiPrefetchEndpoints) {
 }
 const sessions = {};
 global.__sfSessions = sessions;
-const $str = "$storefront";
-if (!globalThis[$str]) {
-  globalThis[$str] = new Proxy({
+if (!globalThis.$storefront) {
+  globalThis.$storefront = new Proxy({
     settings: {},
     data: {},
     url: void 0,
@@ -2348,7 +1355,7 @@ window.ECOM_LANG = '${lang}';
 window.ECOM_CURRENCY = '${currency}';
 window.ECOM_CURRENCY_SYMBOL = '${currencySymbol}';
 window.ECOM_COUNTRY_CODE = '${countryCode}';
-window.GIT_BRANCH = '${{"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.GIT_BRANCH || ""}';
+window.GIT_BRANCH = '${process.env.GIT_BRANCH || ""}';
 window.$storefront = ${JSON.stringify({ settings, data: {} })};`;
   if (apiContext.error) {
     const { message, statusCode } = apiContext.error;
@@ -2415,7 +1422,7 @@ window.$isCmsPreview = true;`;
     logo: `https://${domain}${settings.logo}`
   });
   const generator = `e-com.plus @cloudcommerce/storefront, ${Astro2.generator}`;
-  return renderTemplate(_c || (_c = __template$3(['<meta charset="UTF-8">\n<meta name="viewport" content="width=device-width">\n<meta name="theme-color"', '>\n<link rel="icon" type="image/png"', ' sizes="32x32">\n', "\n", "\n", '\n<meta name="author"', '>\n<meta name="generator"', '>\n<link rel="canonical"', ">\n", '\n<meta name="apple-mobile-web-app-capable" content="yes">\n<meta name="apple-mobile-web-app-status-bar-style" content="default">\n<meta property="og:site_name"', '>\n<meta property="og:url"', '>\n<meta property="og:title"', '>\n<meta property="og:description"', '>\n<meta property="og:type" content="website">\n<meta property="og:locale"', ">\n", "\n", '\n<meta name="twitter:card" content="summary">\n', '\n<meta name="ecom-store-id"', ">\n\n", "\n\n<script>", '</script>\n<script type="application/ld+json">', "</script>\n\n", ""])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title && renderTemplate`<title>${title}</title>`, description && renderTemplate`<meta name="description"${addAttribute(description, "content")}>`, addAttribute(settings.name, "content"), addAttribute(generator, "content"), addAttribute(canonicalUrl, "href"), shortcutIcon && renderTemplate`<link rel="apple-touch-icon"${addAttribute(shortcutIcon, "href")}>`, addAttribute(settings.name, "content"), addAttribute(canonicalUrl, "content"), addAttribute(title, "content"), addAttribute(description, "content"), addAttribute(ogLocale, "content"), ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`, metatagsContent?.fbAppId && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fbAppId, "content")}>`, metatagsContent?.twitterUsername && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitterUsername, "content")}>`, addAttribute(String(storeId), "content"), isPWA , unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd), contextInlineClientJS && renderTemplate(_b || (_b = __template$3(["<script>", "</script>"])), unescapeHTML(contextInlineClientJS)));
+  return renderTemplate(_c || (_c = __template$3(['<meta charset="UTF-8"><meta name="viewport" content="width=device-width"><meta name="theme-color"', '><link rel="icon" type="image/png"', ' sizes="32x32">', "", "", '<meta name="author"', '><meta name="generator"', '><link rel="canonical"', ">", '<meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta property="og:site_name"', '><meta property="og:url"', '><meta property="og:title"', '><meta property="og:description"', '><meta property="og:type" content="website"><meta property="og:locale"', ">", "", '<meta name="twitter:card" content="summary">', '<meta name="ecom-store-id"', ">", "<script>", '</script><script type="application/ld+json">', "</script>", ""])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title && renderTemplate`<title>${title}</title>`, description && renderTemplate`<meta name="description"${addAttribute(description, "content")}>`, addAttribute(settings.name, "content"), addAttribute(generator, "content"), addAttribute(canonicalUrl, "href"), shortcutIcon && renderTemplate`<link rel="apple-touch-icon"${addAttribute(shortcutIcon, "href")}>`, addAttribute(settings.name, "content"), addAttribute(canonicalUrl, "content"), addAttribute(title, "content"), addAttribute(description, "content"), addAttribute(ogLocale, "content"), ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`, metatagsContent?.fbAppId && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fbAppId, "content")}>`, metatagsContent?.twitterUsername && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitterUsername, "content")}>`, addAttribute(String(storeId), "content"), isPWA , unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd), contextInlineClientJS && renderTemplate(_b || (_b = __template$3(["<script>", "</script>"])), unescapeHTML(contextInlineClientJS)));
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", void 0);
 
 function has(value) {
@@ -2652,6 +1659,54 @@ const createPictureGetter = (getImage) => {
   };
 };
 
+const { STOREFRONT_BASE_DIR } = process.env;
+const baseDir = STOREFRONT_BASE_DIR || process.cwd();
+const builtImages = [];
+const manifestFilepath = join(baseDir, "dist/server/images.dist.csv");
+try {
+  readFileSync(manifestFilepath, "utf-8").split(/\n/).forEach((line) => {
+    const [filename, width, height] = line.split(",");
+    builtImages.push({
+      filename,
+      width: Number(width),
+      height: Number(height)
+    });
+  });
+} catch (err) {
+  if (global.$renderStorefront) {
+    console.error(err);
+  }
+}
+builtImages.sort((a, b) => {
+  if (a.width < b.width)
+    return -1;
+  return 1;
+});
+const getBuiltImage = async ({ src, width, format }) => {
+  const filename = src.replace(/^.*\//, "").replace(/.\w+(\?.*)?$/, "");
+  const filenameRegExp = new RegExp(`[_.][a-z0-9]+\\.${format}$`, "i");
+  const matchFilename = (_builtImage) => {
+    return filename === _builtImage.filename.replace(filenameRegExp, "");
+  };
+  let builtImage = builtImages.find((_builtImage) => {
+    return _builtImage.width >= width && matchFilename(_builtImage);
+  });
+  if (!builtImage) {
+    builtImage = builtImages.find(matchFilename);
+  }
+  if (builtImage) {
+    return {
+      src: `/_astro/${builtImage.filename}`,
+      width: builtImage.width,
+      height: builtImage.height
+    };
+  }
+  console.warn(`Could not match built ${format} image for ${src} ${width}px`);
+  return { src, width };
+};
+
+const getBuiltPicture = createPictureGetter(getBuiltImage);
+
 const getAspectRatio = (src, tryImageSize) => {
   if (typeof src === "string") {
     src = tryImageSize(src);
@@ -2804,31 +1859,27 @@ const $$Astro$8 = createAstro("https://demo.ecomplus.app");
 const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
   Astro2.self = $$Picture;
-  const deployRand = {"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.DEPLOY_RAND;
-  const versionSuffix = {"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.BUILD_OUTPUT !== "static" && deployRand ? `&V=${deployRand}` : "";
-  const getImageFilepath = (src) => {
-    const filepath = resolve(process.env.STOREFRONT_BASE_DIR, `public${src}`);
-    if ({"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.BUILD_OUTPUT === "static") {
-      try {
-        copyFileSync(filepath, resolve(
-          process.env.STOREFRONT_BASE_DIR,
-          {"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.BUILD_OUT_DIR || "dist/client",
-          "_astro",
-          basename$1(filepath)
-        ));
-      } catch (err) {
-        console.error(err);
-      }
-    }
-    return filepath;
-  };
+  const { STOREFRONT_BASE_DIR } = process.env;
+  const baseDir = STOREFRONT_BASE_DIR || process.cwd();
+  const originalImages = [];
+  const manifestFilepath = join(baseDir, "dist/server/images.src.csv");
+  readFileSync(manifestFilepath, "utf-8").split(/\n/).forEach((line) => {
+    const [filepath, width, height] = line.split(",");
+    originalImages.push({
+      filepath,
+      width: Number(width),
+      height: Number(height)
+    });
+  });
   const tryImageSize = (src) => {
     let dimensions = {};
     if (typeof src === "string" && src.startsWith("/")) {
-      try {
-        dimensions = imageSize(getImageFilepath(src));
-      } catch (e) {
-        dimensions = {};
+      const originalImage = originalImages.find(({ filepath }) => {
+        return new RegExp(`^/${filepath}\\??.*`).test(src);
+      });
+      if (originalImage) {
+        const { width, height } = originalImage;
+        dimensions = { width, height };
       }
     }
     return dimensions;
@@ -2841,62 +1892,18 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   } = await useSSRPicture({
     ...Astro2.props,
     tryImageSize,
-    getPicture: createPictureGetter(async (imageOptions) => {
-      let imageMetadata;
-      if (imageOptions.src.startsWith("/")) {
-        const imageFilepath = getImageFilepath(imageOptions.src);
-        const { width: width2, height: height2 } = tryImageSize(imageOptions.src);
-        if (width2 && height2) {
-          const mimeType = mime.getType(imageFilepath);
-          if (mimeType?.startsWith("image/")) {
-            imageMetadata = {
-              src: imageFilepath,
-              width: width2,
-              height: height2,
-              // @ts-ignore
-              format: mimeType.replace("image/", "")
-            };
-          }
-        }
-      }
-      const {
-        src,
-        attributes: { width, height }
-      } = await getImage({
-        ...imageOptions,
-        src: imageMetadata || imageOptions.src
-      });
-      return { src, width, height };
-    }),
+    getPicture: getBuiltPicture,
     assetsPrefix: Astro2.locals.assetsPrefix
   });
-  if (imgAttrs) {
-    imgAttrs.src += versionSuffix;
-  }
-  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttrs)}>
-  ${sources.map((attrs) => {
-    if (versionSuffix) {
-      attrs.srcset = attrs.srcset.replace(/\s(\w+)$/, `${versionSuffix} $1`);
-    }
-    return renderTemplate`<source${spreadAttributes(attrs)}${addAttribute(sizes, "sizes")}>`;
-  })}
-  ${imgAttrs && renderTemplate`<img${spreadAttributes(imgAttrs)}>`}
-</picture>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/Picture.astro", void 0);
+  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttrs)}> ${sources.map((attrs) => renderTemplate`<source${spreadAttributes(attrs)}${addAttribute(sizes, "sizes")}>`)} ${imgAttrs && renderTemplate`<img${spreadAttributes(imgAttrs)}>`} </picture>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/images/Picture.runtime.astro", void 0);
 
 const $$Astro$7 = createAstro("https://demo.ecomplus.app");
 const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$7, $$props, $$slots);
   Astro2.self = $$BaseBody;
   const { settings } = Astro2.locals.routeContext;
-  return renderTemplate`${maybeRenderHead()}<body style="visibility:hidden" class="!visible"> <!-- Prevent FOUC -->
-  <div id="teleported-overlap" class="relative z-[59]"></div>
-  <div id="teleported-top" class="relative z-[19]"></div>
-  ${renderSlot$1($$result, $$slots["default"])}
-  ${renderSlot$1($$result, $$slots["before-body-end"])}
-  <div id="teleported-bottom" class="relative z-[19]"></div>
-  ${settings.icon && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": settings.icon, "alt": "Icon", "formats": ["png"], "widths": [32, 192, 512], "sizes": "32px", "class": "absolute hidden", "style": "bottom: -1000px", "hasImg": false })}`}
-</body>`;
+  return renderTemplate`${maybeRenderHead()}<body style="visibility:hidden" class="!visible"> <!-- Prevent FOUC --> <div id="teleported-overlap" class="relative z-[59]"></div> <div id="teleported-top" class="relative z-[19]"></div> ${renderSlot$1($$result, $$slots["default"])} ${renderSlot$1($$result, $$slots["before-body-end"])} <div id="teleported-bottom" class="relative z-[19]"></div> ${settings.icon && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": settings.icon, "alt": "Icon", "formats": ["png"], "widths": [32, 192, 512], "sizes": "32px", "class": "absolute hidden", "style": "bottom: -1000px", "hasImg": false })}`} </body>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro", void 0);
 
 const $$Astro$6 = createAstro("https://demo.ecomplus.app");
@@ -2905,16 +1912,7 @@ const $$Base$1 = createComponent(async ($$result, $$props, $$slots) => {
   Astro2.self = $$Base$1;
   const { getContent } = Astro2.locals.routeContext;
   const { customCode } = await getContent("layout");
-  return renderTemplate`${renderComponent($$result, "Head", Head, {}, { "default": ($$result2) => renderTemplate`
-  ${renderSlot$1($$result2, $$slots["base-head"])}
-  ${customCode?.css && renderTemplate`<style>{customCode.css}</style>`}${customCode?.htmlHead && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlHead)}` })}`}${renderSlot$1($$result2, $$slots["base-head-scripts"])}
-  ${renderSlot$1($$result2, $$slots["before-head-end"])}
-` })}
-${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2) => renderTemplate`
-  ${renderSlot$1($$result2, $$slots["default"])}
-  ${customCode?.htmlBody && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlBody)}` })}`}${renderSlot$1($$result2, $$slots["base-body-scripts"])}
-  ${renderSlot$1($$result2, $$slots["before-body-end"])}
-` })}`;
+  return renderTemplate`${renderComponent($$result, "Head", Head, {}, { "default": ($$result2) => renderTemplate` ${renderSlot$1($$result2, $$slots["base-head"])} ${customCode?.css && renderTemplate`<style>{customCode.css}</style>`}${customCode?.htmlHead && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlHead)}` })}`}${renderSlot$1($$result2, $$slots["base-head-scripts"])} ${renderSlot$1($$result2, $$slots["before-head-end"])} ` })} ${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2) => renderTemplate` ${renderSlot$1($$result2, $$slots["default"])} ${customCode?.htmlBody && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlBody)}` })}`}${renderSlot$1($$result2, $$slots["base-body-scripts"])} ${renderSlot$1($$result2, $$slots["before-body-end"])} ` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro", void 0);
 
 var __freeze$2 = Object.freeze;
@@ -2932,13 +1930,7 @@ const $$Astro$4 = createAstro("https://demo.ecomplus.app");
 const $$Base = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
   Astro2.self = $$Base;
-  return renderTemplate`${renderComponent($$result, "SfBase", $$Base$1, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "base-head" }, { "default": ($$result3) => renderTemplate`
-    ${renderSlot$1($$result3, $$slots["base-head"])}
-  ` })}`, "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`
-  
-  
-  ${renderSlot$1($$result2, $$slots["default"])}
-` })}`;
+  return renderTemplate`${renderComponent($$result, "SfBase", $$Base$1, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "base-head" }, { "default": ($$result3) => renderTemplate` ${renderSlot$1($$result3, $$slots["base-head"])} ` })}`, "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`   ${renderSlot$1($$result2, $$slots["default"])} ` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro", void 0);
 
 const emitter = new EventEmitter();
@@ -4018,10 +3010,11 @@ const isLogged = computed(() => {
   return isAuthenticated.value || !!firebaseAuth?.currentUser?.emailVerified;
 });
 const logout = () => {
-  session.auth = emptySession.auth;
-  session.customer = emptySession.customer;
-  localStorage.removeItem(storageKey);
-  firebaseAuth.signOut();
+  firebaseAuth.signOut().then(() => {
+    session.auth = emptySession.auth;
+    session.customer = emptySession.customer;
+    localStorage.removeItem(storageKey);
+  });
 };
 const initializeFirebaseAuth = (canWaitIdle) => {
   return;
@@ -5636,8 +4629,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     __expose();
-    const SearchModal = defineAsyncComponent(() => import('../SearchModal_CGNQss2j.mjs'));
-    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar_tmly-0ip.mjs'));
+    const SearchModal = defineAsyncComponent(() => import('../SearchModal_O1xTrm-9.mjs'));
+    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar_kQSDOTj2.mjs'));
     const props = __props;
     const header = ref(null);
     const searchInput = ref(null);
@@ -5912,13 +4905,7 @@ const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
     shopHeader
   } = await usePageHeader({ routeContext });
   const { getInlineClientJS } = await useSharedData({ field: "categories" });
-  return renderTemplate`${renderSlot$1($$result, $$slots["pitch-bar"], renderTemplate(_a$1 || (_a$1 = __template$1(["\n  ", "\n\n<script async>", "<\/script>\n", ""])), pitchBar.slides.length > 1 || isPreview ? renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar, "client:sf": "lazy", "client:component-hydration": "sf", "client:component-path": "~/components/PitchBar.vue", "client:component-export": "default" })}` : renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar })}`, unescapeHTML(getInlineClientJS()), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:sf": "data:categories", "client:component-hydration": "sf", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`
-    ${maybeRenderHead()}<a href="/">
-      ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate`
-        ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "fetchpriority": "high", "loading": "eager", "class": "mx-auto max-w-[150px] hover:drop-shadow-sm" })}
-      ` })}
-    </a>
-  ` })}` })))}`;
+  return renderTemplate`${renderSlot$1($$result, $$slots["pitch-bar"], renderTemplate(_a$1 || (_a$1 = __template$1([" ", " <script async>", "<\/script> ", ""])), pitchBar.slides.length > 1 || isPreview ? renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar, "client:sf": "lazy", "client:component-hydration": "sf", "client:component-path": "~/components/PitchBar.vue", "client:component-export": "default" })}` : renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar })}`, unescapeHTML(getInlineClientJS()), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:sf": "data:categories", "client:component-hydration": "sf", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate` ${maybeRenderHead()}<a href="/"> ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate` ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "fetchpriority": "high", "loading": "eager", "class": "mx-auto max-w-[150px] hover:drop-shadow-sm" })} ` })} </a> ` })}` })))}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageHeader.astro", void 0);
 
 var __freeze = Object.freeze;
@@ -5930,27 +4917,10 @@ const $$Fallback = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$2, $$props, $$slots);
   Astro2.self = $$Fallback;
   const { statusCode } = Astro2.props;
-  return renderTemplate`${maybeRenderHead()}<main>
-  <article class="mx-auto px-8 pb-32 pt-20 prose">
-    <h1>${i19error} :/</h1>
-    <p${addAttribute(`${!statusCode || statusCode === 404 ? "hidden " : ""}text-xl`, "class")} id="errorMsg">
-      ${i19errorMsg}
-    </p>
-    <p${addAttribute(`${statusCode !== 404 ? "hidden " : ""}text-xl`, "class")} id="404Msg">
-      ${i19notFound} (404)
-    </p>
-    ${!statusCode && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`
-      <p class="text-xl" id="loadingMsg">
-        ... ... ...
-      </p>
-    ` })}`}
-    <a href="/" class="text-2xl">
-      <i class="mr-1 rotate-180 i-arrow-right"></i>
-      ${i19home}
-    </a>
-  </article>
-  ${!statusCode && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate(_a || (_a = __template(["\n    <script>\n      const msgId = window.location.search.includes('status=404')\n        ? '404Msg' : '5xxMsg';\n      document.getElementById(msgId)!.style.display = 'block';\n      document.getElementById('loadingMsg')!.style.display = 'none';\n    <\/script>\n  "]))) })}`}
-</main>`;
+  return renderTemplate`${maybeRenderHead()}<main> <article class="mx-auto px-8 pb-32 pt-20 prose"> <h1>${i19error} :/</h1> <p${addAttribute(`${!statusCode || statusCode === 404 ? "hidden " : ""}text-xl`, "class")} id="errorMsg"> ${i19errorMsg} </p> <p${addAttribute(`${statusCode !== 404 ? "hidden " : ""}text-xl`, "class")} id="404Msg"> ${i19notFound} (404)
+</p> ${!statusCode && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate` <p class="text-xl" id="loadingMsg">
+... ... ...
+</p> ` })}`} <a href="/" class="text-2xl"> <i class="mr-1 rotate-180 i-arrow-right"></i> ${i19home} </a> </article> ${!statusCode && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate(_a || (_a = __template([" <script>\n      const msgId = window.location.search.includes('status=404')\n        ? '404Msg' : '5xxMsg';\n      document.getElementById(msgId)!.style.display = 'block';\n      document.getElementById('loadingMsg')!.style.display = 'none';\n    <\/script> "]))) })}`} </main>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Fallback.astro", void 0);
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -6291,13 +5261,7 @@ const $$PageFooter = createComponent(async ($$result, $$props, $$slots) => {
       }
     }
   }
-  return renderTemplate`${renderComponent($$result, "ShopFooter", ShopFooter, { "stamps": stamps, "categories": mainCategories, "categoriesColTitle": categoriesList?.title, "pageLinks": pageLinks, "pagesColTitle": pagesList?.title }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`
-    ${maybeRenderHead()}<a href="/">
-      ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate`
-        ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "loading": "lazy", "class": "max-w-[150px]" })}
-      ` })}
-    </a>
-  ` })}` })}`;
+  return renderTemplate`${renderComponent($$result, "ShopFooter", ShopFooter, { "stamps": stamps, "categories": mainCategories, "categoriesColTitle": categoriesList?.title, "pageLinks": pageLinks, "pagesColTitle": pagesList?.title }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate` ${maybeRenderHead()}<a href="/"> ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate` ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "loading": "lazy", "class": "max-w-[150px]" })} ` })} </a> ` })}` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageFooter.astro", void 0);
 
 const $$Astro = createAstro("https://demo.ecomplus.app");
@@ -6311,17 +5275,7 @@ const $$404 = createComponent(async ($$result, $$props, $$slots) => {
     return err.astroResponse;
   }
   const { settings } = routeContext;
-  return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}>
-${renderComponent($$result, "Base", $$Base, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "base-head" }, { "default": ($$result3) => renderTemplate`
-    ${renderComponent($$result3, "BaseHead", $$BaseHead, {})}
-    <title>${`${i19notFound} | ${settings.name}`}</title>
-  ` })}`, "default": ($$result2) => renderTemplate`
-  
-  ${renderComponent($$result2, "PageHeader", $$PageHeader, {})}
-  ${renderComponent($$result2, "FallbackMain", $$Fallback, { "statusCode": 404 })}
-  ${renderComponent($$result2, "PageFooter", $$PageFooter, {})}
-` })}
-</html>`;
+  return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}> ${renderComponent($$result, "Base", $$Base, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "base-head" }, { "default": ($$result3) => renderTemplate`${renderComponent($$result3, "BaseHead", $$BaseHead, {})}<title>${`${i19notFound} | ${settings.name}`}</title>` })}`, "default": ($$result2) => renderTemplate`${renderComponent($$result2, "PageHeader", $$PageHeader, {})}${renderComponent($$result2, "FallbackMain", $$Fallback, { "statusCode": 404 })}${renderComponent($$result2, "PageFooter", $$PageFooter, {})}` })}</html>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/404.astro", void 0);
 
 const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/404.astro";
@@ -6334,4 +5288,4 @@ const _404 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { $$Picture as $, fetchModule as A, i19workingDays as B, i19days as C, i19untilTomorrow as D, i19pickUpToday as E, i19receiveToday as F, i19free as G, i19freeShipping as H, Drawer as I, getConfig as J, loadRouteContext as K, $$Base as L, $$BaseHead as M, $$PageHeader as N, $$PageFooter as O, i19myAccount as P, FooterStamps as Q, i19shoppingCart as R, imageConfig as S, assetsDir as T, outDir as U, i19error as V, $$Fallback as W, mod as X, createApp as Y, onRequest as Z, _export_sfc as _, useSectionPreview as a, clearAccents as a0, getSearchUrl as a1, parseProduct as a2, removeCartItem as a3, freeShippingFromValue as a4, shoppingCart as a5, totalItems as a6, _404 as a7, useStorage as b, i19brands as c, i19categories as d, i19upTo as e, i19aboveOf as f, i19relevance as g, i19sales as h, i19relatedProducts as i, i19lowestPrice as j, i19highestPrice as k, i19discount as l, i19releases as m, i19name as n, isScreenLg as o, parseShippingPhrase as p, slugify as q, availableExtraDiscount as r, scrollToEl as s, installmentsOption as t, useSharedData as u, discountOption as v, loyaltyPointsPrograms as w, addProductToCart as x, isMobile as y, useId as z };
+export { $$Picture as $, fetchModule as A, i19workingDays as B, i19days as C, i19untilTomorrow as D, i19pickUpToday as E, i19receiveToday as F, i19free as G, i19freeShipping as H, Drawer as I, getConfig as J, loadRouteContext as K, $$Base as L, $$BaseHead as M, $$PageHeader as N, $$PageFooter as O, i19myAccount as P, FooterStamps as Q, i19shoppingCart as R, i19error as S, $$Fallback as T, mod as U, createApp as V, onRequest as W, clearAccents as X, getSearchUrl as Y, parseProduct as Z, _export_sfc as _, useSectionPreview as a, removeCartItem as a0, freeShippingFromValue as a1, shoppingCart as a2, totalItems as a3, _404 as a4, useStorage as b, i19brands as c, i19categories as d, i19upTo as e, i19aboveOf as f, i19relevance as g, i19sales as h, i19relatedProducts as i, i19lowestPrice as j, i19highestPrice as k, i19discount as l, i19releases as m, i19name as n, isScreenLg as o, parseShippingPhrase as p, slugify as q, availableExtraDiscount as r, scrollToEl as s, installmentsOption as t, useSharedData as u, discountOption as v, loyaltyPointsPrograms as w, addProductToCart as x, isMobile as y, useId as z };