cloudcommerce 0.0.96 → 0.0.98

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

@@ -1,8 +1,8 @@
 import * as adapter from '@astrojs/node/server.js';
-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 { defineComponent, h, createSSRApp, mergeProps, createVNode as createVNode$1, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, useSSRContext, toRefs, unref, ref, watch, toRef, computed, defineAsyncComponent, renderSlot as renderSlot$1 } from 'vue';
+import { renderToString as renderToString$1, ssrRenderAttrs, ssrRenderSlot, ssrRenderVNode, ssrInterpolate, ssrRenderList, ssrRenderAttr, ssrRenderClass, ssrRenderComponent } from 'vue/server-renderer';
 import { escape } from 'html-escaper';
-/* empty css                                                     */import fs from 'fs';
+/* empty css                                                                 */import fs from 'fs';
 import { resolve } from 'path';
 import Deepmerge from '@fastify/deepmerge';
 import * as $$module1$5 from '@ecomplus/utils';
@@ -10,6 +10,7 @@ import $$module1__default from '@ecomplus/utils';
 /* empty css                                           */import * as $$module1$6 from 'color';
 import $$module1__default$1 from 'color';
 import imageSize from 'image-size';
+import { i19close, i19myAccountAndOrders } from '@ecomplus/i18n/src/pt_br/index.js';
 import 'mime';
 import 'kleur/colors';
 import 'string-width';
