cloudcommerce 0.0.83 → 0.0.85

package/packages/storefront/dist/server/entry.mjs

@@ -1,19 +1,27 @@
 import * as adapter from '@astrojs/node/server.js';
-import { defineComponent, h, createSSRApp } from 'vue';
-import { renderToString as renderToString$1 } from 'vue/server-renderer';
+import { defineComponent, h, createSSRApp, mergeProps, createVNode as createVNode$1, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, useSSRContext } from 'vue';
+import { renderToString as renderToString$1, ssrRenderAttrs, ssrRenderSlot, ssrRenderVNode, ssrInterpolate, ssrRenderClass, ssrRenderList, ssrRenderAttr } from 'vue/server-renderer';
 import { escape } from 'html-escaper';
 import mime from 'mime';
-import sharp from 'sharp';
+import sharp$1 from 'sharp';
 /* empty css                                                     */import { fileURLToPath } from 'url';
 import fs from 'fs';
 import { resolve } from 'path';
 import Deepmerge from '@fastify/deepmerge';
-/* empty css                                           */import * as $$module1$6 from 'color';
+/* empty css                                           */import * as $$module1$7 from 'color';
 import $$module1__default$1 from 'color';
-import * as $$module1$5 from '@ecomplus/utils';
+import * as $$module1$6 from '@ecomplus/utils';
 import $$module1__default from '@ecomplus/utils';
-/* empty css                        *//* empty css                                 *//* empty css                           *//* empty css                            */import 'kleur/colors';
-import 'string-width';
+import sizeOf from 'image-size';
+import 'kleur/colors';
+import 'node:fs/promises';
+import 'node:os';
+import 'node:path';
+import 'node:url';
+import 'magic-string';
+import 'node:stream';
+import 'slash';
+/* empty css                        *//* empty css                                 *//* empty css                           *//* empty css                            */import 'string-width';
 import 'path-browserify';
 import { compile } from 'path-to-regexp';
 
@@ -53,7 +61,7 @@ const _renderer1 = {
 	renderToStaticMarkup: renderToStaticMarkup$1,
 };
 
