cloudcommerce 0.6.3 → 0.6.5

package/packages/storefront/dist/client/sw.js

@@ -1 +1 @@
-if(!self.define){let e,s={};const r=(r,n)=>(r=new URL(r+".js",n).href,s[r]||new Promise((s=>{if("document"in self){const e=document.createElement("script");e.src=r,e.onload=s,document.head.appendChild(e)}else e=r,importScripts(r),s()})).then((()=>{let e=s[r];if(!e)throw new Error(`Module ${r} didn’t register its module`);return e})));self.define=(n,i)=>{const o=e||("document"in self?document.currentScript.src:"")||location.href;if(s[o])return;let l={};const a=e=>r(e,o),u={module:{uri:o},exports:l,require:a};s[o]=Promise.all(n.map((e=>u[e]||a(e)))).then((e=>(i(...e),l)))}}define(["./workbox-e2ee76b5"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"_astro/_...slug_.a594715c.css",revision:null},{url:"_astro/_plugin-vue_export-helper.43eaff51.js",revision:null},{url:"_astro/client.79615b8a.js",revision:null},{url:"_astro/firebase-app.7ce2ebb1.js",revision:null},{url:"_astro/format-money.060d67ef.js",revision:null},{url:"_astro/hoisted.721ad75d.js",revision:null},{url:"_astro/idle-callback.889bf0ea.js",revision:null},{url:"_astro/index.0c833781.css",revision:null},{url:"_astro/index.3243538d.js",revision:null},{url:"_astro/modules-info.01f8d523.js",revision:null},{url:"_astro/PitchBar.5ced676e.js",revision:null},{url:"_astro/preload-helper.101896b7.js",revision:null},{url:"_astro/Prices.2bd87845.js",revision:null},{url:"_astro/ProductCard.48f0f5ba.js",revision:null},{url:"_astro/runtime-dom.esm-bundler.cb4db78a.js",revision:null},{url:"_astro/server.60de185d.css",revision:null},{url:"_astro/session-utm.72684b84.js",revision:null},{url:"_astro/ShopHeader.05d64cc8.js",revision:null},{url:"_astro/workbox-window.prod.es5.295a6886.js",revision:null},{url:"img/uploads/large-icon.png",revision:"0b35db516cfa7475b1c2f8c081e8d54d"},{url:"manifest.webmanifest",revision:"6a858866b0560997f368e27ab5418e15"}],{ignoreURLParametersMatching:[/.*/]}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("/404"))),e.registerRoute(/^\/$/,new e.NetworkFirst,"GET"),e.registerRoute(/\/((?!(?:admin|assets|img)(\/|$))[^.]+)(\.(?!js|css|xml|txt|png|jpg|jpeg|webp|avif|svg|gif)[^.]+)*$/,new e.NetworkFirst({cacheName:"pages",plugins:[new e.ExpirationPlugin({maxEntries:50,purgeOnQuotaError:!0})]}),"GET"),e.registerRoute(/^\/assets\//,new e.StaleWhileRevalidate({cacheName:"assets",plugins:[]}),"GET"),e.registerRoute(/^\/_image$/,new e.StaleWhileRevalidate({cacheName:"sharp-images",plugins:[new e.ExpirationPlugin({maxEntries:50,maxAgeSeconds:2592e3,purgeOnQuotaError:!0})]}),"GET"),e.registerRoute(/^\/img\/uploads\/.*\.(?:png|jpg|jpeg|webp|avif|svg|gif)$/,new e.StaleWhileRevalidate({cacheName:"cms-images",plugins:[new e.ExpirationPlugin({maxEntries:20,maxAgeSeconds:2592e3,purgeOnQuotaError:!0})]}),"GET"),e.registerRoute(/^https:\/\/ecomplus\.io/,new e.NetworkFirst({cacheName:"store-api",plugins:[new e.ExpirationPlugin({maxEntries:50,purgeOnQuotaError:!0})]}),"GET"),e.registerRoute(/^https:\/\/(((\w+\.)?ecoms\d)|(ecom[\w-]+(\.\w+)*\.digitaloceanspaces))\.com.*\/imgs\/normal\//,new e.CacheFirst({cacheName:"product-thumbnails",plugins:[new e.ExpirationPlugin({maxEntries:100,maxAgeSeconds:2592e3,purgeOnQuotaError:!0})]}),"GET"),e.registerRoute(/^https:\/\/(((\w+\.)?ecoms\d)|(ecom[\w-]+(\.\w+)*\.digitaloceanspaces))\.com.*\/imgs\/big\//,new e.CacheFirst({cacheName:"product-pictures",plugins:[new e.ExpirationPlugin({maxEntries:10,maxAgeSeconds:604800,purgeOnQuotaError:!0})]}),"GET")}));
+if(!self.define){let e,s={};const r=(r,n)=>(r=new URL(r+".js",n).href,s[r]||new Promise((s=>{if("document"in self){const e=document.createElement("script");e.src=r,e.onload=s,document.head.appendChild(e)}else e=r,importScripts(r),s()})).then((()=>{let e=s[r];if(!e)throw new Error(`Module ${r} didn’t register its module`);return e})));self.define=(n,i)=>{const o=e||("document"in self?document.currentScript.src:"")||location.href;if(s[o])return;let a={};const l=e=>r(e,o),u={module:{uri:o},exports:a,require:l};s[o]=Promise.all(n.map((e=>u[e]||l(e)))).then((e=>(i(...e),a)))}}define(["./workbox-e2ee76b5"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"_astro/_...slug_.25a09a96.css",revision:null},{url:"_astro/_plugin-vue_export-helper.be244611.js",revision:null},{url:"_astro/client.bc16bf93.js",revision:null},{url:"_astro/firebase-app.7ce2ebb1.js",revision:null},{url:"_astro/format-money.e57ae2ab.js",revision:null},{url:"_astro/hoisted.721ad75d.js",revision:null},{url:"_astro/idle-callback.889bf0ea.js",revision:null},{url:"_astro/index.0c833781.css",revision:null},{url:"_astro/index.248ccd97.js",revision:null},{url:"_astro/modules-info.8540ba60.js",revision:null},{url:"_astro/PitchBar.96fed383.js",revision:null},{url:"_astro/preload-helper.101896b7.js",revision:null},{url:"_astro/Prices.036ad2b4.js",revision:null},{url:"_astro/ProductCard.69751e12.js",revision:null},{url:"_astro/runtime-dom.esm-bundler.be3a98cd.js",revision:null},{url:"_astro/server.1bc2fa51.css",revision:null},{url:"_astro/session-utm.72684b84.js",revision:null},{url:"_astro/ShopHeader.4a8ce417.js",revision:null},{url:"_astro/workbox-window.prod.es5.295a6886.js",revision:null},{url:"img/uploads/large-icon.png",revision:"0b35db516cfa7475b1c2f8c081e8d54d"},{url:"manifest.webmanifest",revision:"6a858866b0560997f368e27ab5418e15"}],{ignoreURLParametersMatching:[/.*/]}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("/404"))),e.registerRoute(/^\/$/,new e.NetworkFirst,"GET"),e.registerRoute(/\/((?!(?:admin|assets|img)(\/|$))[^.]+)(\.(?!js|css|xml|txt|png|jpg|jpeg|webp|avif|svg|gif)[^.]+)*$/,new e.NetworkFirst({cacheName:"pages",plugins:[new e.ExpirationPlugin({maxEntries:50,purgeOnQuotaError:!0})]}),"GET"),e.registerRoute(/^\/assets\//,new e.StaleWhileRevalidate({cacheName:"assets",plugins:[]}),"GET"),e.registerRoute(/^\/_image$/,new e.StaleWhileRevalidate({cacheName:"sharp-images",plugins:[new e.ExpirationPlugin({maxEntries:50,maxAgeSeconds:2592e3,purgeOnQuotaError:!0})]}),"GET"),e.registerRoute(/^\/img\/uploads\/.*\.(?:png|jpg|jpeg|webp|avif|svg|gif)$/,new e.StaleWhileRevalidate({cacheName:"cms-images",plugins:[new e.ExpirationPlugin({maxEntries:20,maxAgeSeconds:2592e3,purgeOnQuotaError:!0})]}),"GET"),e.registerRoute(/^https:\/\/ecomplus\.io/,new e.NetworkFirst({cacheName:"store-api",plugins:[new e.ExpirationPlugin({maxEntries:50,purgeOnQuotaError:!0})]}),"GET"),e.registerRoute(/^https:\/\/(((\w+\.)?ecoms\d)|(ecom[\w-]+(\.\w+)*\.digitaloceanspaces))\.com.*\/imgs\/normal\//,new e.CacheFirst({cacheName:"product-thumbnails",plugins:[new e.ExpirationPlugin({maxEntries:100,maxAgeSeconds:2592e3,purgeOnQuotaError:!0})]}),"GET"),e.registerRoute(/^https:\/\/(((\w+\.)?ecoms\d)|(ecom[\w-]+(\.\w+)*\.digitaloceanspaces))\.com.*\/imgs\/big\//,new e.CacheFirst({cacheName:"product-pictures",plugins:[new e.ExpirationPlugin({maxEntries:10,maxAgeSeconds:604800,purgeOnQuotaError:!0})]}),"GET")}));

package/packages/storefront/dist/server/chunks/pages/{all.f15e2c35.mjs → all.9ad006f8.mjs}

@@ -709,9 +709,9 @@ const getImage = async (options) => {
   return imgAttrs;
 };
 
-const $$Astro$g = createAstro("https://ecom2-002.web.app");
+const $$Astro$i = createAstro("https://ecom2-002.web.app");
 const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$g, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$i, $$props, $$slots);
   Astro2.self = $$BaseHead;
   const {
     storeId,
@@ -771,17 +771,18 @@ ${cmsMetatags?.fb_app_id && renderTemplate`<meta property="fb:app_id"${addAttrib
 <meta name="twitter:card" content="summary">
 ${cmsMetatags?.twitter_username && renderTemplate`<meta name="twitter:site"${addAttribute(cmsMetatags.twitter_username, "content")}>`}
 <meta name="ecom-store-id"${addAttribute(String(storeId), "content")}>
+
 ${pwaInfo }
-`;
+${renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro");
 
 var __freeze$1 = Object.freeze;
 var __defProp$1 = Object.defineProperty;
 var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", { value: __freeze$1(raw || cooked.slice()) }));
 var _a$1;
-const $$Astro$f = createAstro("https://ecom2-002.web.app");
+const $$Astro$h = createAstro("https://ecom2-002.web.app");
 const $$BaseStateJson = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$f, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$h, $$props, $$slots);
   Astro2.self = $$BaseStateJson;
   const {
     pageContext: {
@@ -841,9 +842,9 @@ window.storefront.context = ${JSON.stringify({
   return renderTemplate(_a$1 || (_a$1 = __template$1(["<script>", '<\/script>\n<script type="application/ld+json">', "<\/script>"])), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd));
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro");
 
-const $$Astro$e = createAstro("https://ecom2-002.web.app");
+const $$Astro$g = createAstro("https://ecom2-002.web.app");
 const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$e, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$g, $$props, $$slots);
   Astro2.self = $$BaseBody;
   return renderTemplate`${maybeRenderHead($$result)}<body>
   <div id="teleported-overlap" class="relative z-50"></div>
@@ -854,9 +855,9 @@ const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
 </body>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro");
 
-const $$Astro$d = createAstro("https://ecom2-002.web.app");
+const $$Astro$f = createAstro("https://ecom2-002.web.app");
 const $$Base$1 = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$d, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$f, $$props, $$slots);
   Astro2.self = $$Base$1;
   const { pageContext, title } = Astro2.props;
   const { cms } = pageContext;
@@ -876,24 +877,24 @@ var __freeze = Object.freeze;
 var __defProp = Object.defineProperty;
 var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
 var _a;
-const $$Astro$c = createAstro("https://ecom2-002.web.app");
+const $$Astro$e = createAstro("https://ecom2-002.web.app");
 const $$InlineScripts = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$c, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$e, $$props, $$slots);
   Astro2.self = $$InlineScripts;
   return renderTemplate(_a || (_a = __template(["<script>\n  window.firebaseConfig = {\n    apiKey: 'AIzaSyCrVzemDgpyp9i6ni7Yc5ZuEVfXYwl-4J0',\n    authDomain: 'ecom2-002.firebaseapp.com',\n    projectId: 'ecom2-002',\n    storageBucket: 'ecom2-002.appspot.com',\n    messagingSenderId: '402807248219',\n    appId: '1:402807248219:web:cf7d57759751e74776367e',\n    measurementId: 'G-SC592CE0GB',\n  };\n<\/script>"])));
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/scripts/InlineScripts.astro");
 
-const $$Astro$b = createAstro("https://ecom2-002.web.app");
+const $$Astro$d = createAstro("https://ecom2-002.web.app");
 const $$Base = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$b, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$d, $$props, $$slots);
   Astro2.self = $$Base;
   const { pageContext, title } = Astro2.props;
   return renderTemplate`${renderComponent($$result, "Base", $$Base$1, { "pageContext": pageContext, "title": title }, { "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["default"])}` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro");
 
-const $$Astro$a = createAstro("https://ecom2-002.web.app");
+const $$Astro$c = createAstro("https://ecom2-002.web.app");
 const $$Image = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$c, $$props, $$slots);
   Astro2.self = $$Image;
   const { loading = "lazy", decoding = "async", ...props } = Astro2.props;
   if (props.alt === void 0 || props.alt === null) {
@@ -903,9 +904,9 @@ const $$Image = createComponent(async ($$result, $$props, $$slots) => {
   return renderTemplate`${maybeRenderHead($$result)}<img${spreadAttributes(attrs)}${addAttribute(loading, "loading")}${addAttribute(decoding, "decoding")}>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/@astrojs/image/components/Image.astro");
 
-const $$Astro$9 = createAstro("https://ecom2-002.web.app");
+const $$Astro$b = createAstro("https://ecom2-002.web.app");
 const $$Picture$1 = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$b, $$props, $$slots);
   Astro2.self = $$Picture$1;
   const {
     src,
@@ -957,9 +958,9 @@ The "alt" attribute holds a text description of the image, which isn't mandatory
 `);
 }
 
-const $$Astro$8 = createAstro("https://ecom2-002.web.app");
+const $$Astro$a = createAstro("https://ecom2-002.web.app");
 const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
   Astro2.self = $$Picture;
   const props = Astro2.props;
   if (!props.aspectRatio && typeof props.src === "string") {
@@ -1078,10 +1079,11 @@ function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   _push(`<button${ssrRenderAttrs(mergeProps({
     type: "button",
     "aria-label": $props.direction > 0 ? "Pr\xF3ximo" : "Anterior",
+    class: ["group absolute top-0", $props.direction > 0 ? "right-0" : "left-0"],
     "data-carousel-control": $props.direction > 0 ? "next" : "previous"
   }, _attrs))}>`);
   ssrRenderSlot(_ctx.$slots, "default", {}, () => {
-    _push(`<i class="${ssrRenderClass([$props.direction > 0 ? "i-chevron-right" : "i-chevron-left", "m-0"])}"></i>`);
+    _push(`<i class="${ssrRenderClass([$props.direction > 0 ? "i-chevron-right group-active:translate-x-1" : "i-chevron-left group-active:-translate-x-1", "m-0"])}"></i>`);
   }, _push, _parent);
   _push(`</button>`);
 }
@@ -1208,7 +1210,10 @@ const _sfc_main$b = defineComponent({
       calcCurrentIndex();
       calcIndexCount();
     };
-    const onResize = useDebounceFn(calcOnInit, 400);
+    const onResize = useDebounceFn(() => {
+      wrapper.value.scrollLeft = 0;
+      calcOnInit();
+    }, 400);
     onMounted(() => {
       calcOnInit();
     });
@@ -1233,10 +1238,12 @@ const _sfc_main$b = defineComponent({
 function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<div${ssrRenderAttrs(mergeProps({
     ref: "carousel",
+    class: "relative",
     "data-carousel": ""
   }, _attrs))}>`);
   ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), {
     ref: "wrapper",
+    class: "flex overflow-x-scroll overflow-y-hidden list-none m-0 p-0",
     "data-carousel-wrapper": ""
   }, {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -1341,7 +1348,7 @@ function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       if (_push2) {
         _push2(`<!--[-->`);
         ssrRenderList($props.slides, (slide, i) => {
-          _push2(`<li${_scopeId}>`);
+          _push2(`<li class="shrink-0 basis-full h-full text-center"${_scopeId}>`);
           ssrRenderVNode(_push2, createVNode(resolveDynamicComponent(slide.href ? "ALink" : "span"), {
             href: slide.href,
             target: slide.target,
@@ -1372,7 +1379,10 @@ function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       } else {
         return [
           (openBlock(true), createBlock(Fragment$1, null, renderList($props.slides, (slide, i) => {
-            return openBlock(), createBlock("li", { key: i }, [
+            return openBlock(), createBlock("li", {
+              key: i,
+              class: "shrink-0 basis-full h-full text-center"
+            }, [
               (openBlock(), createBlock(resolveDynamicComponent(slide.href ? "ALink" : "span"), {
                 href: slide.href,
                 target: slide.target,
@@ -1917,12 +1927,16 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_AImg = resolveComponent("AImg");
   const _component_ShopSidenavCategory = resolveComponent("ShopSidenavCategory", true);
   _push(`<li${ssrRenderAttrs(mergeProps({ class: "text-lg text-base-800" }, _attrs))}>`);
   if ($props.categoryTree.subcategories.length) {
     _push(`<details class="bg-white overflow-y-auto overflow-x-hidden z-10 open:absolute open:top-0 open:left-0 open:w-full open:h-full"><summary class="${ssrRenderClass([$setup.isOpen ? "bg-base-100" : null, "cursor-pointer list-none px-6 py-3 active:bg-base-100 transition-colors"])}"><i class="${ssrRenderClass(!$setup.isOpen ? "i-arrow-right float-right mb-0 mt-1 text-xl text-base-500" : "i-arrow-left text-lg")}"></i>`);
     if (!$setup.isOpen && $props.categoryTree.icon) {
-      _push(`<img loading="lazy"${ssrRenderAttr("src", $props.categoryTree.icon.url)}${ssrRenderAttr("alt", $props.categoryTree.icon.alt)} class="w-auto h-5 inline mr-3">`);
+      _push(ssrRenderComponent(_component_AImg, {
+        picture: $props.categoryTree.icon,
+        class: "w-auto h-5 inline mr-3"
+      }, null, _parent));
     } else {
       _push(`<!---->`);
     }
@@ -1937,7 +1951,10 @@ function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   } else {
     _push(`<a${ssrRenderAttr("href", `/${$props.categoryTree.slug}`)} class="block px-6 py-3 active:bg-base-200">`);
     if (!$setup.isOpen && $props.categoryTree.icon) {
-      _push(`<img loading="lazy"${ssrRenderAttr("src", $props.categoryTree.icon.url)} class="w-auto h-5 inline mr-3">`);
+      _push(ssrRenderComponent(_component_AImg, {
+        picture: $props.categoryTree.icon,
+        class: "w-auto h-5 inline mr-3"
+      }, null, _parent));
     } else {
       _push(`<!---->`);
     }
@@ -2072,6 +2089,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 });
 function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
+  const _component_AImg = resolveComponent("AImg");
   _push(ssrRenderComponent($setup["Popover"], _attrs, {
     default: withCtx(({ open }, _push2, _parent2, _scopeId) => {
       if (_push2) {
@@ -2116,7 +2134,12 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     });
                     _push4(`<!--]-->`);
                     if ($setup.categoryPicture) {
-                      _push4(`<div class="${ssrRenderClass($setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3")}"${_scopeId3}><img loading="lazy"${ssrRenderAttr("src", $setup.categoryPicture.url)}${ssrRenderAttr("alt", $setup.categoryPicture.alt || $props.categoryTree.name)} class="ml-auto rounded"${_scopeId3}></div>`);
+                      _push4(`<div class="${ssrRenderClass($setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3")}"${_scopeId3}>`);
+                      _push4(ssrRenderComponent(_component_AImg, {
+                        picture: $setup.categoryPicture,
+                        class: "ml-auto rounded"
+                      }, null, _parent4, _scopeId3));
+                      _push4(`</div>`);
                     } else {
                       _push4(`<!---->`);
                     }
@@ -2174,12 +2197,10 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                           key: 1,
                           class: $setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3"
                         }, [
-                          createVNode("img", {
-                            loading: "lazy",
-                            src: $setup.categoryPicture.url,
-                            alt: $setup.categoryPicture.alt || $props.categoryTree.name,
+                          createVNode(_component_AImg, {
+                            picture: $setup.categoryPicture,
                             class: "ml-auto rounded"
-                          }, null, 8, ["src", "alt"])
+                          }, null, 8, ["picture"])
                         ], 2)) : createCommentVNode("", true)
                       ]),
                       createVNode("a", {
@@ -2248,12 +2269,10 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                         key: 1,
                         class: $setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3"
                       }, [
-                        createVNode("img", {
-                          loading: "lazy",
-                          src: $setup.categoryPicture.url,
-                          alt: $setup.categoryPicture.alt || $props.categoryTree.name,
+                        createVNode(_component_AImg, {
+                          picture: $setup.categoryPicture,
                           class: "ml-auto rounded"
-                        }, null, 8, ["src", "alt"])
+                        }, null, 8, ["picture"])
                       ], 2)) : createCommentVNode("", true)
                     ]),
                     createVNode("a", {
@@ -2335,12 +2354,10 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                         key: 1,
                         class: $setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3"
                       }, [
-                        createVNode("img", {
-                          loading: "lazy",
-                          src: $setup.categoryPicture.url,
-                          alt: $setup.categoryPicture.alt || $props.categoryTree.name,
+                        createVNode(_component_AImg, {
+                          picture: $setup.categoryPicture,
                           class: "ml-auto rounded"
-                        }, null, 8, ["src", "alt"])
+                        }, null, 8, ["picture"])
                       ], 2)) : createCommentVNode("", true)
                     ]),
                     createVNode("a", {
@@ -2375,7 +2392,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose }) {
     expose();
-    const __returned__ = { ShopHeaderSubmenu };
+    const props = __props;
+    const hasOneLevelSubcategories = computed(() => {
+      return !!props.inlineMenuTrees.find(({ subcategories }) => !subcategories.length);
+    });
+    const __returned__ = { props, hasOneLevelSubcategories, ShopHeaderSubmenu };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
@@ -2391,7 +2412,13 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             _push2(`<span class="hover:text-primary group"${_scopeId}><h3 class="${ssrRenderClass([[
               $props.inlineMenuTrees.length < 7 ? "decoration-2" : null,
               open ? "underline" : null
-            ], "group-hover:underline inline"])}"${_scopeId}>${ssrInterpolate(categoryTree.name)}</h3><i class="${ssrRenderClass([open ? "i-chevron-up" : "i-chevron-down", "text-base-400 group-hover:text-primary-subtle ml-1"])}"${_scopeId}></i></span>`);
+            ], "group-hover:underline inline"])}"${_scopeId}>${ssrInterpolate(categoryTree.name)}</h3>`);
+            if ($setup.hasOneLevelSubcategories) {
+              _push2(`<i class="${ssrRenderClass([open ? "rotate-180" : null, "i-chevron-down ml-1 transition-transform text-base-400 group-hover:text-primary-subtle"])}"${_scopeId}></i>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</span>`);
           } else {
             return [
               createVNode("span", { class: "hover:text-primary group" }, [
@@ -2401,9 +2428,10 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     open ? "underline" : null
                   ]]
                 }, toDisplayString(categoryTree.name), 3),