@@ -1680,7 +1681,7 @@ const _getConfig = () => {
 
   const settings = cms('settings');
   const { domain } = settings;
-  const primaryColor = settings.primary_color || '#20c997';
+  const primaryColor = settings.primary_color || '#137c5c';
   const secondaryColor = settings.secondary_color || '#343a40';
 
   return {
@@ -1789,10 +1790,10 @@ const $$module1$3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePropert
 	loadPageContext
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$c = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", { modules: [{ module: $$module1$5, 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 $$metadata$d = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", { modules: [{ module: $$module1$5, specifier: "@ecomplus/utils", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$Astro$d = 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);
+  const Astro2 = $$result.createAstro($$Astro$d, $$props, $$slots);
   Astro2.self = $$BaseHead;
   const {
     storeId,
@@ -1835,7 +1836,6 @@ ${renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`}
 <link rel="apple-touch-icon"${addAttribute(settings.icon, "href")}>
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="default">
-
 <meta property="og:site_name"${addAttribute(settings.name, "content")}>
 <meta property="og:url"${addAttribute(canonicalUrl, "content")}>
 <meta property="og:title"${addAttribute(title, "content")}>
@@ -1846,45 +1846,43 @@ ${ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "co
 ${cmsSocial.fb_app_id && renderTemplate`<meta property="fb:app_id"${addAttribute(cmsSocial.fb_app_id, "content")}>`}
 <meta name="twitter:card" content="summary">
 ${cmsSocial.twitter_username && renderTemplate`<meta name="twitter:site"${addAttribute(cmsSocial.twitter_username, "content")}>`}
-
-<link rel="preconnect" href="https://ecomplus.io/" crossorigin>
-<link rel="dns-prefetch" href="https://ecomplus.io/">
 <meta name="ecom-store-id"${addAttribute(String(storeId), "content")}>
 `;
 });
 
-const $$file$c = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro";
-const $$url$c = undefined;
+const $$file$d = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro";
+const $$url$d = undefined;
 
 const $$module1$2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
-	$$metadata: $$metadata$c,
+	$$metadata: $$metadata$d,
 	default: $$BaseHead,
-	file: $$file$c,
-	url: $$url$c
+	file: $$file$d,
+	url: $$url$d
 }, 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$b = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.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/BaseStateJson.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
+const $$metadata$c = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro", { modules: [{ module: $$module1$5, 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/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);
+  const Astro2 = $$result.createAstro($$Astro$c, $$props, $$slots);
   Astro2.self = $$BaseStateJson;
-  const { pageContext } = Astro2.props;
   const {
-    storeId,
-    apiResource,
-    apiDoc,
-    lang,
-    countryCode,
-    currency,
-    currencySymbol,
-    domain,
-    settings
-  } = pageContext;
+    pageContext: {
+      storeId,
+      apiResource,
+      apiDoc,
+      lang,
+      countryCode,
+      currency,
+      currencySymbol,
+      domain,
+      settings
+    }
+  } = Astro2.props;
   let inlineClientJS = `
 window.storefront = ${JSON.stringify({
     settings: {
@@ -1934,18 +1932,18 @@ window.storefront.context = ${JSON.stringify({
   return renderTemplate(_a || (_a = __template(["<script>", '<\/script>\n<script type="application/ld+json">', "<\/script>\n"])), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd));
 });
 
-const $$file$b = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro";
-const $$url$b = undefined;
+const $$file$c = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro";
+const $$url$c = undefined;
 
 const $$module2$3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
-	$$metadata: $$metadata$b,
+	$$metadata: $$metadata$c,
 	default: $$BaseStateJson,
-	file: $$file$b,
-	url: $$url$b
+	file: $$file$c,
+	url: $$url$c
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$a = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro", { modules: [{ module: $$module1$6, specifier: "color", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [{ type: "inline", value: `
+const $$metadata$b = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro", { modules: [{ module: $$module1$6, specifier: "color", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [{ type: "inline", value: `
     import { registerSW } from 'virtual:pwa-register';
     import { initializeApp } from 'firebase/app';
     registerSW();
@@ -1960,9 +1958,9 @@ const $$metadata$a = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/
     };
     initializeApp(firebaseConfig);
   ` }] });
-const $$Astro$a = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
+const $$Astro$b = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
 const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$b, $$props, $$slots);
   Astro2.self = $$BaseBody;
   const { pageContext } = Astro2.props;
   const { primaryColor, secondaryColor } = pageContext;
@@ -2000,45 +1998,49 @@ const $$BaseBody = 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-50: #f9fafb;
-    --gray-200: #e5e7eb;
-    --gray-700: #374151;
-    --gray-800: #1f2937;
-    --gray-900: #111827;
-    --surface-color: var(--gray-50);
-    --surface-border-color: var(--gray-200);
-    --yiq-text-light: var(--white);
-    --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: rgba(var(--primary-200-rgb), 0.2);
-    --primary-inverse: var(--primary-500-yiq);
-    --secondary: var(--secondary-500);
-    --secondary-hover: var(--secondary-700);
-    --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);
-    }
-    :root:not([data-theme=light]) a:is([aria-current], :hover, :active, :focus) {
-      --color: var(--primary-400);
-    }
-  }
-  body {
-    overflow-x: hidden;
-  }` }
+  --content-max-width: 80rem;
+  --white: #fff;
+  --gray-50: #f9fafb;
+  --gray-200: #e5e7eb;
+  --gray-400: #94a3b8;
+  --gray-600: #4b5563;
+  --gray-700: #374151;
+  --gray-800: #1f2937;
+  --gray-900: #111827;
+  --gray: var(--gray-600);
+  --gray-accent: var(--gray-800);
+  --surface-color: var(--gray-50);
+  --surface-border-color: var(--gray-200);
+  --yiq-text-light: var(--white);
+  --yiq-text-dark: var(--gray-900);
+}
+body {
+  --primary: var(--primary-500);
+  --primary-hover: var(--primary-700);
+  --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: 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]) {
+    --gray: var(--gray-400);
+    --gray-accent: var(--gray-200);
+    --surface-color: var(--gray-800);
+    --surface-border-color: var(--gray-700);
+  }
+  :root:not([data-theme=light]) a:not([role=button]) {
+    --color: var(--primary-100);
+  }
+  :root:not([data-theme=light]) a:not([role=button]):is([aria-current], :hover, :active, :focus) {
+    --color: var(--primary-300);
+  }
+}
+body {
+  overflow-x: hidden;
+}` }
   ];
   for (const STYLE of STYLES)
     $$result.styles.add(STYLE);
@@ -2050,21 +2052,21 @@ const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
 </body>`;
 });
 