-const ASTRO_VERSION = "1.2.6";
+const ASTRO_VERSION = "1.3.0";
 function createDeprecatedFetchContentFn() {
   return () => {
     throw new Error("Deprecated: Astro.fetchContent() has been replaced with Astro.glob().");
@@ -89,7 +97,15 @@ function createAstro(filePathname, _site, projectRootStr) {
 }
 
 const escapeHTML = escape;
+class HTMLBytes extends Uint8Array {
+  get [Symbol.toStringTag]() {
+    return "HTMLBytes";
+  }
+}
 class HTMLString extends String {
+  get [Symbol.toStringTag]() {
+    return "HTMLString";
+  }
 }
 const markHTMLString = (value) => {
   if (value instanceof HTMLString) {
@@ -100,6 +116,38 @@ const markHTMLString = (value) => {
   }
   return value;
 };
+function markHTMLBytes(bytes) {
+  return new HTMLBytes(bytes);
+}
+async function* unescapeChunksAsync(iterable) {
+  for await (const chunk of iterable) {
+    yield unescapeHTML(chunk);
+  }
+}
+function* unescapeChunks(iterable) {
+  for (const chunk of iterable) {
+    yield unescapeHTML(chunk);
+  }
+}
+function unescapeHTML(str) {
+  if (!!str && typeof str === "object") {
+    if (str instanceof Uint8Array) {
+      return markHTMLBytes(str);
+    } else if (str instanceof Response && str.body) {
+      const body = str.body;
+      return unescapeChunksAsync(body);
+    } else if (typeof str.then === "function") {
+      return Promise.resolve(str).then((value) => {
+        return unescapeHTML(value);
+      });
+    } else if (Symbol.iterator in str) {
+      return unescapeChunks(str);
+    } else if (Symbol.asyncIterator in str) {
+      return unescapeChunksAsync(str);
+    }
+  }
+  return markHTMLString(str);
+}
 
 class Metadata {
   constructor(filePathname, opts) {
@@ -172,7 +220,10 @@ const PROP_TYPE = {
   Map: 4,
   Set: 5,
   BigInt: 6,
-  URL: 7
+  URL: 7,
+  Uint8Array: 8,
+  Uint16Array: 9,
+  Uint32Array: 10
 };
 function serializeArray(value, metadata = {}, parents = /* @__PURE__ */ new WeakSet()) {
   if (parents.has(value)) {
@@ -232,6 +283,15 @@ function convertToSerializedForm(value, metadata = {}, parents = /* @__PURE__ */
     case "[object Array]": {
       return [PROP_TYPE.JSON, JSON.stringify(serializeArray(value, metadata, parents))];
     }
+    case "[object Uint8Array]": {
+      return [PROP_TYPE.Uint8Array, JSON.stringify(Array.from(value))];
+    }
+    case "[object Uint16Array]": {
+      return [PROP_TYPE.Uint16Array, JSON.stringify(Array.from(value))];
+    }
+    case "[object Uint32Array]": {
+      return [PROP_TYPE.Uint32Array, JSON.stringify(Array.from(value))];
+    }
     default: {
       if (value !== null && typeof value === "object") {
         return [PROP_TYPE.Value, serializeObject(value, metadata, parents)];
@@ -384,7 +444,7 @@ var only_prebuilt_default = `(self.Astro=self.Astro||{}).only=t=>{(async()=>awai
 
 var visible_prebuilt_default = `(self.Astro=self.Astro||{}).visible=(s,c,n)=>{const r=async()=>{await(await s())()};let i=new IntersectionObserver(e=>{for(const t of e)if(!!t.isIntersecting){i.disconnect(),r();break}});for(let e=0;e<n.children.length;e++){const t=n.children[e];i.observe(t)}},window.dispatchEvent(new Event("astro:visible"));`;
 
-var astro_island_prebuilt_default = `var l;{const c={0:t=>t,1:t=>JSON.parse(t,o),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(JSON.parse(t,o)),5:t=>new Set(JSON.parse(t,o)),6:t=>BigInt(t),7:t=>new URL(t)},o=(t,s)=>{if(t===""||!Array.isArray(s))return s;const[e,n]=s;return e in c?c[e](n):void 0};customElements.get("astro-island")||customElements.define("astro-island",(l=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=()=>{if(!this.hydrator||this.parentElement&&this.parentElement.closest("astro-island[ssr]"))return;const s=this.querySelectorAll("astro-slot"),e={},n=this.querySelectorAll("template[data-astro-template]");for(const r of n){const i=r.closest(this.tagName);!i||!i.isSameNode(this)||(e[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(const r of s){const i=r.closest(this.tagName);!i||!i.isSameNode(this)||(e[r.getAttribute("name")||"default"]=r.innerHTML)}const a=this.hasAttribute("props")?JSON.parse(this.getAttribute("props"),o):{};this.hydrator(this)(this.Component,a,e,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),window.removeEventListener("astro:hydrate",this.hydrate),window.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((s,e)=>{e.disconnect(),this.childrenConnectedCallback()}).observe(this,{childList:!0})}async childrenConnectedCallback(){window.addEventListener("astro:hydrate",this.hydrate);let s=this.getAttribute("before-hydration-url");s&&await import(s),this.start()}start(){const s=JSON.parse(this.getAttribute("opts")),e=this.getAttribute("client");if(Astro[e]===void 0){window.addEventListener(\`astro:\${e}\`,()=>this.start(),{once:!0});return}Astro[e](async()=>{const n=this.getAttribute("renderer-url"),[a,{default:r}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),i=this.getAttribute("component-export")||"default";if(!i.includes("."))this.Component=a[i];else{this.Component=a;for(const d of i.split("."))this.Component=this.Component[d]}return this.hydrator=r,this.hydrate},s,this)}attributeChangedCallback(){this.hydrator&&this.hydrate()}},l.observedAttributes=["props"],l))}`;
+var astro_island_prebuilt_default = `var l;{const c={0:t=>t,1:t=>JSON.parse(t,o),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(JSON.parse(t,o)),5:t=>new Set(JSON.parse(t,o)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(JSON.parse(t)),9:t=>new Uint16Array(JSON.parse(t)),10:t=>new Uint32Array(JSON.parse(t))},o=(t,s)=>{if(t===""||!Array.isArray(s))return s;const[e,n]=s;return e in c?c[e](n):void 0};customElements.get("astro-island")||customElements.define("astro-island",(l=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=()=>{if(!this.hydrator||this.parentElement&&this.parentElement.closest("astro-island[ssr]"))return;const s=this.querySelectorAll("astro-slot"),e={},n=this.querySelectorAll("template[data-astro-template]");for(const r of n){const i=r.closest(this.tagName);!i||!i.isSameNode(this)||(e[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(const r of s){const i=r.closest(this.tagName);!i||!i.isSameNode(this)||(e[r.getAttribute("name")||"default"]=r.innerHTML)}const a=this.hasAttribute("props")?JSON.parse(this.getAttribute("props"),o):{};this.hydrator(this)(this.Component,a,e,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),window.removeEventListener("astro:hydrate",this.hydrate),window.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((s,e)=>{e.disconnect(),this.childrenConnectedCallback()}).observe(this,{childList:!0})}async childrenConnectedCallback(){window.addEventListener("astro:hydrate",this.hydrate);let s=this.getAttribute("before-hydration-url");s&&await import(s),this.start()}start(){const s=JSON.parse(this.getAttribute("opts")),e=this.getAttribute("client");if(Astro[e]===void 0){window.addEventListener(\`astro:\${e}\`,()=>this.start(),{once:!0});return}Astro[e](async()=>{const n=this.getAttribute("renderer-url"),[a,{default:r}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),i=this.getAttribute("component-export")||"default";if(!i.includes("."))this.Component=a[i];else{this.Component=a;for(const d of i.split("."))this.Component=this.Component[d]}return this.hydrator=r,this.hydrate},s,this)}attributeChangedCallback(){this.hydrator&&this.hydrate()}},l.observedAttributes=["props"],l))}`;
 
 function determineIfNeedsHydrationScript(result) {
   if (result._metadata.hasHydrationScript) {
@@ -425,6 +485,8 @@ function getPrescripts(type, directive) {
 
 const Fragment = Symbol.for("astro:fragment");
 const Renderer = Symbol.for("astro:renderer");
+const encoder = new TextEncoder();
+const decoder = new TextDecoder();
 function stringifyChunk(result, chunk) {
   switch (chunk.type) {
     case "directive": {
@@ -444,6 +506,48 @@ function stringifyChunk(result, chunk) {
     }
   }
 }
+class HTMLParts {
+  constructor() {
+    this.parts = [];
+  }
+  append(part, result) {
+    if (ArrayBuffer.isView(part)) {
+      this.parts.push(part);
+    } else {
+      this.parts.push(stringifyChunk(result, part));
+    }
+  }
+  toString() {
+    let html = "";
+    for (const part of this.parts) {
+      if (ArrayBuffer.isView(part)) {
+        html += decoder.decode(part);
+      } else {
+        html += part;
+      }
+    }
+    return html;
+  }
+  toArrayBuffer() {
+    this.parts.forEach((part, i) => {
+      if (typeof part === "string") {
+        this.parts[i] = encoder.encode(String(part));
+      }
+    });
+    return concatUint8Arrays(this.parts);
+  }
+}
+function concatUint8Arrays(arrays) {
+  let len = 0;
+  arrays.forEach((arr) => len += arr.length);
+  let merged = new Uint8Array(len);
+  let offset = 0;
+  arrays.forEach((arr) => {
+    merged.set(arr, offset);
+    offset += arr.length;
+  });
+  return merged;
+}
 
 function validateComponentProps(props, displayName) {
   var _a;
@@ -505,11 +609,11 @@ async function renderToString(result, componentFactory, props, children) {
     const response = Component;
     throw response;
   }
-  let html = "";
+  let parts = new HTMLParts();
   for await (const chunk of renderAstroComponent(Component)) {
-    html += stringifyChunk(result, chunk);
+    parts.append(chunk, result);
   }
-  return html;
+  return parts.toString();
 }
 async function renderToIterable(result, componentFactory, displayName, props, children) {
   validateComponentProps(props, displayName);
@@ -541,7 +645,9 @@ async function* renderChild(child) {
     yield markHTMLString(escapeHTML(child));
   } else if (!child && child !== 0) ; else if (child instanceof AstroComponent || Object.prototype.toString.call(child) === "[object AstroComponent]") {
     yield* renderAstroComponent(child);
-  } else if (typeof child === "object" && Symbol.asyncIterator in child) {
+  } else if (ArrayBuffer.isView(child)) {
+    yield child;
+  } else if (typeof child === "object" && (Symbol.asyncIterator in child || Symbol.iterator in child)) {
     yield* child;
   } else {
     yield child;
@@ -1009,8 +1115,6 @@ async function* maybeRenderHead(result) {
 
 typeof process === "object" && Object.prototype.toString.call(process) === "[object process]";
 
-new TextEncoder();
-
 function createComponent(cb) {
   cb.isAstroComponentFactory = true;
   return cb;
@@ -1240,12 +1344,11 @@ async function renderJSX(result, vnode) {
         );
       }
       if (typeof output !== "string" && Symbol.asyncIterator in output) {
-        let body = "";
+        let parts = new HTMLParts();
         for await (const chunk of output) {
-          let html = stringifyChunk(result, chunk);
-          body += html;
+          parts.append(chunk, result);
         }
-        return markHTMLString(body);
+        return markHTMLString(parts.toString());
       } else {
         return markHTMLString(output);
       }
@@ -1316,9 +1419,26 @@ var server_default = {
 function isOutputFormat(value) {
   return ["avif", "jpeg", "png", "webp"].includes(value);
 }
+function isOutputFormatSupportsAlpha(value) {
+  return ["avif", "png", "webp"].includes(value);
+}
 function isAspectRatioString(value) {
   return /^\d*:\d*$/.test(value);
 }
+function parseAspectRatio(aspectRatio) {
+  if (!aspectRatio) {
+    return void 0;
+  }
+  if (typeof aspectRatio === "number") {
+    return aspectRatio;
+  } else {
+    const [width, height] = aspectRatio.split(":");
+    return parseInt(width) / parseInt(height);
+  }
+}
+function isSSRService(service) {
+  return "transform" in service;
+}
 
 class SharpService {
   async getImageAttributes(transform) {
@@ -1394,7 +1514,7 @@ class SharpService {
     return transform;
   }
   async transform(inputBuffer, transform) {
-    const sharpImage = sharp(inputBuffer, { failOnError: false, pages: -1 });
+    const sharpImage = sharp$1(inputBuffer, { failOnError: false, pages: -1 });
     sharpImage.rotate();
     if (transform.width || transform.height) {
       const width = transform.width && Math.round(transform.width);
@@ -1407,11 +1527,11 @@ class SharpService {
         background: transform.background
       });
     }
-    if (transform.background) {
-      sharpImage.flatten({ background: transform.background });
-    }
     if (transform.format) {
       sharpImage.toFormat(transform.format, { quality: transform.quality });
+      if (transform.background && !isOutputFormatSupportsAlpha(transform.format)) {
+        sharpImage.flatten({ background: transform.background });
+      }
     }
     const { data, info } = await sharpImage.toBuffer({ resolveWithObject: true });
     return {
@@ -1423,6 +1543,11 @@ class SharpService {
 const service = new SharpService();
 var sharp_default = service;
 
+const sharp = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+	__proto__: null,
+	default: sharp_default
+}, Symbol.toStringTag, { value: 'Module' }));
+
 const fnv1a52 = (str) => {
   const len = str.length;
   let i = 0, t0 = 0, v0 = 8997, t1 = 0, v1 = 33826, t2 = 0, v2 = 40164, t3 = 0, v3 = 52210;
@@ -1493,8 +1618,11 @@ const _page0 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	get: get$1
 }, Symbol.toStringTag, { value: 'Module' }));
 
+if (!globalThis.__apiCache) {
+  globalThis.__apiCache = {};
+}
 // @ts-ignore
-const _env$1 = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true},{LANG:process.env.LANG,ECOM_STORE_ID:process.env.ECOM_STORE_ID,BASE_URL:'/',}))
+const _env$1 = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true},{LANG:process.env.LANG,ECOM_STORE_ID:process.env.ECOM_STORE_ID,SSR:true,BASE_URL:'/',}))
     || (typeof process === 'object' && process?.env)
     || globalThis;
 class ApiError extends Error {
@@ -1574,7 +1702,19 @@ const setMiddleware = (middleware) => {
 };
 const api = async (config, retries = 0) => {
   const { url, headers } = def.middleware(config);
-  const { method, timeout = 20000, maxRetries = 3 } = config;
+  const {
+    method = 'get', timeout = 20000, maxRetries = 3, cacheMaxAge = 600000, // 10 minutes
+  } = config;
+  const canCache = method === 'get'
+        && (config.canCache || (config.canCache === undefined && _env$1.SSR));
+  let cacheKey;
+  if (canCache) {
+    cacheKey = `${url}${JSON.stringify(headers)}`;
+    const cached = globalThis.__apiCache[cacheKey];
+    if (cached && Date.now() - cached.timestamp <= cacheMaxAge) {
+      return { ...cached.res, config };
+    }
+  }
   const bodyObject = config.body || config.data;
   let body;
   if (bodyObject) {
@@ -1602,11 +1742,17 @@ const api = async (config, retries = 0) => {
   clearTimeout(timer);
   if (response) {
     if (response.ok) {
-      return {
+      const res = {
         ...response,
-        config,
         data: await response.json(),
       };
+      if (canCache && cacheKey) {
+        globalThis.__apiCache[cacheKey] = {
+          timestamp: Date.now(),
+          res,
+        };
+      }
+      return { ...res, config };
     }
     const { status } = response;
     if (maxRetries < retries && (status === 429 || status >= 500)) {
@@ -1657,7 +1803,7 @@ api.del = del;
 api.delete = del;
 // # sourceMappingURL=api.js.map
 
-const $$module1$4 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const $$module1$5 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
 	default: api,
 	setMiddleware,
@@ -1808,7 +1954,7 @@ const loadPageContext = async (Astro, {
       apiState[`${apiResource}/${apiDoc._id}`] = apiDoc;
     }
     prefetchResponses.forEach(({ config: { endpoint }, data }) => {
-      apiState[endpoint] = data;
+      apiState[endpoint] = data.result || data;
     });
   } catch (err) {
     const error = err;
@@ -1847,18 +1993,18 @@ const loadPageContext = async (Astro, {
   };
 };
 
-const $$module2$2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const $$module2$4 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
 	default: loadPageContext,
 	getConfig,
 	loadPageContext
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$b = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/meta/Head.astro", { modules: [{ module: $$module1$5, specifier: "@ecomplus/utils", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
-const $$Astro$b = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/meta/Head.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
-const $$Head = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$b, $$props, $$slots);
-  Astro2.self = $$Head;
+const $$metadata$c = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", { modules: [{ module: $$module1$6, specifier: "@ecomplus/utils", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$Astro$c = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
+const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$c, $$props, $$slots);
+  Astro2.self = $$BaseHead;
   const {
     storeId,
     cmsContent,
@@ -1895,7 +2041,7 @@ ${renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`}
 <title>${title}</title>
 <meta name="description"${addAttribute(description, "content")}>
 <meta name="author"${addAttribute(settings.name, "content")}>
-<meta name="generator" content="E-Com Plus Cloud Commerce">
+<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">
@@ -1918,26 +2064,26 @@ ${cmsSocial.twitter_username && renderTemplate`<meta name="twitter:site"${addAtt
 `;
 });
 
-const $$file$b = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/meta/Head.astro";
-const $$url$b = undefined;
+const $$file$c = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro";
+const $$url$c = undefined;
 
-const $$module2$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const $$module2$3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
-	$$metadata: $$metadata$b,
-	default: $$Head,
-	file: $$file$b,
-	url: $$url$b
+	$$metadata: $$metadata$c,
+	default: $$BaseHead,
+	file: $$file$c,
+	url: $$url$c
 }, Symbol.toStringTag, { value: 'Module' }));
 
 var __freeze = Object.freeze;
 var __defProp = Object.defineProperty;
 var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
 var _a;
-const $$metadata$a = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/meta/Json.astro", { modules: [{ module: $$module1$5, specifier: "@ecomplus/utils", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
-const $$Astro$a = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/meta/Json.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
-const $$Json = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
-  Astro2.self = $$Json;
+const $$metadata$b = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro", { modules: [{ module: $$module1$6, specifier: "@ecomplus/utils", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$Astro$b = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
+const $$BaseStateJson = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$b, $$props, $$slots);
+  Astro2.self = $$BaseStateJson;
   const { pageContext } = Astro2.props;
   const {
     storeId,
@@ -1996,21 +2142,21 @@ window.storefront.context = ${JSON.stringify({
     url: `https://${domain}/`,
     logo: `https://${domain}${settings.logo}`
   });
-  return renderTemplate(_a || (_a = __template(["<script>", '<\/script>\n<script type="application/ld+json">', "<\/script>\n"])), markHTMLString(inlineClientJS), markHTMLString(inlineJSONLd));
+  return renderTemplate(_a || (_a = __template(["<script>", '<\/script>\n<script type="application/ld+json">', "<\/script>\n"])), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd));
 });
 
-const $$file$a = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/meta/Json.astro";
-const $$url$a = undefined;
+const $$file$b = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro";
+const $$url$b = undefined;
 
-const $$module3$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const $$module3$2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
-	$$metadata: $$metadata$a,
-	default: $$Json,
-	file: $$file$a,
-	url: $$url$a
+	$$metadata: $$metadata$b,
+	default: $$BaseStateJson,
+	file: $$file$b,
+	url: $$url$b
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$9 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro", { modules: [{ module: $$module1$6, specifier: "color", assert: {} }, { module: $$module2$1, specifier: "./meta/Head.astro", assert: {} }, { module: $$module3$1, specifier: "./meta/Json.astro", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [{ type: "inline", value: `
+const $$metadata$a = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro", { modules: [{ module: $$module1$7, specifier: "color", assert: {} }, { module: $$module2$3, specifier: "./BaseHead.astro", assert: {} }, { module: $$module3$2, specifier: "./BaseStateJson.astro", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [{ type: "inline", value: `
     import { registerSW } from 'virtual:pwa-register';
     import { initializeApp } from 'firebase/app';
     registerSW();
@@ -2025,9 +2171,9 @@ const $$metadata$9 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/
     };
     initializeApp(firebaseConfig);
   ` }] });
-const $$Astro$9 = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
+const $$Astro$a = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
 const $$Base = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
   Astro2.self = $$Base;
   const { pageContext, title } = Astro2.props;
   const {
@@ -2062,7 +2208,7 @@ const $$Base = createComponent(async ($$result, $$props, $$slots) => {
       const colorShift = colorVariants[colorVariant];
       const colorLabel = `${colorName}-${colorVariant}`;
       colorCSSVars[colorLabel] = color.darken(colorShift).hex();
-      if (Number(colorLabel) > 100 && Number(colorLabel) < 900) {
+      if (Number(colorVariant) > 100 && Number(colorVariant) < 900) {
         colorCSSVars[`${colorLabel}-yiq`] = color.isLight() ? "var(--yiq-text-dark)" : "var(--yiq-text-light)";
         colorCSSVars[`${colorLabel}-rgb`] = `${color.red()}, ${color.green()}, ${color.blue()}`;
       }
@@ -2071,25 +2217,35 @@ const $$Base = createComponent(async ($$result, $$props, $$slots) => {
   const $$definedVars = defineStyleVars([colorCSSVars]);
   const STYLES = [
     { props: { "is:global": true, "define:vars": colorCSSVars }, children: `:root {
+    --content-max-width: 80rem;
     --white: #fff;
-    --gray: #6c757d;
-    --gray-dark: #343a40;
+    --gray-50: theme('colors.gray.50');
+    --gray-200: theme('colors.gray.200');
+    --gray-700: theme('colors.gray.700');
+    --gray-800: theme('colors.gray.800');
+    --gray-900: theme('colors.gray.900');
+    --surface-color: var(--gray-50);
+    --surface-border-color: var(--gray-200);
     --yiq-text-light: var(--white);
-    --yiq-text-dark: var(--gray-dark);
+    --yiq-text-dark: var(--gray-900);
   }
   body,
   body [data-theme=light],
   body [data-theme=dark] {
     --primary: var(--primary-500);
     --primary-hover: var(--primary-700);
-    --primary-focus: var(--primary-50);
+    --primary-focus: rgba(var(--primary-200-rgb), 0.2);
     --primary-inverse: var(--primary-500-yiq);
     --secondary: var(--secondary-500);
     --secondary-hover: var(--secondary-700);
-    --secondary-focus: var(--secondary-50);
+    --secondary-focus: rgba(var(--secondary-200-rgb), 0.2);
     --secondary-inverse: var(--secondary-500-yiq);
   }
   @media only screen and (prefers-color-scheme: dark) {
+    :root:not([data-theme=light]) {
+      --surface-color: var(--gray-800);
+      --surface-border-color: var(--gray-700);
+    }
     :root:not([data-theme=light]) a {
       --color: var(--primary-200);
     }
@@ -2097,22 +2253,19 @@ const $$Base = createComponent(async ($$result, $$props, $$slots) => {
       --color: var(--primary-400);
     }
   }
-  [data-theme=light] a {
-    --color: var(--primary) !important;
-  }
-  [data-theme=light] a:is([aria-current], :hover, :active, :focus) {
-    --color: var(--primary-hover) !important;
+  body {
+    overflow-x: hidden;
   }` }
   ];
   for (const STYLE of STYLES)
     $$result.styles.add(STYLE);
   return renderTemplate`<html${addAttribute(lang.replace("_", "-"), "lang")}${addAttribute($$definedVars, "style")}>
 <head>
-  ${renderComponent($$result, "MetaHead", $$Head, { "pageContext": pageContext, "title": title })}
-  ${renderComponent($$result, "MetaJson", $$Json, { "pageContext": pageContext })}
+  ${renderComponent($$result, "BaseHead", $$BaseHead, { "pageContext": pageContext, "title": title })}
+  ${renderComponent($$result, "BaseStateJson", $$BaseStateJson, { "pageContext": pageContext })}
   ${renderSlot($$result, $$slots["before-head-end"], renderTemplate`
     ${cmsCustomCode.css && renderTemplate`<style>{cmsCustomCode.css}</style>`}
-    `)}${renderHead($$result)}</head>${cmsCustomCode.html_head && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${markHTMLString(cmsCustomCode.html_head)}` })}`}
+    `)}${renderHead($$result)}</head>${cmsCustomCode.html_head && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${unescapeHTML(cmsCustomCode.html_head)}` })}`}
   
 </html>
 
@@ -2120,7 +2273,7 @@ const $$Base = createComponent(async ($$result, $$props, $$slots) => {
   ${renderSlot($$result, $$slots["default"])}
   
   ${renderSlot($$result, $$slots["before-body-end"], renderTemplate`
-    ${cmsCustomCode.html_body && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${markHTMLString(cmsCustomCode.html_body)}` })}`}
+    ${cmsCustomCode.html_body && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${unescapeHTML(cmsCustomCode.html_body)}` })}`}
   `)}
 
 
@@ -2128,31 +2281,386 @@ const $$Base = createComponent(async ($$result, $$props, $$slots) => {
 `;
 });
 
-const $$file$9 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro";
-const $$url$9 = undefined;
+const $$file$a = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro";
+const $$url$a = undefined;
+
+const $$module1$4 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+	__proto__: null,
+	$$metadata: $$metadata$a,
+	default: $$Base,
+	file: $$file$a,
+	url: $$url$a
+}, Symbol.toStringTag, { value: 'Module' }));
+
+function resolveSize(transform) {
+  if (transform.width && transform.height) {
+    return transform;
+  }
+  if (!transform.width && !transform.height) {
+    throw new Error(`"width" and "height" cannot both be undefined`);
+  }
+  if (!transform.aspectRatio) {
+    throw new Error(
+      `"aspectRatio" must be included if only "${transform.width ? "width" : "height"}" is provided`
+    );
+  }
+  let aspectRatio;
+  if (typeof transform.aspectRatio === "number") {
+    aspectRatio = transform.aspectRatio;
+  } else {
+    const [width, height] = transform.aspectRatio.split(":");
+    aspectRatio = Number.parseInt(width) / Number.parseInt(height);
+  }
+  if (transform.width) {
+    return {
+      ...transform,
+      width: transform.width,
+      height: Math.round(transform.width / aspectRatio)
+    };
+  } else if (transform.height) {
+    return {
+      ...transform,
+      width: Math.round(transform.height * aspectRatio),
+      height: transform.height
+    };
+  }
+  return transform;
+}
+async function resolveTransform(input) {
+  if (typeof input.src === "string") {
+    return resolveSize(input);
+  }
+  const metadata = "then" in input.src ? (await input.src).default : input.src;
+  let { width, height, aspectRatio, background, format = metadata.format, ...rest } = input;
+  if (!width && !height) {
+    width = metadata.width;
+    height = metadata.height;
+  } else if (width) {
+    let ratio = parseAspectRatio(aspectRatio) || metadata.width / metadata.height;
+    height = height || Math.round(width / ratio);
+  } else if (height) {
+    let ratio = parseAspectRatio(aspectRatio) || metadata.width / metadata.height;
+    width = width || Math.round(height * ratio);
+  }
+  return {
+    ...rest,
+    src: metadata.src,
+    width,
+    height,
+    aspectRatio,
+    format,
+    background
+  };
+}
+async function getImage$1(transform) {
+  var _a, _b, _c;
+  if (!transform.src) {
+    throw new Error("[@astrojs/image] `src` is required");
+  }
+  let loader = (_a = globalThis.astroImage) == null ? void 0 : _a.loader;
+  if (!loader) {
+    const { default: mod } = await Promise.resolve().then(() => sharp).catch(() => {
+      throw new Error(
+        "[@astrojs/image] Builtin image loader not found. (Did you remember to add the integration to your Astro config?)"
+      );
+    });
+    loader = mod;
+    globalThis.astroImage = globalThis.astroImage || {};
+    globalThis.astroImage.loader = loader;
+  }
+  const resolved = await resolveTransform(transform);
+  const attributes = await loader.getImageAttributes(resolved);
+  const isDev = (_b = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true},{SSR:true,}))) == null ? void 0 : _b.DEV;
+  const isLocalImage = !isRemoteImage(resolved.src);
+  const _loader = isDev && isLocalImage ? sharp_default : loader;
+  if (!_loader) {
+    throw new Error("@astrojs/image: loader not found!");
+  }
+  const { searchParams } = isSSRService(_loader) ? _loader.serializeTransform(resolved) : sharp_default.serializeTransform(resolved);
+  let src;
+  if (/^[\/\\]?@astroimage/.test(resolved.src)) {
+    src = `${resolved.src}?${searchParams.toString()}`;
+  } else {
+    searchParams.set("href", resolved.src);
+    src = `/_image?${searchParams.toString()}`;
+  }
+  if ((_c = globalThis.astroImage) == null ? void 0 : _c.addStaticImage) {
+    src = globalThis.astroImage.addStaticImage(resolved);
+  }
+  return {
+    ...attributes,
+    src
+  };
+}
+
+const tryImageSize = (src) => {
+  let dimensions = {};
+  if (typeof src === "string" && src.startsWith("/")) {
+    try {
+      dimensions = sizeOf(`public${src}`);
+    } catch (e) {
+      dimensions = {};
+    }
+  }
+  return dimensions;
+};
+const getImage = (options) => {
+  const { src } = options;
+  if (typeof src === "string" && !options.aspectRatio && (!options.width || !options.height)) {
+    const { width, height } = tryImageSize(src);
+    return getImage$1({
+      width,
+      ...options,
+      aspectRatio: width && height ? width / height : 1
+    });
+  }
+  return getImage$1(options);
+};
 
 const $$module1$3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+	__proto__: null,
+	default: getImage,
+	tryImageSize,
+	getImage
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "TopBar",
+  __ssrInlineRender: true,
+  props: {
+    marketingStripe: null,
+    hasNavbar: { type: Boolean, default: true },
+    pageLinks: null,
+    contacts: null,
+    hasPhoneLinks: { type: Boolean, default: true },
+    hasNetworkLinks: { type: Boolean },
+    socialNetworks: { default() {
+      return ["facebook", "twitter", "youtube", "pinterest", "instagram", "tiktok"];
+    } },
+    countdownClass: null,
+    pageLinksClass: null,
+    contactLinksClass: null,
+    socialNetworksClass: null
+  },
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "top-bar w-full bg-surface" }, _attrs))}>`);
+      ssrRenderSlot(_ctx.$slots, "countdown", { marketingStripe: __props.marketingStripe, countdownClass: __props.countdownClass }, () => {
+        if (__props.marketingStripe && __props.marketingStripe.text) {
+          ssrRenderVNode(_push, createVNode$1(resolveDynamicComponent(__props.marketingStripe.link ? "a" : "div"), {
+            class: ["top-bar__countdown block text-sm text-center p-1 whitespace-nowrap overflow-x-auto", [__props.countdownClass, __props.marketingStripe.link ? "primary" : "secondary"]],
+            href: __props.marketingStripe.link
+          }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(`${ssrInterpolate(__props.marketingStripe.text)}`);
+              } else {
+                return [
+                  createTextVNode(toDisplayString(__props.marketingStripe.text), 1)
+                ];
+              }
+            }),
+            _: 1
+          }), _parent);
+        } else {
+          _push(`<!---->`);
+        }
+      }, _push, _parent);
+      if (__props.hasNavbar) {
+        _push(`<div class="top-bar__nav hidden md:block py-2"><div class="container"><div class="flex items-center lg:px-2 xl:px-4"><div class="grow text-xs">`);
+        ssrRenderSlot(_ctx.$slots, "contacts-container", { pageLinks: __props.pageLinks, pageLinksClass: __props.pageLinksClass }, () => {
+          if (__props.pageLinks) {
+            _push(`<nav class="${ssrRenderClass([__props.pageLinksClass, "top-bar__page-links inline-block mr-4 font-semibold"])}"><!--[-->`);
+            ssrRenderList(__props.pageLinks, ({ link, title }, i) => {
+              _push(`<a class="mr-2 lg:mr-3"${ssrRenderAttr("href", link)}>${ssrInterpolate(title)}</a>`);
+            });
+            _push(`<!--]--></nav>`);
+          } else {
+            _push(`<!---->`);
+          }
+        }, _push, _parent);
+        ssrRenderSlot(_ctx.$slots, "contact-links", { contacts: __props.contacts, hasPhoneLinks: __props.hasPhoneLinks, contactLinksClass: __props.contactLinksClass }, () => {
+          if (__props.hasPhoneLinks) {
+            _push(`<div class="${ssrRenderClass([__props.contactLinksClass, "top-bar__contact-links inline-block"])}">`);
+            if (__props.contacts.whatsapp) {
+              _push(`<a href="javascript:;" target="_blank" rel="noopener"${ssrRenderAttr("data-whatsapp-tel", __props.contacts.whatsapp.replace(/\D/g, ""))} class="mr-2"><i class="i-whatsapp"></i> ${ssrInterpolate(__props.contacts.whatsapp)}</a>`);
+            } else {
+              _push(`<!---->`);
+            }
+            if (__props.contacts.phone) {
+              _push(`<a${ssrRenderAttr("href", `tel:+${__props.contacts.phone.replace(/\D/g, "")}`)} target="_blank" rel="noopener" class="mr-2"><i class="i-phone"></i> ${ssrInterpolate(__props.contacts.phone)}</a>`);
+            } else {
+              _push(`<!---->`);
+            }
+            _push(`</div>`);
+          } else {
+            _push(`<!---->`);
+          }
+        }, _push, _parent);
+        _push(`</div>`);
+        ssrRenderSlot(_ctx.$slots, "social-networks", { contacts: __props.contacts, hasNetworkLinks: __props.hasNetworkLinks, socialNetworksClass: __props.socialNetworksClass }, () => {
+          if (__props.hasNetworkLinks) {
+            _push(`<div class="top-bar__social-networks leading-none"><!--[-->`);
+            ssrRenderList(__props.socialNetworks, (network) => {
+              _push(`<!--[-->`);
+              if (__props.contacts[network]) {
+                _push(`<a${ssrRenderAttr("href", __props.contacts[network])} target="_blank" rel="noopener" class="ml-1">`);
+                if (network === "facebook") {
+                  _push(`<i class="i-facebook"></i>`);
+                } else if (network === "youtube") {
+                  _push(`<i class="i-youtube"></i>`);
+                } else if (network === "twitter") {
+                  _push(`<i class="i-twitter"></i>`);
+                } else if (network === "pinterest") {
+                  _push(`<i class="i-pinterest"></i>`);
+                } else if (network === "instagram") {
+                  _push(`<i class="i-instagram"></i>`);
+                } else if (network === "tiktok") {
+                  _push(`<i class="i-tiktok"></i>`);
+                } else {
+                  _push(`<!---->`);
+                }
+                _push(`</a>`);
+              } else {
+                _push(`<!---->`);
+              }
+              _push(`<!--]-->`);
+            });
+            _push(`<!--]--></div>`);
+          } else {
+            _push(`<!---->`);
+          }
+        }, _push, _parent);
+        _push(`</div></div></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/TopBar.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+
+const $$module2$2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+	__proto__: null,
+	default: _sfc_main$1
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TheHeader",
+  __ssrInlineRender: true,
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<header${ssrRenderAttrs(mergeProps({ class: "header bg-surface bg-opacity-70 sticky py-1 sm:py-2" }, _attrs))}><div class="container"><div class="grid items-center"><div class="i-bars-3-bottom-left md:hidden"></div>`);
+      ssrRenderSlot(_ctx.$slots, "logo", {}, null, _push, _parent);
+      _push(`</div></div></header>`);
+    };
+  }
+});
+
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/TheHeader.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+const $$module3$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+	__proto__: null,
+	default: _sfc_main
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const $$metadata$9 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/PagesHeader.astro", { modules: [{ module: $$module1$3, specifier: "../helpers/image", assert: {} }, { module: $$module2$2, specifier: "../components/TopBar.vue", assert: {} }, { module: $$module3$1, specifier: "../components/TheHeader.vue", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$Astro$9 = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/PagesHeader.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
+const $$PagesHeader = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
+  Astro2.self = $$PagesHeader;
+  const {
+    pageContext: {
+      apiState,
+      settings,
+      cms
+    },
+    topBarProps,
+    logoTransform
+  } = Astro2.props;
+  const header = cms("header");
+  const contacts = cms("contacts");
+  settings.theme.custom || "";
+  let headerCategories = [];
+  if (header.categories_list) {
+    if (header.categories_list.featured.length) {
+      headerCategories = header.categories_list.featured.map((pathAndName) => {
+        const [path, name] = pathAndName.split("?");
+        return { slug: path.slice(1), name };
+      });
+    }
+    if (header.categories_list.random) {
+      const mainCategories = apiState.categories?.filter(({ parent }) => !parent || !parent.slug);
+      if (mainCategories) {
+        for (let i = 0; i < header.categories_list.random && i < mainCategories.length; i++) {
+          if (!headerCategories.find(({ slug }) => mainCategories[i].slug === slug)) {
+            headerCategories.push({
+              slug: mainCategories[i].slug,
+              name: mainCategories[i].name
+            });
+          }
+        }
+      }
+    }
+    header.categories_list.full_width;
+  }
+  header.desktop_megamenu;
+  header.alphabetical_order_submenu;
+  header.full_width_submenu;
+  globalThis.TopBarProps = {
+    marketingStripe: header.marketing_stripe,
+    pageLinks: header.contacts_stripe.pages,
+    hasPhoneLinks: header.contacts_stripe.phone_wpp,
+    hasNetworkLinks: header.contacts_stripe.socials,
+    contacts,
+    ...Astro2.props.topBarProps
+  };
+  const logoWebpAttrs = await getImage({
+    src: settings.logo,
+    width: 150,
+    format: "webp",
+    quality: 100,
+    ...logoTransform
+  });
+  return renderTemplate`${renderSlot($$result, $$slots["top-bar"], renderTemplate`
+  ${renderComponent($$result, "TopBar", _sfc_main$1, { ...globalThis.TopBarProps })}
+`)}
+${renderSlot($$result, $$slots["header"], renderTemplate`
+  ${renderComponent($$result, "TheHeader", _sfc_main, {}, { "logo": () => renderTemplate`${maybeRenderHead($$result)}<img${spreadAttributes(logoWebpAttrs)}${addAttribute(`${settings.name} (logo)`, "alt")}>` })}
+`)}`;
+});
+
+const $$file$9 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/PagesHeader.astro";
+const $$url$9 = undefined;
+
+const $$module2$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
 	$$metadata: $$metadata$9,
-	default: $$Base,
+	default: $$PagesHeader,
 	file: $$file$9,
 	url: $$url$9
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$8 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Pages.astro", { modules: [{ module: $$module1$3, specifier: "./Base.astro", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$metadata$8 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Pages.astro", { modules: [{ module: $$module1$4, specifier: "./Base.astro", assert: {} }, { module: $$module2$1, specifier: "./PagesHeader.astro", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
 const $$Astro$8 = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Pages.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
 const $$Pages = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
   Astro2.self = $$Pages;
   const { pageContext, title } = Astro2.props;
   return renderTemplate`${renderComponent($$result, "Base", $$Base, { "pageContext": pageContext, "title": title }, { "before-body-end": () => renderTemplate`${renderComponent($$result, "Fragment", Fragment, { "slot": "before-body-end" }, { "default": () => renderTemplate`${renderSlot($$result, $$slots["before-body-end"])}` })}`, "before-head-end": () => renderTemplate`${renderComponent($$result, "Fragment", Fragment, { "slot": "before-head-end" }, { "default": () => renderTemplate`${renderSlot($$result, $$slots["before-head-end"])}` })}`, "default": () => renderTemplate`${renderSlot($$result, $$slots["header"], renderTemplate`
-    ${maybeRenderHead($$result)}<div class="i-shopping-cart" text="sky-400"></div>
-    <div class="i-google-pay w-32"></div>
-    <div class="i-logos:apple bg-primary"></div>
-    <div class="i-heroicons:user bg-primary-300"></div>
-    <div class="i-user bg-primary-700"></div>
-    <div class="i-user bg-secondary-hover"></div>
-    <div class="i-user bg-contrast"></div>
+    ${renderComponent($$result, "Header", $$PagesHeader, { "pageContext": pageContext })}
   `)}${renderSlot($$result, $$slots["default"])}` })}`;
 });
 
@@ -2201,7 +2709,7 @@ const $$module2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
 	url: $$url$7
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$6 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/main/Home.astro", { modules: [{ module: $$module1$4, specifier: "@cloudcommerce/api", assert: {} }, { module: $$module2, specifier: "../components/Card.astro", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$metadata$6 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/main/Home.astro", { modules: [{ module: $$module1$5, specifier: "@cloudcommerce/api", assert: {} }, { module: $$module2, specifier: "../components/Card.astro", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
 const $$Astro$6 = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/main/Home.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
 const $$Home = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
@@ -2243,7 +2751,7 @@ const $$module3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
 	url: $$url$6
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$5 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro", { modules: [{ module: $$module2$2, specifier: "../lib/ssr-context", assert: {} }, { module: $$module1$2, specifier: "../lib/layouts/Pages.astro", assert: {} }, { module: $$module3, specifier: "../lib/main/Home.astro", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$metadata$5 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro", { modules: [{ module: $$module2$4, specifier: "../lib/ssr-context", assert: {} }, { module: $$module1$2, specifier: "../lib/layouts/Pages.astro", assert: {} }, { module: $$module3, specifier: "../lib/main/Home.astro", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
 const $$Astro$5 = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
 const $$Index$1 = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$5, $$props, $$slots);
@@ -2259,7 +2767,7 @@ const $$Index$1 = createComponent(async ($$result, $$props, $$slots) => {
     loadError = err;
   }
   return renderTemplate`${pageContext && renderTemplate`${renderComponent($$result, "PagesLayout", $$Pages, { "pageContext": pageContext }, { "default": () => renderTemplate`${renderComponent($$result, "HomeMain", $$Home, { "pageContext": pageContext })}` })}`}
-${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${markHTMLString(loadError.responseHTML)}` })}`}`;
+${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}`;
 });
 
 const $$file$5 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro";
@@ -2310,7 +2818,7 @@ const $$module1$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePropert
 	url: $$url$4
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$3 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro", { modules: [{ module: $$module1$1, specifier: "../lib/views/fallback.astro", assert: {} }, { module: $$module2$2, specifier: "../lib/ssr-context", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$metadata$3 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro", { modules: [{ module: $$module1$1, specifier: "../lib/views/fallback.astro", assert: {} }, { module: $$module2$4, specifier: "../lib/ssr-context", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
 const $$Astro$3 = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
 const $$Fallback = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$3, $$props, $$slots);
@@ -2388,11 +2896,14 @@ const $$module1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
 	url: $$url$1
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro", { modules: [{ module: $$module1, specifier: "../lib/views/[...slug].astro", assert: {} }, { module: $$module2$2, specifier: "../lib/ssr-context", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$metadata = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro", { modules: [{ module: $$module1, specifier: "../lib/views/[...slug].astro", assert: {} }, { module: $$module2$4, specifier: "../lib/ssr-context", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
 const $$Astro = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
 const $$ = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
   Astro2.self = $$;
+  if (String(Astro2.params.slug).endsWith(".css.map")) {
+    return new Response(null, { status: 404 });
+  }
   let pageContext;
   let loadError;
   try {
@@ -2404,7 +2915,7 @@ const $$ = createComponent(async ($$result, $$props, $$slots) => {
     loadError = err;
   }
   return renderTemplate`${pageContext && renderTemplate`${renderComponent($$result, "ViewWildcard", $$$1, { "pageContext": pageContext })}`}
-${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${markHTMLString(loadError.responseHTML)}` })}`}`;
+${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": () => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}`;
 });
 
 const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro";
@@ -2418,7 +2929,7 @@ const _page4 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const pageMap = new Map([['../../node_modules/.pnpm/@astrojs+image@0.7.0/node_modules/@astrojs/image/dist/endpoint.js', _page0],['src/pages/index.astro', _page1],['src/pages/fallback.astro', _page2],['src/pages/app/index.astro', _page3],['src/pages/[...slug].astro', _page4],]);
+const pageMap = new Map([['../../node_modules/.pnpm/@astrojs+image@0.7.1/node_modules/@astrojs/image/dist/endpoint.js', _page0],['src/pages/index.astro', _page1],['src/pages/fallback.astro', _page2],['src/pages/app/index.astro', _page3],['src/pages/[...slug].astro', _page4],]);
 const renderers = [Object.assign({"name":"astro:jsx","serverEntrypoint":"astro/jsx/server.js","jsxImportSource":"astro"}, { ssr: server_default }),Object.assign({"name":"@astrojs/vue","clientEntrypoint":"@astrojs/vue/client.js","serverEntrypoint":"@astrojs/vue/server.js"}, { ssr: _renderer1 }),];
 
 if (typeof process !== "undefined") {
@@ -2490,7 +3001,7 @@ function deserializeManifest(serializedManifest) {
   };
 }
 
-const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":[],"scripts":[{"type":"external","value":"page.3aa82516.js"},{"stage":"head-inline","children":"!(function(w,p,f,c){c=w[p]=Object.assign(w[p]||{},{\"lib\":\"/~partytown/\",\"debug\":false});c[f]=(c[f]||[])})(window,'partytown','forward');/* Partytown 0.4.5 - MIT builder.io */\n!function(t,e,n,i,r,o,a,d,s,c,p,l){function u(){l||(l=1,\"/\"==(a=(o.lib||\"/~partytown/\")+(o.debug?\"debug/\":\"\"))[0]&&(s=e.querySelectorAll('script[type=\"text/partytown\"]'),i!=t?i.dispatchEvent(new CustomEvent(\"pt1\",{detail:t})):(d=setTimeout(w,1e4),e.addEventListener(\"pt0\",f),r?h(1):n.serviceWorker?n.serviceWorker.register(a+(o.swPath||\"partytown-sw.js\"),{scope:a}).then((function(t){t.active?h():t.installing&&t.installing.addEventListener(\"statechange\",(function(t){\"activated\"==t.target.state&&h()}))}),console.error):w())))}function h(t){c=e.createElement(t?\"script\":\"iframe\"),t||(c.setAttribute(\"style\",\"display:block;width:0;height:0;border:0;visibility:hidden\"),c.setAttribute(\"aria-hidden\",!0)),c.src=a+\"partytown-\"+(t?\"atomics.js?v=0.4.5\":\"sandbox-sw.html?\"+Date.now()),e.body.appendChild(c)}function w(t,n){for(f(),t=0;t<s.length;t++)(n=e.createElement(\"script\")).innerHTML=s[t].innerHTML,e.head.appendChild(n);c&&c.parentNode.removeChild(c)}function f(){clearTimeout(d)}o=t.partytown||{},i==t&&(o.forward||[]).map((function(e){p=t,e.split(\".\").map((function(e,n,i){p=p[i[n]]=n+1<i.length?\"push\"==i[n+1]?[]:p[i[n]]||{}:function(){(t._ptf=t._ptf||[]).push(i,arguments)}}))})),\"complete\"==e.readyState?u():(t.addEventListener(\"DOMContentLoaded\",u),t.addEventListener(\"load\",u))}(window,document,navigator,top,window.crossOriginIsolated);"}],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.7.0/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["assets/_...65ca64e2.css","assets/_...11681504.css","assets/fallback-index.552fd862.css","assets/index.73f26ab5.css"],"scripts":[{"type":"external","value":"hoisted.46e058d2.js"},{"type":"external","value":"page.3aa82516.js"},{"stage":"head-inline","children":"!(function(w,p,f,c){c=w[p]=Object.assign(w[p]||{},{\"lib\":\"/~partytown/\",\"debug\":false});c[f]=(c[f]||[])})(window,'partytown','forward');/* Partytown 0.4.5 - MIT builder.io */\n!function(t,e,n,i,r,o,a,d,s,c,p,l){function u(){l||(l=1,\"/\"==(a=(o.lib||\"/~partytown/\")+(o.debug?\"debug/\":\"\"))[0]&&(s=e.querySelectorAll('script[type=\"text/partytown\"]'),i!=t?i.dispatchEvent(new CustomEvent(\"pt1\",{detail:t})):(d=setTimeout(w,1e4),e.addEventListener(\"pt0\",f),r?h(1):n.serviceWorker?n.serviceWorker.register(a+(o.swPath||\"partytown-sw.js\"),{scope:a}).then((function(t){t.active?h():t.installing&&t.installing.addEventListener(\"statechange\",(function(t){\"activated\"==t.target.state&&h()}))}),console.error):w())))}function h(t){c=e.createElement(t?\"script\":\"iframe\"),t||(c.setAttribute(\"style\",\"display:block;width:0;height:0;border:0;visibility:hidden\"),c.setAttribute(\"aria-hidden\",!0)),c.src=a+\"partytown-\"+(t?\"atomics.js?v=0.4.5\":\"sandbox-sw.html?\"+Date.now()),e.body.appendChild(c)}function w(t,n){for(f(),t=0;t<s.length;t++)(n=e.createElement(\"script\")).innerHTML=s[t].innerHTML,e.head.appendChild(n);c&&c.parentNode.removeChild(c)}function f(){clearTimeout(d)}o=t.partytown||{},i==t&&(o.forward||[]).map((function(e){p=t,e.split(\".\").map((function(e,n,i){p=p[i[n]]=n+1<i.length?\"push\"==i[n+1]?[]:p[i[n]]||{}:function(){(t._ptf=t._ptf||[]).push(i,arguments)}}))})),\"complete\"==e.readyState?u():(t.addEventListener(\"DOMContentLoaded\",u),t.addEventListener(\"load\",u))}(window,document,navigator,top,window.crossOriginIsolated);"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["assets/_...65ca64e2.css","assets/_...11681504.css","assets/fallback-index.552fd862.css","assets/fallback.a3f85892.css"],"scripts":[{"type":"external","value":"hoisted.46e058d2.js"},{"type":"external","value":"page.3aa82516.js"},{"stage":"head-inline","children":"!(function(w,p,f,c){c=w[p]=Object.assign(w[p]||{},{\"lib\":\"/~partytown/\",\"debug\":false});c[f]=(c[f]||[])})(window,'partytown','forward');/* Partytown 0.4.5 - MIT builder.io */\n!function(t,e,n,i,r,o,a,d,s,c,p,l){function u(){l||(l=1,\"/\"==(a=(o.lib||\"/~partytown/\")+(o.debug?\"debug/\":\"\"))[0]&&(s=e.querySelectorAll('script[type=\"text/partytown\"]'),i!=t?i.dispatchEvent(new CustomEvent(\"pt1\",{detail:t})):(d=setTimeout(w,1e4),e.addEventListener(\"pt0\",f),r?h(1):n.serviceWorker?n.serviceWorker.register(a+(o.swPath||\"partytown-sw.js\"),{scope:a}).then((function(t){t.active?h():t.installing&&t.installing.addEventListener(\"statechange\",(function(t){\"activated\"==t.target.state&&h()}))}),console.error):w())))}function h(t){c=e.createElement(t?\"script\":\"iframe\"),t||(c.setAttribute(\"style\",\"display:block;width:0;height:0;border:0;visibility:hidden\"),c.setAttribute(\"aria-hidden\",!0)),c.src=a+\"partytown-\"+(t?\"atomics.js?v=0.4.5\":\"sandbox-sw.html?\"+Date.now()),e.body.appendChild(c)}function w(t,n){for(f(),t=0;t<s.length;t++)(n=e.createElement(\"script\")).innerHTML=s[t].innerHTML,e.head.appendChild(n);c&&c.parentNode.removeChild(c)}function f(){clearTimeout(d)}o=t.partytown||{},i==t&&(o.forward||[]).map((function(e){p=t,e.split(\".\").map((function(e,n,i){p=p[i[n]]=n+1<i.length?\"push\"==i[n+1]?[]:p[i[n]]||{}:function(){(t._ptf=t._ptf||[]).push(i,arguments)}}))})),\"complete\"==e.readyState?u():(t.addEventListener(\"DOMContentLoaded\",u),t.addEventListener(\"load\",u))}(window,document,navigator,top,window.crossOriginIsolated);"}],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["assets/_...65ca64e2.css"],"scripts":[{"type":"external","value":"page.3aa82516.js"},{"stage":"head-inline","children":"!(function(w,p,f,c){c=w[p]=Object.assign(w[p]||{},{\"lib\":\"/~partytown/\",\"debug\":false});c[f]=(c[f]||[])})(window,'partytown','forward');/* Partytown 0.4.5 - MIT builder.io */\n!function(t,e,n,i,r,o,a,d,s,c,p,l){function u(){l||(l=1,\"/\"==(a=(o.lib||\"/~partytown/\")+(o.debug?\"debug/\":\"\"))[0]&&(s=e.querySelectorAll('script[type=\"text/partytown\"]'),i!=t?i.dispatchEvent(new CustomEvent(\"pt1\",{detail:t})):(d=setTimeout(w,1e4),e.addEventListener(\"pt0\",f),r?h(1):n.serviceWorker?n.serviceWorker.register(a+(o.swPath||\"partytown-sw.js\"),{scope:a}).then((function(t){t.active?h():t.installing&&t.installing.addEventListener(\"statechange\",(function(t){\"activated\"==t.target.state&&h()}))}),console.error):w())))}function h(t){c=e.createElement(t?\"script\":\"iframe\"),t||(c.setAttribute(\"style\",\"display:block;width:0;height:0;border:0;visibility:hidden\"),c.setAttribute(\"aria-hidden\",!0)),c.src=a+\"partytown-\"+(t?\"atomics.js?v=0.4.5\":\"sandbox-sw.html?\"+Date.now()),e.body.appendChild(c)}function w(t,n){for(f(),t=0;t<s.length;t++)(n=e.createElement(\"script\")).innerHTML=s[t].innerHTML,e.head.appendChild(n);c&&c.parentNode.removeChild(c)}function f(){clearTimeout(d)}o=t.partytown||{},i==t&&(o.forward||[]).map((function(e){p=t,e.split(\".\").map((function(e,n,i){p=p[i[n]]=n+1<i.length?\"push\"==i[n+1]?[]:p[i[n]]||{}:function(){(t._ptf=t._ptf||[]).push(i,arguments)}}))})),\"complete\"==e.readyState?u():(t.addEventListener(\"DOMContentLoaded\",u),t.addEventListener(\"load\",u))}(window,document,navigator,top,window.crossOriginIsolated);"}],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["assets/_...65ca64e2.css","assets/_...11681504.css","assets/_...b330a555.css"],"scripts":[{"type":"external","value":"hoisted.46e058d2.js"},{"type":"external","value":"page.3aa82516.js"},{"stage":"head-inline","children":"!(function(w,p,f,c){c=w[p]=Object.assign(w[p]||{},{\"lib\":\"/~partytown/\",\"debug\":false});c[f]=(c[f]||[])})(window,'partytown','forward');/* Partytown 0.4.5 - MIT builder.io */\n!function(t,e,n,i,r,o,a,d,s,c,p,l){function u(){l||(l=1,\"/\"==(a=(o.lib||\"/~partytown/\")+(o.debug?\"debug/\":\"\"))[0]&&(s=e.querySelectorAll('script[type=\"text/partytown\"]'),i!=t?i.dispatchEvent(new CustomEvent(\"pt1\",{detail:t})):(d=setTimeout(w,1e4),e.addEventListener(\"pt0\",f),r?h(1):n.serviceWorker?n.serviceWorker.register(a+(o.swPath||\"partytown-sw.js\"),{scope:a}).then((function(t){t.active?h():t.installing&&t.installing.addEventListener(\"statechange\",(function(t){\"activated\"==t.target.state&&h()}))}),console.error):w())))}function h(t){c=e.createElement(t?\"script\":\"iframe\"),t||(c.setAttribute(\"style\",\"display:block;width:0;height:0;border:0;visibility:hidden\"),c.setAttribute(\"aria-hidden\",!0)),c.src=a+\"partytown-\"+(t?\"atomics.js?v=0.4.5\":\"sandbox-sw.html?\"+Date.now()),e.body.appendChild(c)}function w(t,n){for(f(),t=0;t<s.length;t++)(n=e.createElement(\"script\")).innerHTML=s[t].innerHTML,e.head.appendChild(n);c&&c.parentNode.removeChild(c)}function f(){clearTimeout(d)}o=t.partytown||{},i==t&&(o.forward||[]).map((function(e){p=t,e.split(\".\").map((function(e,n,i){p=p[i[n]]=n+1<i.length?\"push\"==i[n+1]?[]:p[i[n]]||{}:function(){(t._ptf=t._ptf||[]).push(i,arguments)}}))})),\"complete\"==e.readyState?u():(t.addEventListener(\"DOMContentLoaded\",u),t.addEventListener(\"load\",u))}(window,document,navigator,top,window.crossOriginIsolated);"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","_meta":{"trailingSlash":"ignore"}}}],"site":"https://storefront-demo.e-com.plus/","base":"/","markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"extendDefaultPlugins":false,"isAstroFlavoredMd":false},"pageMap":null,"renderers":[],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"entry.mjs","@astrojs/vue/client.js":"client.80baece3.js","/astro/hoisted.js?q=0":"hoisted.46e058d2.js","astro:scripts/page.js":"page.3aa82516.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/.pnpm/workbox-window@6.5.4/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"chunks/workbox-window.prod.es5.4b654ae6.js","astro:scripts/before-hydration.js":""},"assets":["/assets/_...b330a555.css","/assets/fallback.a3f85892.css","/assets/fallback-index.552fd862.css","/assets/index.73f26ab5.css","/assets/_...11681504.css","/assets/_...65ca64e2.css","/manifest.webmanifest","/registerSW.js","/client.80baece3.js","/hoisted.46e058d2.js","/page.3aa82516.js","/robots.txt","/sw.js","/workbox-8b24c3ff.js","/admin/config.json","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/chunks/workbox-window.prod.es5.4b654ae6.js","/img/icon.png","/img/large-icon.png","/img/uploads/banner1.png","/img/uploads/banner2.png","/img/uploads/banner2.webp","/img/uploads/favicon.png","/img/uploads/headless.png","/img/uploads/headphone.png","/img/uploads/headphone.webp","/img/uploads/icon.png","/img/uploads/large-icon.png","/img/uploads/logo.png","/img/uploads/logo.webp","/img/uploads/og-image.png","/img/uploads/passion.png","/img/uploads/passion.webp","/img/uploads/pwa-reliable.png","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.png","/img/uploads/rect89.webp","/img/uploads/ssl-safe.png","/assets/icons/bootstrap-icons/font/storefront-icons.woff2","/assets/icons/feather-icons/font/storefront-icons.woff2","/assets/icons/font-awesome/font/storefront-icons.woff2","/assets/icons/line-awesome/font/storefront-icons.woff2","/assets/icons/tabler-icons/font/storefront-icons.woff2","/page.3aa82516.js","/~partytown/partytown-atomics.js","/~partytown/partytown-media.js","/~partytown/partytown-sw.js","/~partytown/partytown.js"]}), {
+const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":[],"scripts":[{"type":"external","value":"page.3aa82516.js"},{"stage":"head-inline","children":"!(function(w,p,f,c){c=w[p]=Object.assign(w[p]||{},{\"lib\":\"/~partytown/\",\"debug\":false});c[f]=(c[f]||[])})(window,'partytown','forward');/* Partytown 0.4.5 - MIT builder.io */\n!function(t,e,n,i,r,o,a,d,s,c,p,l){function u(){l||(l=1,\"/\"==(a=(o.lib||\"/~partytown/\")+(o.debug?\"debug/\":\"\"))[0]&&(s=e.querySelectorAll('script[type=\"text/partytown\"]'),i!=t?i.dispatchEvent(new CustomEvent(\"pt1\",{detail:t})):(d=setTimeout(w,1e4),e.addEventListener(\"pt0\",f),r?h(1):n.serviceWorker?n.serviceWorker.register(a+(o.swPath||\"partytown-sw.js\"),{scope:a}).then((function(t){t.active?h():t.installing&&t.installing.addEventListener(\"statechange\",(function(t){\"activated\"==t.target.state&&h()}))}),console.error):w())))}function h(t){c=e.createElement(t?\"script\":\"iframe\"),t||(c.setAttribute(\"style\",\"display:block;width:0;height:0;border:0;visibility:hidden\"),c.setAttribute(\"aria-hidden\",!0)),c.src=a+\"partytown-\"+(t?\"atomics.js?v=0.4.5\":\"sandbox-sw.html?\"+Date.now()),e.body.appendChild(c)}function w(t,n){for(f(),t=0;t<s.length;t++)(n=e.createElement(\"script\")).innerHTML=s[t].innerHTML,e.head.appendChild(n);c&&c.parentNode.removeChild(c)}function f(){clearTimeout(d)}o=t.partytown||{},i==t&&(o.forward||[]).map((function(e){p=t,e.split(\".\").map((function(e,n,i){p=p[i[n]]=n+1<i.length?\"push\"==i[n+1]?[]:p[i[n]]||{}:function(){(t._ptf=t._ptf||[]).push(i,arguments)}}))})),\"complete\"==e.readyState?u():(t.addEventListener(\"DOMContentLoaded\",u),t.addEventListener(\"load\",u))}(window,document,navigator,top,window.crossOriginIsolated);"}],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.7.1/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["assets/_...2fc8f657.css","assets/_...7af61807.css","assets/fallback-index.552fd862.css","assets/index.73f26ab5.css"],"scripts":[{"type":"external","value":"hoisted.46e058d2.js"},{"type":"external","value":"page.3aa82516.js"},{"stage":"head-inline","children":"!(function(w,p,f,c){c=w[p]=Object.assign(w[p]||{},{\"lib\":\"/~partytown/\",\"debug\":false});c[f]=(c[f]||[])})(window,'partytown','forward');/* Partytown 0.4.5 - MIT builder.io */\n!function(t,e,n,i,r,o,a,d,s,c,p,l){function u(){l||(l=1,\"/\"==(a=(o.lib||\"/~partytown/\")+(o.debug?\"debug/\":\"\"))[0]&&(s=e.querySelectorAll('script[type=\"text/partytown\"]'),i!=t?i.dispatchEvent(new CustomEvent(\"pt1\",{detail:t})):(d=setTimeout(w,1e4),e.addEventListener(\"pt0\",f),r?h(1):n.serviceWorker?n.serviceWorker.register(a+(o.swPath||\"partytown-sw.js\"),{scope:a}).then((function(t){t.active?h():t.installing&&t.installing.addEventListener(\"statechange\",(function(t){\"activated\"==t.target.state&&h()}))}),console.error):w())))}function h(t){c=e.createElement(t?\"script\":\"iframe\"),t||(c.setAttribute(\"style\",\"display:block;width:0;height:0;border:0;visibility:hidden\"),c.setAttribute(\"aria-hidden\",!0)),c.src=a+\"partytown-\"+(t?\"atomics.js?v=0.4.5\":\"sandbox-sw.html?\"+Date.now()),e.body.appendChild(c)}function w(t,n){for(f(),t=0;t<s.length;t++)(n=e.createElement(\"script\")).innerHTML=s[t].innerHTML,e.head.appendChild(n);c&&c.parentNode.removeChild(c)}function f(){clearTimeout(d)}o=t.partytown||{},i==t&&(o.forward||[]).map((function(e){p=t,e.split(\".\").map((function(e,n,i){p=p[i[n]]=n+1<i.length?\"push\"==i[n+1]?[]:p[i[n]]||{}:function(){(t._ptf=t._ptf||[]).push(i,arguments)}}))})),\"complete\"==e.readyState?u():(t.addEventListener(\"DOMContentLoaded\",u),t.addEventListener(\"load\",u))}(window,document,navigator,top,window.crossOriginIsolated);"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["assets/_...2fc8f657.css","assets/_...7af61807.css","assets/fallback-index.552fd862.css","assets/fallback.a3f85892.css"],"scripts":[{"type":"external","value":"hoisted.46e058d2.js"},{"type":"external","value":"page.3aa82516.js"},{"stage":"head-inline","children":"!(function(w,p,f,c){c=w[p]=Object.assign(w[p]||{},{\"lib\":\"/~partytown/\",\"debug\":false});c[f]=(c[f]||[])})(window,'partytown','forward');/* Partytown 0.4.5 - MIT builder.io */\n!function(t,e,n,i,r,o,a,d,s,c,p,l){function u(){l||(l=1,\"/\"==(a=(o.lib||\"/~partytown/\")+(o.debug?\"debug/\":\"\"))[0]&&(s=e.querySelectorAll('script[type=\"text/partytown\"]'),i!=t?i.dispatchEvent(new CustomEvent(\"pt1\",{detail:t})):(d=setTimeout(w,1e4),e.addEventListener(\"pt0\",f),r?h(1):n.serviceWorker?n.serviceWorker.register(a+(o.swPath||\"partytown-sw.js\"),{scope:a}).then((function(t){t.active?h():t.installing&&t.installing.addEventListener(\"statechange\",(function(t){\"activated\"==t.target.state&&h()}))}),console.error):w())))}function h(t){c=e.createElement(t?\"script\":\"iframe\"),t||(c.setAttribute(\"style\",\"display:block;width:0;height:0;border:0;visibility:hidden\"),c.setAttribute(\"aria-hidden\",!0)),c.src=a+\"partytown-\"+(t?\"atomics.js?v=0.4.5\":\"sandbox-sw.html?\"+Date.now()),e.body.appendChild(c)}function w(t,n){for(f(),t=0;t<s.length;t++)(n=e.createElement(\"script\")).innerHTML=s[t].innerHTML,e.head.appendChild(n);c&&c.parentNode.removeChild(c)}function f(){clearTimeout(d)}o=t.partytown||{},i==t&&(o.forward||[]).map((function(e){p=t,e.split(\".\").map((function(e,n,i){p=p[i[n]]=n+1<i.length?\"push\"==i[n+1]?[]:p[i[n]]||{}:function(){(t._ptf=t._ptf||[]).push(i,arguments)}}))})),\"complete\"==e.readyState?u():(t.addEventListener(\"DOMContentLoaded\",u),t.addEventListener(\"load\",u))}(window,document,navigator,top,window.crossOriginIsolated);"}],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["assets/_...2fc8f657.css"],"scripts":[{"type":"external","value":"page.3aa82516.js"},{"stage":"head-inline","children":"!(function(w,p,f,c){c=w[p]=Object.assign(w[p]||{},{\"lib\":\"/~partytown/\",\"debug\":false});c[f]=(c[f]||[])})(window,'partytown','forward');/* Partytown 0.4.5 - MIT builder.io */\n!function(t,e,n,i,r,o,a,d,s,c,p,l){function u(){l||(l=1,\"/\"==(a=(o.lib||\"/~partytown/\")+(o.debug?\"debug/\":\"\"))[0]&&(s=e.querySelectorAll('script[type=\"text/partytown\"]'),i!=t?i.dispatchEvent(new CustomEvent(\"pt1\",{detail:t})):(d=setTimeout(w,1e4),e.addEventListener(\"pt0\",f),r?h(1):n.serviceWorker?n.serviceWorker.register(a+(o.swPath||\"partytown-sw.js\"),{scope:a}).then((function(t){t.active?h():t.installing&&t.installing.addEventListener(\"statechange\",(function(t){\"activated\"==t.target.state&&h()}))}),console.error):w())))}function h(t){c=e.createElement(t?\"script\":\"iframe\"),t||(c.setAttribute(\"style\",\"display:block;width:0;height:0;border:0;visibility:hidden\"),c.setAttribute(\"aria-hidden\",!0)),c.src=a+\"partytown-\"+(t?\"atomics.js?v=0.4.5\":\"sandbox-sw.html?\"+Date.now()),e.body.appendChild(c)}function w(t,n){for(f(),t=0;t<s.length;t++)(n=e.createElement(\"script\")).innerHTML=s[t].innerHTML,e.head.appendChild(n);c&&c.parentNode.removeChild(c)}function f(){clearTimeout(d)}o=t.partytown||{},i==t&&(o.forward||[]).map((function(e){p=t,e.split(\".\").map((function(e,n,i){p=p[i[n]]=n+1<i.length?\"push\"==i[n+1]?[]:p[i[n]]||{}:function(){(t._ptf=t._ptf||[]).push(i,arguments)}}))})),\"complete\"==e.readyState?u():(t.addEventListener(\"DOMContentLoaded\",u),t.addEventListener(\"load\",u))}(window,document,navigator,top,window.crossOriginIsolated);"}],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["assets/_...2fc8f657.css","assets/_...7af61807.css","assets/_...b330a555.css"],"scripts":[{"type":"external","value":"hoisted.46e058d2.js"},{"type":"external","value":"page.3aa82516.js"},{"stage":"head-inline","children":"!(function(w,p,f,c){c=w[p]=Object.assign(w[p]||{},{\"lib\":\"/~partytown/\",\"debug\":false});c[f]=(c[f]||[])})(window,'partytown','forward');/* Partytown 0.4.5 - MIT builder.io */\n!function(t,e,n,i,r,o,a,d,s,c,p,l){function u(){l||(l=1,\"/\"==(a=(o.lib||\"/~partytown/\")+(o.debug?\"debug/\":\"\"))[0]&&(s=e.querySelectorAll('script[type=\"text/partytown\"]'),i!=t?i.dispatchEvent(new CustomEvent(\"pt1\",{detail:t})):(d=setTimeout(w,1e4),e.addEventListener(\"pt0\",f),r?h(1):n.serviceWorker?n.serviceWorker.register(a+(o.swPath||\"partytown-sw.js\"),{scope:a}).then((function(t){t.active?h():t.installing&&t.installing.addEventListener(\"statechange\",(function(t){\"activated\"==t.target.state&&h()}))}),console.error):w())))}function h(t){c=e.createElement(t?\"script\":\"iframe\"),t||(c.setAttribute(\"style\",\"display:block;width:0;height:0;border:0;visibility:hidden\"),c.setAttribute(\"aria-hidden\",!0)),c.src=a+\"partytown-\"+(t?\"atomics.js?v=0.4.5\":\"sandbox-sw.html?\"+Date.now()),e.body.appendChild(c)}function w(t,n){for(f(),t=0;t<s.length;t++)(n=e.createElement(\"script\")).innerHTML=s[t].innerHTML,e.head.appendChild(n);c&&c.parentNode.removeChild(c)}function f(){clearTimeout(d)}o=t.partytown||{},i==t&&(o.forward||[]).map((function(e){p=t,e.split(\".\").map((function(e,n,i){p=p[i[n]]=n+1<i.length?\"push\"==i[n+1]?[]:p[i[n]]||{}:function(){(t._ptf=t._ptf||[]).push(i,arguments)}}))})),\"complete\"==e.readyState?u():(t.addEventListener(\"DOMContentLoaded\",u),t.addEventListener(\"load\",u))}(window,document,navigator,top,window.crossOriginIsolated);"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","_meta":{"trailingSlash":"ignore"}}}],"site":"https://storefront-demo.e-com.plus/","base":"/","markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"extendDefaultPlugins":false,"isAstroFlavoredMd":false},"pageMap":null,"renderers":[],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"entry.mjs","@astrojs/vue/client.js":"client.80baece3.js","/astro/hoisted.js?q=0":"hoisted.46e058d2.js","astro:scripts/page.js":"page.3aa82516.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/.pnpm/workbox-window@6.5.4/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"chunks/workbox-window.prod.es5.4b654ae6.js","astro:scripts/before-hydration.js":""},"assets":["/assets/_...b330a555.css","/assets/fallback.a3f85892.css","/assets/fallback-index.552fd862.css","/assets/index.73f26ab5.css","/assets/_...7af61807.css","/assets/_...2fc8f657.css","/manifest.webmanifest","/registerSW.js","/client.80baece3.js","/hoisted.46e058d2.js","/page.3aa82516.js","/robots.txt","/sw.js","/workbox-361aba39.js","/admin/config.json","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/chunks/workbox-window.prod.es5.4b654ae6.js","/img/icon.png","/img/large-icon.png","/img/uploads/banner1.png","/img/uploads/banner2.png","/img/uploads/banner2.webp","/img/uploads/favicon.png","/img/uploads/headless.png","/img/uploads/headphone.png","/img/uploads/headphone.webp","/img/uploads/icon.png","/img/uploads/large-icon.png","/img/uploads/logo.png","/img/uploads/logo.webp","/img/uploads/og-image.png","/img/uploads/passion.png","/img/uploads/passion.webp","/img/uploads/pwa-reliable.png","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.png","/img/uploads/rect89.webp","/img/uploads/ssl-safe.png","/assets/icons/bootstrap-icons/font/storefront-icons.woff2","/assets/icons/feather-icons/font/storefront-icons.woff2","/assets/icons/font-awesome/font/storefront-icons.woff2","/assets/icons/line-awesome/font/storefront-icons.woff2","/assets/icons/tabler-icons/font/storefront-icons.woff2","/page.3aa82516.js","/~partytown/partytown-atomics.js","/~partytown/partytown-media.js","/~partytown/partytown-sw.js","/~partytown/partytown.js"]}), {
 	pageMap: pageMap,
 	renderers: renderers
 });