-                createVNode("i", {
-                  class: ["text-base-400 group-hover:text-primary-subtle ml-1", open ? "i-chevron-up" : "i-chevron-down"]
-                }, null, 2)
+                $setup.hasOneLevelSubcategories ? (openBlock(), createBlock("i", {
+                  key: 0,
+                  class: ["i-chevron-down ml-1 transition-transform text-base-400 group-hover:text-primary-subtle", open ? "rotate-180" : null]
+                }, null, 2)) : createCommentVNode("", true)
               ])
             ];
           }
@@ -2465,7 +2493,7 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     "onUpdate:modelValue": ($event) => $setup.isSidenavOpen = $event,
     "has-close-button": false,
     position: "absolute",
-    class: "mt-3 -z-1",
+    class: ["-z-1", $setup.isSticky ? "mt-2 md:mt-3" : "mt-3 sm:mt-4 md:mt-5"],
     style: { height: `calc(100vh - ${$setup.positionY}px + .5rem)` }
   }, {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -2489,9 +2517,9 @@ _sfc_main$2.setup = (props, ctx) => {
 };
 const ShopHeader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
 
-const $$Astro$7 = createAstro("https://ecom2-002.web.app");
+const $$Astro$9 = createAstro("https://ecom2-002.web.app");
 const $$PagesHeader = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$7, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
   Astro2.self = $$PagesHeader;
   const {
     pageContext: {
@@ -2524,14 +2552,14 @@ const $$PagesHeader = createComponent(async ($$result, $$props, $$slots) => {
   `)}` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/PagesHeader.astro");
 
-const $$Astro$6 = createAstro("https://ecom2-002.web.app");
+const $$Astro$8 = createAstro("https://ecom2-002.web.app");
 const $$Pages = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
   Astro2.self = $$Pages;
   const { pageContext, title } = Astro2.props;
   const { settings } = pageContext;
   return renderTemplate`${renderComponent($$result, "Base", $$Base, { "pageContext": pageContext, "title": title }, { "default": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["header"], renderTemplate`
-    ${renderComponent($$result2, "Header", $$PagesHeader, { "pageContext": pageContext }, { "logo-picture": ($$result3) => renderTemplate`${renderComponent($$result3, "Picture", $$Picture, { "slot": "logo-picture", "src": settings.logo, "alt": settings.name, "widths": [300], "sizes": "150px", "fetchpriority": "high", "class": "hover:drop-shadow-sm" })}` })}
+    ${renderComponent($$result2, "Header", $$PagesHeader, { "pageContext": pageContext }, { "logo-picture": ($$result3) => renderTemplate`${renderComponent($$result3, "Picture", $$Picture, { "slot": "logo-picture", "src": settings.logo, "alt": settings.name, "widths": [300], "sizes": "150px", "fetchpriority": "high", "loading": "eager", "class": "hover:drop-shadow-sm" })}` })}
   `)}${renderSlot($$result2, $$slots["default"])}` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Pages.astro");
 
@@ -2984,9 +3012,9 @@ _sfc_main.setup = (props, ctx) => {
 };
 const ProductCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
 
-const $$Astro$5 = createAstro("https://ecom2-002.web.app");
+const $$Astro$7 = createAstro("https://ecom2-002.web.app");
 const $$Home = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$5, $$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>
@@ -3034,9 +3062,9 @@ const $$Home = createComponent(async ($$result, $$props, $$slots) => {
 </main>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Home.astro");
 
-const $$Astro$4 = createAstro("https://ecom2-002.web.app");
+const $$Astro$6 = createAstro("https://ecom2-002.web.app");
 const $$Index$1 = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
   Astro2.self = $$Index$1;
   let pageContext;
   let loadError;
@@ -3054,12 +3082,50 @@ ${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment,
 </html>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro");
 
-const $$file$3 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro";
-const $$url$3 = "";
+const $$file$4 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro";
+const $$url$4 = "";
 
 const _page1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: $$Index$1,
+  file: $$file$4,
+  url: $$url$4
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const $$Astro$5 = createAstro("https://ecom2-002.web.app");
+const $$Fallback$1 = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$5, $$props, $$slots);
+  Astro2.self = $$Fallback$1;
+  return renderTemplate`${maybeRenderHead($$result)}<main>
+  <h1>Error :/</h1>
+  <p class="instructions">
+    Check out the <code>src/pages</code> directory to get started.<br>
+    <strong>Code Challenge:</strong> Tweak the "Welcome to Astro" message above.
+  </p>
+</main>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Fallback.astro");
+
+const $$Astro$4 = createAstro("https://ecom2-002.web.app");
+const $$Fallback = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
+  Astro2.self = $$Fallback;
+  let pageContext;
+  try {
+    pageContext = await loadPageContext(Astro2);
+  } catch (err) {
+    return err.astroResponse;
+  }
+  return renderTemplate`<html${addAttribute(pageContext?.lang.replace("_", "-"), "lang")}>
+${renderComponent($$result, "PagesLayout", $$Pages, { "pageContext": pageContext }, { "default": ($$result2) => renderTemplate`${renderComponent($$result2, "FallbackMain", $$Fallback$1, { "pageContext": pageContext })}` })}
+</html>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro");
+
+const $$file$3 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro";
+const $$url$3 = "/fallback";
+
+const _page2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$Fallback,
   file: $$file$3,
   url: $$url$3
 }, Symbol.toStringTag, { value: 'Module' }));
@@ -3153,4 +3219,4 @@ const _page5 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { $$Pages as $, _export_sfc as _, _page0 as a, _page1 as b, _page3 as c, _page4 as d, _page5 as e, loadPageContext as l };
+export { _export_sfc as _, _page0 as a, _page1 as b, _page2 as c, _page3 as d, _page4 as e, _page5 as f };