-const $$file$a = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro";
-const $$url$a = undefined;
+const $$file$b = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro";
+const $$url$b = undefined;
 
 const $$module3$4 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
-	$$metadata: $$metadata$a,
+	$$metadata: $$metadata$b,
 	default: $$BaseBody,
-	file: $$file$a,
-	url: $$url$a
+	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$2, specifier: "./BaseHead.astro", assert: {} }, { module: $$module2$3, specifier: "./BaseStateJson.astro", assert: {} }, { module: $$module3$4, specifier: "./BaseBody.astro", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
-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 $$metadata$a = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro", { modules: [{ module: $$module1$2, specifier: "./BaseHead.astro", assert: {} }, { module: $$module2$3, specifier: "./BaseStateJson.astro", assert: {} }, { module: $$module3$4, specifier: "./BaseBody.astro", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+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 { cms } = pageContext;
@@ -2082,15 +2084,15 @@ ${renderComponent($$result, "BaseBody", $$BaseBody, { "pageContext": pageContext
   `)}` })}`;
 });
 
-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$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
-	$$metadata: $$metadata$9,
+	$$metadata: $$metadata$a,
 	default: $$Base,
-	file: $$file$9,
-	url: $$url$9
+	file: $$file$a,
+	url: $$url$a
 }, Symbol.toStringTag, { value: 'Module' }));
 
 const tryImageSize = (src) => {
@@ -2105,7 +2107,7 @@ const tryImageSize = (src) => {
   }
   return dimensions;
 };
-const getImageAttrs = async (attrs) => {
+const getImageAttrs = (attrs) => {
   if (!attrs.width || !attrs.height) {
     const { width, height } = tryImageSize(attrs.src);
     if (width) {
@@ -2128,7 +2130,7 @@ const $$module1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
 	getImageAttrs
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "TopBar",
   __ssrInlineRender: true,
   props: {
@@ -2140,19 +2142,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     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 }, () => {
+      ssrRenderSlot(_ctx.$slots, "countdown", { marketingStripe: __props.marketingStripe }, () => {
         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"]],
+            class: ["top-bar__countdown block text-sm text-center p-1 whitespace-nowrap overflow-x-auto", __props.marketingStripe.link ? "primary" : "secondary"],
             href: __props.marketingStripe.link
           }, {
             default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -2172,9 +2170,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }, _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 }, () => {
+        ssrRenderSlot(_ctx.$slots, "page-links", { pageLinks: __props.pageLinks }, () => {
           if (__props.pageLinks) {
-            _push(`<nav class="${ssrRenderClass([__props.pageLinksClass, "top-bar__page-links inline-block mr-4 font-semibold"])}"><!--[-->`);
+            _push(`<nav class="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>`);
             });
@@ -2183,15 +2181,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             _push(`<!---->`);
           }
         }, _push, _parent);
-        ssrRenderSlot(_ctx.$slots, "contact-links", { contacts: __props.contacts, hasPhoneLinks: __props.hasPhoneLinks, contactLinksClass: __props.contactLinksClass }, () => {
+        ssrRenderSlot(_ctx.$slots, "contact-links", { contacts: __props.contacts, hasPhoneLinks: __props.hasPhoneLinks }, () => {
           if (__props.hasPhoneLinks) {
-            _push(`<div class="${ssrRenderClass([__props.contactLinksClass, "top-bar__contact-links inline-block"])}">`);
+            _push(`<div class="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) {
+            if (__props.contacts.phone && __props.contacts.phone !== __props.contacts.whatsapp) {
               _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(`<!---->`);
@@ -2202,13 +2200,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           }
         }, _push, _parent);
         _push(`</div>`);
-        ssrRenderSlot(_ctx.$slots, "social-networks", { contacts: __props.contacts, hasNetworkLinks: __props.hasNetworkLinks, socialNetworksClass: __props.socialNetworksClass }, () => {
+        ssrRenderSlot(_ctx.$slots, "social-networks", { contacts: __props.contacts, hasNetworkLinks: __props.hasNetworkLinks }, () => {
           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">`);
+                _push(`<a${ssrRenderAttr("href", __props.contacts[network])} target="_blank" rel="noopener" class="ml-1"${ssrRenderAttr("aria-label", `Follow on ${network}`)}>`);
                 if (network === "facebook") {
                   _push(`<i class="i-facebook"></i>`);
                 } else if (network === "youtube") {
@@ -2244,46 +2242,208 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_setup$1 = _sfc_main$1.setup;
-_sfc_main$1.setup = (props, ctx) => {
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/TopBar.vue");
-  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
 };
 
 const $$module2$2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
-	default: _sfc_main$1
+	default: _sfc_main$3
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "TheHeader",
   __ssrInlineRender: true,
+  props: {
+    logo: null,
+    gridClass: { default: "grid grid-flow-col auto-cols-max justify-between items-center" },
+    actionsGridClass: { default: "grid items-center text-2xl" }
+  },
   setup(__props) {
+    const props = __props;
+    const { logo } = toRefs(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(`<header${ssrRenderAttrs(mergeProps({ class: "header bg-surface bg-opacity-70 sticky py-1 sm:py-2" }, _attrs))}><div class="container"><div class="${ssrRenderClass(__props.gridClass)}">`);
+      ssrRenderSlot(_ctx.$slots, "aside", {}, () => {
+        _push(`<div class="header__aside md:hidden"><div class="i-bars-3-bottom-left"></div></div>`);
+      }, _push, _parent);
+      ssrRenderSlot(_ctx.$slots, "logo", { logo: unref(logo) }, () => {
+        if (unref(logo)) {
+          _push(`<a href="/" class="header__logo">`);
+          ssrRenderVNode(_push, createVNode$1(resolveDynamicComponent(unref(logo).alt ? "h1" : "span"), { class: "m-0" }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(`<img${ssrRenderAttrs(unref(logo))}${_scopeId}>`);
+              } else {
+                return [
+                  createVNode$1("img", unref(logo), null, 16)
+                ];
+              }
+            }),
+            _: 1
+          }), _parent);
+          _push(`</a>`);
+        } else {
+          _push(`<!---->`);
+        }
+      }, _push, _parent);
+      ssrRenderSlot(_ctx.$slots, "actions-grid", {}, () => {
+        _push(`<div class="${ssrRenderClass(__props.actionsGridClass)}">`);
+        ssrRenderSlot(_ctx.$slots, "nav", {}, null, _push, _parent);
+        ssrRenderSlot(_ctx.$slots, "search", {}, null, _push, _parent);
+        ssrRenderSlot(_ctx.$slots, "buttons", {}, null, _push, _parent);
+        _push(`</div>`);
+      }, _push, _parent);
       _push(`</div></div></header>`);
     };
   }
 });
 
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/TheHeader.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+
+const $$module3$3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+	__proto__: null,
+	default: _sfc_main$2
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "AOffcanvas",
+  __ssrInlineRender: true,
+  props: {
+    modelValue: { type: Boolean, default: false },
+    placement: { default: "end" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const close = () => emit("update:modelValue", false);
+    const article = ref(null);
+    const outsideClickListener = (ev) => {
+      if (!article.value?.contains(ev.target)) {
+        close();
+      }
+    };
+    const escClickListener = (ev) => {
+      if (ev.key === "Escape") {
+        close();
+      }
+    };
+    watch(toRef(props, "modelValue"), async (isOpen) => {
+      if (isOpen) {
+        document.body.style.maxWidth = `${document.body.offsetWidth}px`;
+        document.body.style.overflow = "hidden";
+        setTimeout(() => {
+          document.addEventListener("click", outsideClickListener, { passive: true });
+          document.addEventListener("keydown", escClickListener, { passive: true });
+        }, 500);
+      } else {
+        document.removeEventListener("click", outsideClickListener);
+        document.removeEventListener("keydown", escClickListener);
+      }
+    });
+    const transition3dTx = computed(() => {
+      return props.placement === "end" ? "100%" : "-100%";
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      ({ style: {
+        "--d23880fa": unref(transition3dTx)
+      } });
+      if (__props.modelValue) {
+        _push(`<dialog${ssrRenderAttrs(mergeProps({
+          class: ["offcanvas p-0", __props.placement === "end" ? "justify-end" : "justify-start"],
+          open: __props.modelValue
+        }, _attrs))} data-v-8bddc837><article class="rounded-none h-full max-h-screen m-0" data-v-8bddc837><a href="#close"${ssrRenderAttr("aria-label", unref(i19close))} class="close" data-target="modal-example" data-v-8bddc837></a>`);
+        ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+        _push(`</article></dialog>`);
+      } else {
+        _push(`<!---->`);
+      }
+    };
+  }
+});
+
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+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/AOffcanvas.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const AOffcanvas = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8bddc837"]]);
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LoginOffcanvas",
+  __ssrInlineRender: true,
+  props: {
+    accountUrl: { default: "/app/account" },
+    accountIconClass: { default: "i-user-circle" }
+  },
+  setup(__props) {
+    const isVisible = ref(false);
+    const loadingLoginForm = Promise.resolve();
+    const LoginForm = defineAsyncComponent(() => loadingLoginForm);
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<!--[--><div>`);
+      ssrRenderSlot(_ctx.$slots, "toggle", { isVisible: isVisible.value }, () => {
+        _push(`<a${ssrRenderAttr("href", __props.accountUrl)}${ssrRenderAttr("title", unref(i19myAccountAndOrders))}><div class="${ssrRenderClass(__props.accountIconClass)}"></div></a>`);
+      }, _push, _parent);
+      _push(`</div>`);
+      _push(ssrRenderComponent(AOffcanvas, {
+        modelValue: isVisible.value,
+        "onUpdate:modelValue": ($event) => isVisible.value = $event,
+        class: "login-offcanvas"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "form", {}, () => {
+              _push2(ssrRenderComponent(unref(LoginForm), { class: "max-w-xs" }, null, _parent2, _scopeId));
+            }, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot$1(_ctx.$slots, "form", {}, () => [
+                createVNode$1(unref(LoginForm), { class: "max-w-xs" })
+              ])
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+      _push(`<!--]-->`);
+    };
+  }
+});
+
 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");
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/LoginOffcanvas.vue");
   return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };
 
-const $$module3$3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const $$module4 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
 	default: _sfc_main
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$8 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/PagesHeader.astro", { modules: [{ module: $$module1, specifier: "../helpers/image", assert: {} }, { module: $$module2$2, specifier: "../components/TopBar.vue", assert: {} }, { module: $$module3$3, specifier: "../components/TheHeader.vue", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
-const $$Astro$8 = 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 $$metadata$9 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/PagesHeader.astro", { modules: [{ module: $$module1, specifier: "../ssr/image", assert: {} }, { module: $$module2$2, specifier: "../components/TopBar.vue", assert: {} }, { module: $$module3$3, specifier: "../components/TheHeader.vue", assert: {} }, { module: $$module4, specifier: "../components/LoginOffcanvas.vue", assert: {} }], hydratedComponents: [_sfc_main], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set(["idle"]), 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$8, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
   Astro2.self = $$PagesHeader;
   const {
     pageContext: {
@@ -2292,7 +2452,8 @@ const $$PagesHeader = createComponent(async ($$result, $$props, $$slots) => {
       cms
     },
     topBarProps,
-    logoTransform
+    theHeaderProps,
+    loginOffcanvasProps
   } = Astro2.props;
   const header = cms("header");
   const contacts = cms("contacts");
@@ -2331,33 +2492,43 @@ const $$PagesHeader = createComponent(async ($$result, $$props, $$slots) => {
     contacts,
     ...topBarProps
   };
-  const logoWebpAttrs = await getImageAttrs({
-    src: settings.logo,
-    width: 150
-  });
+  globalThis.TheHeaderProps = {
+    logo: {
+      ...getImageAttrs({
+        src: settings.logo,
+        width: 150
+      }),
+      alt: settings.name
+    },
+    ...theHeaderProps
+  };
+  globalThis.LoginOffcanvasProps = {
+    ...loginOffcanvasProps
+  };
   return renderTemplate`${renderSlot($$result, $$slots["top-bar"], renderTemplate`
-  ${renderComponent($$result, "TopBar", _sfc_main$1, { ...globalThis.TopBarProps })}
+  ${renderComponent($$result, "TopBar", _sfc_main$3, { ...globalThis.TopBarProps })}
 `)}
 ${renderSlot($$result, $$slots["header"], renderTemplate`
-  ${renderComponent($$result, "TheHeader", _sfc_main, {}, { "logo": () => renderTemplate`${maybeRenderHead($$result)}<img${spreadAttributes(logoWebpAttrs)}${addAttribute(`${settings.name} (logo)`, "alt")}>` })}
-`)}`;
+  ${renderComponent($$result, "TheHeader", _sfc_main$2, { ...globalThis.TheHeaderProps }, { "buttons": () => renderTemplate`${renderComponent($$result, "Fragment", Fragment, { "slot": "buttons" }, { "default": () => renderTemplate`${renderComponent($$result, "LoginOffcanvas", _sfc_main, { "client:idle": true, ...globalThis.LoginOffcanvasProps, "client:component-hydration": "idle", "client:component-path": "/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/LoginOffcanvas.vue", "client:component-export": "default" })}` })}` })}
+`)}
+`;
 });
 
-const $$file$8 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/PagesHeader.astro";
-const $$url$8 = undefined;
+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$8,
+	$$metadata: $$metadata$9,
 	default: $$PagesHeader,
-	file: $$file$8,
-	url: $$url$8
+	file: $$file$9,
+	url: $$url$9
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$7 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Pages.astro", { modules: [{ module: $$module1$1, specifier: "./Base.astro", assert: {} }, { module: $$module2$1, specifier: "./PagesHeader.astro", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
-const $$Astro$7 = 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 $$metadata$8 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Pages.astro", { modules: [{ module: $$module1$1, 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$7, $$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`
@@ -2365,21 +2536,21 @@ const $$Pages = createComponent(async ($$result, $$props, $$slots) => {
   `)}${renderSlot($$result, $$slots["default"])}` })}`;
 });
 
-const $$file$7 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Pages.astro";
-const $$url$7 = undefined;
+const $$file$8 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Pages.astro";
+const $$url$8 = undefined;
 
 const $$module2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
-	$$metadata: $$metadata$7,
+	$$metadata: $$metadata$8,
 	default: $$Pages,
-	file: $$file$7,
-	url: $$url$7
+	file: $$file$8,
+	url: $$url$8
 }, 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: {} }], 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 $$metadata$7 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/main/Home.astro", { modules: [{ module: $$module1$4, specifier: "@cloudcommerce/api", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$Astro$7 = 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);
+  const Astro2 = $$result.createAstro($$Astro$7, $$props, $$slots);
   Astro2.self = $$Home;
   const products = (await api.get("products")).data.result;
   return renderTemplate`${maybeRenderHead($$result)}<main>
@@ -2392,21 +2563,21 @@ const $$Home = createComponent(async ($$result, $$props, $$slots) => {
 </main>`;
 });
 
-const $$file$6 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/main/Home.astro";
-const $$url$6 = undefined;
+const $$file$7 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/main/Home.astro";
+const $$url$7 = undefined;
 
 const $$module3$2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
-	$$metadata: $$metadata$6,
+	$$metadata: $$metadata$7,
 	default: $$Home,
-	file: $$file$6,
-	url: $$url$6
+	file: $$file$7,
+	url: $$url$7
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$5 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro", { modules: [{ module: $$module1$3, specifier: "../lib/ssr-context", assert: {} }, { module: $$module2, specifier: "../lib/layouts/Pages.astro", assert: {} }, { module: $$module3$2, 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 $$metadata$6 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro", { modules: [{ module: $$module1$3, specifier: "../lib/ssr-context", assert: {} }, { module: $$module2, specifier: "../lib/layouts/Pages.astro", assert: {} }, { module: $$module3$2, specifier: "../lib/main/Home.astro", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$Astro$6 = 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);
+  const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
   Astro2.self = $$Index$1;
   let pageContext;
   let loadError;
@@ -2425,21 +2596,21 @@ ${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment,
 </html>`;
 });
 
-const $$file$5 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro";
-const $$url$5 = "";
+const $$file$6 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro";
+const $$url$6 = "";
 
 const _page0 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
-	$$metadata: $$metadata$5,
+	$$metadata: $$metadata$6,
 	default: $$Index$1,
-	file: $$file$5,
-	url: $$url$5
+	file: $$file$6,
+	url: $$url$6
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$4 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/main/Fallback.astro", { modules: [], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
-const $$Astro$4 = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/main/Fallback.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
+const $$metadata$5 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/main/Fallback.astro", { modules: [], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$Astro$5 = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/main/Fallback.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
 const $$Fallback$1 = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$5, $$props, $$slots);
   Astro2.self = $$Fallback$1;
   return renderTemplate`${maybeRenderHead($$result)}<main>
   <h1>Error :/</h1>
@@ -2450,21 +2621,21 @@ const $$Fallback$1 = createComponent(async ($$result, $$props, $$slots) => {
 </main>`;
 });
 
-const $$file$4 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/main/Fallback.astro";
-const $$url$4 = undefined;
+const $$file$5 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/main/Fallback.astro";
+const $$url$5 = undefined;
 
 const $$module3$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
-	$$metadata: $$metadata$4,
+	$$metadata: $$metadata$5,
 	default: $$Fallback$1,
-	file: $$file$4,
-	url: $$url$4
+	file: $$file$5,
+	url: $$url$5
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$3 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro", { modules: [{ module: $$module1$3, specifier: "../lib/ssr-context", assert: {} }, { module: $$module2, specifier: "../lib/layouts/Pages.astro", assert: {} }, { module: $$module3$1, specifier: "../lib/main/Fallback.astro", 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 $$metadata$4 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro", { modules: [{ module: $$module1$3, specifier: "../lib/ssr-context", assert: {} }, { module: $$module2, specifier: "../lib/layouts/Pages.astro", assert: {} }, { module: $$module3$1, specifier: "../lib/main/Fallback.astro", assert: {} }], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$Astro$4 = 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);
+  const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
   Astro2.self = $$Fallback;
   let pageContext;
   try {
@@ -2477,32 +2648,51 @@ ${renderComponent($$result, "PagesLayout", $$Pages, { "pageContext": pageContext
 </html>`;
 });
 
-const $$file$3 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro";
-const $$url$3 = "/fallback";
+const $$file$4 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro";
+const $$url$4 = "/fallback";
 
 const _page1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
-	$$metadata: $$metadata$3,
+	$$metadata: $$metadata$4,
 	default: $$Fallback,
-	file: $$file$3,
-	url: $$url$3
+	file: $$file$4,
+	url: $$url$4
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const $$metadata$2 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro", { modules: [], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
-const $$Astro$2 = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
+const $$metadata$3 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro", { modules: [], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$Astro$3 = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
 const $$Index = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$2, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$3, $$props, $$slots);
   Astro2.self = $$Index;
   return renderTemplate``;
 });
 
-const $$file$2 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro";
-const $$url$2 = "/app";
+const $$file$3 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro";
+const $$url$3 = "/app";
 
 const _page2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
-	$$metadata: $$metadata$2,
+	$$metadata: $$metadata$3,
 	default: $$Index,
+	file: $$file$3,
+	url: $$url$3
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const $$metadata$2 = createMetadata("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro", { modules: [], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: /* @__PURE__ */ new Set([]), hoisted: [] });
+const $$Astro$2 = createAstro("/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro", "https://storefront-demo.e-com.plus/", "file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/");
+const $$Account = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$2, $$props, $$slots);
+  Astro2.self = $$Account;
+  return renderTemplate``;
+});
+
+const $$file$2 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro";
+const $$url$2 = "/app/account";
+
+const _page3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+	__proto__: null,
+	$$metadata: $$metadata$2,
+	default: $$Account,
 	file: $$file$2,
 	url: $$url$2
 }, Symbol.toStringTag, { value: 'Module' }));
@@ -2565,7 +2755,7 @@ ${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment,
 const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro";
 const $$url = "/[...slug]";
 
-const _page3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const _page4 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
 	$$metadata,
 	default: $$,
@@ -2573,7 +2763,7 @@ const _page3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const pageMap = new Map([['src/pages/index.astro', _page0],['src/pages/fallback.astro', _page1],['src/pages/app/index.astro', _page2],['src/pages/[...slug].astro', _page3],]);
+const pageMap = new Map([['src/pages/index.astro', _page0],['src/pages/fallback.astro', _page1],['src/pages/app/index.astro', _page2],['src/pages/app/account.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") {
@@ -2645,7 +2835,7 @@ function deserializeManifest(serializedManifest) {
   };
 }
 
-const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":["assets/_...ee104f19.css","assets/_...73e01db2.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/_...ee104f19.css","assets/_...73e01db2.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/_...ee104f19.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/_...ee104f19.css","assets/_...73e01db2.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/_...73e01db2.css","/assets/_...ee104f19.css","/manifest.webmanifest","/registerSW.js","/client.80baece3.js","/hoisted.46e058d2.js","/page.3aa82516.js","/robots.txt","/sw.js","/workbox-6f0d1f78.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":["assets/_...a48b75c7.css","assets/_...522e6bf2.css"],"scripts":[{"type":"external","value":"hoisted.054c36ac.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/_...a48b75c7.css","assets/_...522e6bf2.css"],"scripts":[{"type":"external","value":"hoisted.054c36ac.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/_...a48b75c7.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/_...a48b75c7.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/account","type":"page","pattern":"^\\/app\\/account\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}],[{"content":"account","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/account.astro","pathname":"/app/account","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["assets/_...a48b75c7.css","assets/_...522e6bf2.css"],"scripts":[{"type":"external","value":"hoisted.054c36ac.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.b552d86a.js","/astro/hoisted.js?q=0":"hoisted.054c36ac.js","astro:scripts/page.js":"page.3aa82516.js","/@fs/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/LoginOffcanvas.vue":"LoginOffcanvas.daf3f717.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/LoginForm.vue":"chunks/LoginForm.d9251274.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/_...522e6bf2.css","/assets/_...a48b75c7.css","/manifest.webmanifest","/registerSW.js","/LoginOffcanvas.daf3f717.js","/client.b552d86a.js","/hoisted.054c36ac.js","/page.3aa82516.js","/robots.txt","/sw.js","/workbox-6f0d1f78.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/LoginForm.d9251274.js","/chunks/LoginOffcanvas.07fe6492.js","/chunks/index.esm.84a649c7.js","/chunks/preload-helper.f15ab524.js","/chunks/runtime-dom.esm-bundler.738639ee.js","/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
 });