cloudcommerce 0.16.4 → 0.18.0

package/packages/storefront/dist/server/chunks/pages/{endpoint.js.1d889b2f.mjs → endpoint.js.96a9b7f9.mjs}

@@ -1,6 +1,6 @@
 import mime from 'mime';
 import sharp$1 from 'sharp';
-import { B as BaseSSRService, i as isOutputFormatSupportsAlpha } from './_...slug_.astro.f0a57b8d.mjs';
+import { B as BaseSSRService, i as isOutputFormatSupportsAlpha } from './_...slug_.astro.9e731356.mjs';
 
 class SharpService extends BaseSSRService {
   async transform(inputBuffer, transform) {

package/packages/storefront/dist/server/chunks/pages/{fallback.astro.42f81a9a.mjs → fallback.astro.3ebb4e85.mjs}

@@ -1,5 +1,5 @@
 import { c as createAstro, a as createComponent, r as renderTemplate, m as maybeRenderHead, b as addAttribute, d as renderComponent } from '../astro.2df8d1c5.mjs';
-import { l as loadRouteContext, $ as $$Pages } from './_...slug_.astro.f0a57b8d.mjs';
+import { l as loadRouteContext, $ as $$PageHeader, a as $$Base } from './_...slug_.astro.9e731356.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
@@ -52,7 +52,8 @@ const $$Fallback = createComponent(async ($$result, $$props, $$slots) => {
     return err.astroResponse;
   }
   return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}>
-${renderComponent($$result, "PagesLayout", $$Pages, {}, { "default": ($$result2) => renderTemplate`
+${renderComponent($$result, "Base", $$Base, {}, { "default": ($$result2) => renderTemplate`
+  ${renderComponent($$result2, "PageHeader", $$PageHeader, {})}
   ${renderComponent($$result2, "FallbackMain", $$Fallback$1, {})}
 ` })}
 </html>`;

package/packages/storefront/dist/server/chunks/pages/{index.astro.533679e1.mjs → index.astro.8d786fcb.mjs}

@@ -1,5 +1,5 @@
 import { c as createAstro, a as createComponent, r as renderTemplate, d as renderComponent, m as maybeRenderHead, b as addAttribute, u as unescapeHTML, F as Fragment$1 } from '../astro.2df8d1c5.mjs';
-import { a as $$Picture, p as parseShippingPhrase, _ as _export_sfc, C as Carousel, b as CarouselControl, m as modulesInfo, l as loadRouteContext, $ as $$Pages } from './_...slug_.astro.f0a57b8d.mjs';
+import { b as $$Picture, p as parseShippingPhrase, _ as _export_sfc, C as Carousel, c as CarouselControl, d as availableExtraDiscount, e as installmentsOption, f as discountOption, g as loyaltyPointsPrograms, l as loadRouteContext, $ as $$PageHeader, a as $$Base } from './_...slug_.astro.9e731356.mjs';
 import api from '@cloudcommerce/api';
 import { computed, useSSRContext, defineComponent, mergeProps, withCtx, createVNode, withDirectives, vShow, resolveDynamicComponent, createTextVNode, toDisplayString, openBlock, createBlock, Fragment, renderList, renderSlot, createCommentVNode, ref, shallowReactive, resolveComponent, withAsyncContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrRenderClass, ssrRenderAttr, ssrRenderSlot, ssrRenderVNode, ssrInterpolate } from 'vue/server-renderer';
@@ -409,6 +409,20 @@ const useProductCard = (props) => {
     ...props.product,
     price: price(props.product || {})
   });
+  const { productId } = props;
+  if (!props.product && productId) {
+    isFetching.value = true;
+    fetching = (async () => {
+      try {
+        const { data } = await api.get(`products/${productId}`);
+        Object.assign(product, data);
+      } catch (err) {
+        console.error(err);
+        fetchError.value = err;
+      }
+      isFetching.value = false;
+    })();
+  }
   const title = computed(() => {
     return name(product);
   });
@@ -451,20 +465,6 @@ const useProductCard = (props) => {
     }
     return 0;
   });
-  const { productId } = props;
-  if (!props.product && productId) {
-    isFetching.value = true;
-    fetching = (async () => {
-      try {
-        const { data } = await api.get(`products/${productId}`);
-        Object.assign(product, data);
-      } catch (err) {
-        console.error(err);
-        fetchError.value = err;
-      }
-      isFetching.value = false;
-    })();
-  }
   return {
     isFetching,
     fetching,
@@ -515,12 +515,9 @@ const usePrices = (props) => {
     }
     return false;
   });
-  const extraDiscount = computed(() => {
-    return modulesInfo.apply_discount.available_extra_discount;
-  });
   const salePrice = computed(() => {
     const price$1 = price(_product.value);
-    const discount = extraDiscount.value;
+    const discount = availableExtraDiscount.value;
     if (discount && (!discount.min_amount || price$1 > discount.min_amount)) {
       return getPriceWithDiscount(price$1, discount);
     }
@@ -537,7 +534,7 @@ const usePrices = (props) => {
     return 0;
   });
   const installmentsObject = computed(() => {
-    return props.installmentsOption || modulesInfo.list_payments.installments_option || { max_number: 1 };
+    return props.installmentsOption || installmentsOption.value || { max_number: 1 };
   });
   const installmentsNumber = computed(() => {
     if (installmentsObject.value.max_number <= 1) {
@@ -561,7 +558,7 @@ const usePrices = (props) => {
     return 0;
   });
   const discountObject = computed(() => {
-    const discount = props.discountOption || modulesInfo.list_payments.discount_option;
+    const discount = props.discountOption || discountOption.value;
     if (discount && (!discount.min_amount || discount.min_amount <= salePrice.value) && (!props.isAmountTotal || discount.apply_at === "total")) {
       return discount;
     }
@@ -584,7 +581,7 @@ const usePrices = (props) => {
     if (props.loyaltyPointsProgram) {
       return props.loyaltyPointsProgram;
     }
-    const pointsPrograms = modulesInfo.list_payments.loyalty_points_programs;
+    const pointsPrograms = loyaltyPointsPrograms.value;
     if (pointsPrograms) {
       const programIds = Object.keys(pointsPrograms);
       for (let i = 0; i < programIds.length; i++) {
@@ -853,11 +850,13 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           _push2(`<!--[-->`);
           _push2(ssrRenderComponent(_component_AImg, {
             picture: $setup.images[0],
+            alt: $setup.title,
             class: "absolute top-0 left-0 block w-full h-full object-cover"
           }, null, _parent2, _scopeId));
           if ($setup.images[1] && $setup.wasHoveredOnce) {
             _push2(ssrRenderComponent(_component_AImg, {
               picture: $setup.images[1],
+              alt: $setup.title,
               class: "absolute top-0 left-0 block w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity motion-safe:duration-300 text-transparent z-10"
             }, null, _parent2, _scopeId));
           } else {
@@ -892,13 +891,15 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               $setup.images?.length ? (openBlock(), createBlock(Fragment, { key: 0 }, [
                 createVNode(_component_AImg, {
                   picture: $setup.images[0],
+                  alt: $setup.title,
                   class: "absolute top-0 left-0 block w-full h-full object-cover"
-                }, null, 8, ["picture"]),
+                }, null, 8, ["picture", "alt"]),
                 $setup.images[1] && $setup.wasHoveredOnce ? (openBlock(), createBlock(_component_AImg, {
                   key: 0,
                   picture: $setup.images[1],
+                  alt: $setup.title,
                   class: "absolute top-0 left-0 block w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity motion-safe:duration-300 text-transparent z-10"
-                }, null, 8, ["picture"])) : createCommentVNode("", true)
+                }, null, 8, ["picture", "alt"])) : createCommentVNode("", true)
               ], 64)) : (openBlock(), createBlock("div", {
                 key: 1,
                 class: "w-full h-full bg-gradient-to-br from-base-50/20 to-base-100"
@@ -1135,7 +1136,8 @@ const $$Index$1 = createComponent(async ($$result, $$props, $$slots) => {
     loadError = err;
   }
   return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}>
-${routeContext && renderTemplate`${renderComponent($$result, "PagesLayout", $$Pages, {}, { "default": ($$result2) => renderTemplate`
+${routeContext && renderTemplate`${renderComponent($$result, "Base", $$Base, {}, { "default": ($$result2) => renderTemplate`
+    ${renderComponent($$result2, "PageHeader", $$PageHeader, {})}
     ${renderComponent($$result2, "HomeMain", $$Home, {})}
   ` })}`}
 ${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment$1, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}

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

@@ -24,7 +24,7 @@ import 'string-width';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './chunks/pages/_...slug_.astro.f0a57b8d.mjs';
+import './chunks/pages/_...slug_.astro.9e731356.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -2824,13 +2824,13 @@ const adapter = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   start
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const _page0  = () => import('./chunks/endpoint@_@js.ce919661.mjs');
-const _page1  = () => import('./chunks/index@_@astro.8e359cb4.mjs');
-const _page2  = () => import('./chunks/fallback@_@astro.6c7c4acd.mjs');
-const _page3  = () => import('./chunks/index@_@astro.f7e2409d.mjs');
-const _page4  = () => import('./chunks/account@_@astro.d58b2d34.mjs');
-const _page5  = () => import('./chunks/_...06f412d0.mjs');const pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.0_sharp@0.32.1/node_modules/@astrojs/image/dist/endpoint.js", _page0],["src/pages/index.astro", _page1],["src/pages/fallback.astro", _page2],["src/pages/app/index.astro", _page3],["src/pages/app/account.astro", _page4],["src/pages/[...slug].astro", _page5]]);
-const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.0_sharp@0.32.1/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.9d9d7ac4.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.45bc69ca.css"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.9d9d7ac4.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.45bc69ca.css"}],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"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","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.9d9d7ac4.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.45bc69ca.css"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","prerender":false,"_meta":{"trailingSlash":"ignore"}}}],"site":"https://ecom2-demo.web.app","base":"/","compressHTML":false,"markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"gfm":true,"smartypants":true},"componentMetadata":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro",{"propagation":"none","containsHead":true}]],"renderers":[],"clientDirectives":[["idle","(()=>{var i=t=>{let e=async()=>{await(await t())()};\"requestIdleCallback\"in window?window.requestIdleCallback(e):setTimeout(e,200)};(self.Astro||(self.Astro={})).idle=i;window.dispatchEvent(new Event(\"astro:idle\"));})();"],["load","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event(\"astro:load\"));})();"],["media","(()=>{var s=(i,t)=>{let a=async()=>{await(await i())()};if(t.value){let e=matchMedia(t.value);e.matches?a():e.addEventListener(\"change\",a,{once:!0})}};(self.Astro||(self.Astro={})).media=s;window.dispatchEvent(new Event(\"astro:media\"));})();"],["only","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event(\"astro:only\"));})();"],["visible","(()=>{var r=(i,c,n)=>{let s=async()=>{await(await i())()},t=new IntersectionObserver(e=>{for(let o of e)if(o.isIntersecting){t.disconnect(),s();break}});for(let e of n.children)t.observe(e)};(self.Astro||(self.Astro={})).visible=r;window.dispatchEvent(new Event(\"astro:visible\"));})();"]],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"_@astrojs-ssr-virtual-entry.mjs","\u0000@astro-renderers":"renderers.mjs","\u0000empty-middleware":"_empty-middleware.mjs","/src/pages/app/account.astro":"chunks/pages/account.astro.f630663e.mjs","/src/pages/fallback.astro":"chunks/pages/fallback.astro.42f81a9a.mjs","\u0000@astro-page:../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.0_sharp@0.32.1/node_modules/@astrojs/image/dist/endpoint@_@js":"chunks/endpoint@_@js.ce919661.mjs","\u0000@astro-page:src/pages/index@_@astro":"chunks/index@_@astro.8e359cb4.mjs","\u0000@astro-page:src/pages/fallback@_@astro":"chunks/fallback@_@astro.6c7c4acd.mjs","\u0000@astro-page:src/pages/app/index@_@astro":"chunks/index@_@astro.f7e2409d.mjs","\u0000@astro-page:src/pages/app/account@_@astro":"chunks/account@_@astro.d58b2d34.mjs","\u0000@astro-page:src/pages/[...slug]@_@astro":"chunks/_...06f412d0.mjs","@astrojs/vue/client.js":"_astro/client.2d950540.js","~/components/PitchBar.vue":"_astro/PitchBar.c53e6d0b.js","/astro/hoisted.js?q=0":"_astro/hoisted.9d9d7ac4.js","~/components/HeroSlider.vue":"_astro/HeroSlider.3d4a1d1c.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.a7b12eab.js","~/components/ProductShelf.vue":"_astro/ProductShelf.f013b3ee.js","~/components/Prices.vue":"_astro/Prices.de6df3cb.js","~/components/ShopHeader.vue":"_astro/ShopHeader.c0ba5061.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.84207480.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/_...slug_.45bc69ca.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-5e0bf4e4.js","/_astro/Carousel.f39be3c0.js","/_astro/HeroSlider.3d4a1d1c.js","/_astro/PitchBar.c53e6d0b.js","/_astro/Prices.de6df3cb.js","/_astro/ProductShelf.f013b3ee.js","/_astro/ShopHeader.c0ba5061.js","/_astro/_plugin-vue_export-helper.d3aaeb0d.js","/_astro/api.7f62c1ff.js","/_astro/client.2d950540.js","/_astro/firebase-app.84207480.js","/_astro/format-money.3b884fcb.js","/_astro/hoisted.9d9d7ac4.js","/_astro/idle-callback.889bf0ea.js","/_astro/img.517fec8e.js","/_astro/index.33347cbd.js","/_astro/modules-info.ad27b027.js","/_astro/preload-helper.cf010ec4.js","/_astro/runtime-dom.esm-bundler.00b967e0.js","/_astro/session-utm.744b0db3.js","/_astro/workbox-window.prod.es5.a7b12eab.js","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/img/icon.png","/img/large-icon.png","/img/uploads/banner1.png","/img/uploads/banner2.png","/img/uploads/banner2.webp","/img/uploads/ecom-icon.png","/img/uploads/favicon.png","/img/uploads/headless.png","/img/uploads/headphone.png","/img/uploads/headphone.webp","/img/uploads/logo.png","/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"]}), {
+const _page0  = () => import('./chunks/endpoint@_@js.e9171d18.mjs');
+const _page1  = () => import('./chunks/index@_@astro.de13f221.mjs');
+const _page2  = () => import('./chunks/fallback@_@astro.4a1f8c08.mjs');
+const _page3  = () => import('./chunks/index@_@astro.7472fe37.mjs');
+const _page4  = () => import('./chunks/account@_@astro.97e06bd2.mjs');
+const _page5  = () => import('./chunks/_...ed1d4ed7.mjs');const pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.0_sharp@0.32.1/node_modules/@astrojs/image/dist/endpoint.js", _page0],["src/pages/index.astro", _page1],["src/pages/fallback.astro", _page2],["src/pages/app/index.astro", _page3],["src/pages/app/account.astro", _page4],["src/pages/[...slug].astro", _page5]]);
+const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.0_sharp@0.32.1/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.9d9d7ac4.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.b19aabfc.css"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.9d9d7ac4.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.b19aabfc.css"}],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"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","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.9d9d7ac4.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.b19aabfc.css"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","prerender":false,"_meta":{"trailingSlash":"ignore"}}}],"site":"https://ecom2-demo.web.app","base":"/","compressHTML":false,"markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"gfm":true,"smartypants":true},"componentMetadata":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro",{"propagation":"none","containsHead":true}]],"renderers":[],"clientDirectives":[["idle","(()=>{var i=t=>{let e=async()=>{await(await t())()};\"requestIdleCallback\"in window?window.requestIdleCallback(e):setTimeout(e,200)};(self.Astro||(self.Astro={})).idle=i;window.dispatchEvent(new Event(\"astro:idle\"));})();"],["load","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event(\"astro:load\"));})();"],["media","(()=>{var s=(i,t)=>{let a=async()=>{await(await i())()};if(t.value){let e=matchMedia(t.value);e.matches?a():e.addEventListener(\"change\",a,{once:!0})}};(self.Astro||(self.Astro={})).media=s;window.dispatchEvent(new Event(\"astro:media\"));})();"],["only","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event(\"astro:only\"));})();"],["visible","(()=>{var r=(i,c,n)=>{let s=async()=>{await(await i())()},t=new IntersectionObserver(e=>{for(let o of e)if(o.isIntersecting){t.disconnect(),s();break}});for(let e of n.children)t.observe(e)};(self.Astro||(self.Astro={})).visible=r;window.dispatchEvent(new Event(\"astro:visible\"));})();"]],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"_@astrojs-ssr-virtual-entry.mjs","\u0000@astro-renderers":"renderers.mjs","\u0000empty-middleware":"_empty-middleware.mjs","/src/pages/app/account.astro":"chunks/pages/account.astro.f630663e.mjs","/src/pages/fallback.astro":"chunks/pages/fallback.astro.3ebb4e85.mjs","\u0000@astro-page:../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.0_sharp@0.32.1/node_modules/@astrojs/image/dist/endpoint@_@js":"chunks/endpoint@_@js.e9171d18.mjs","\u0000@astro-page:src/pages/index@_@astro":"chunks/index@_@astro.de13f221.mjs","\u0000@astro-page:src/pages/fallback@_@astro":"chunks/fallback@_@astro.4a1f8c08.mjs","\u0000@astro-page:src/pages/app/index@_@astro":"chunks/index@_@astro.7472fe37.mjs","\u0000@astro-page:src/pages/app/account@_@astro":"chunks/account@_@astro.97e06bd2.mjs","\u0000@astro-page:src/pages/[...slug]@_@astro":"chunks/_...ed1d4ed7.mjs","/astro/hoisted.js?q=0":"_astro/hoisted.9d9d7ac4.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.a7b12eab.js","~/components/HeroSlider.vue":"_astro/HeroSlider.359c76cc.js","~/components/PitchBar.vue":"_astro/PitchBar.75d2999f.js","~/components/ProductShelf.vue":"_astro/ProductShelf.83c66e3e.js","@astrojs/vue/client.js":"_astro/client.24201f93.js","~/components/Prices.vue":"_astro/Prices.bd0d3474.js","~/components/ShopHeader.vue":"_astro/ShopHeader.f66a56cb.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.84207480.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/_...slug_.b19aabfc.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-5e0bf4e4.js","/_astro/Carousel.533b4b19.js","/_astro/HeroSlider.359c76cc.js","/_astro/PitchBar.75d2999f.js","/_astro/Prices.bd0d3474.js","/_astro/ProductShelf.83c66e3e.js","/_astro/ShopHeader.f66a56cb.js","/_astro/_plugin-vue_export-helper.4e6dc3af.js","/_astro/api.7f62c1ff.js","/_astro/client.24201f93.js","/_astro/firebase-app.84207480.js","/_astro/hoisted.9d9d7ac4.js","/_astro/img.22ad29ec.js","/_astro/index.ddc27a3a.js","/_astro/modules-info.d6bd555b.js","/_astro/preload-helper.cf010ec4.js","/_astro/runtime-dom.esm-bundler.578d6e91.js","/_astro/session-utm.744b0db3.js","/_astro/workbox-window.prod.es5.a7b12eab.js","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/img/icon.png","/img/large-icon.png","/img/uploads/banner1.png","/img/uploads/banner2.png","/img/uploads/banner2.webp","/img/uploads/ecom-icon.png","/img/uploads/favicon.png","/img/uploads/headless.png","/img/uploads/headphone.png","/img/uploads/headphone.webp","/img/uploads/logo.png","/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"]}), {
 	pageMap,
 	renderers,
 });

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

@@ -2,7 +2,7 @@ import { h as server_default } from './chunks/astro.2df8d1c5.mjs';
 import { useSSRContext, defineComponent, computed, mergeProps, h, createSSRApp } from 'vue';
 import { ssrRenderSlotInner, ssrRenderAttrs, ssrRenderSlot, renderToString } from 'vue/server-renderer';
 import { img, imgSizes, i18n, formatMoney } from '@ecomplus/utils';
-import { _ as _export_sfc } from './chunks/pages/_...slug_.astro.f0a57b8d.mjs';
+import { _ as _export_sfc } from './chunks/pages/_...slug_.astro.9e731356.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
@@ -220,7 +220,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     picture: {},
     loading: { default: "lazy" },
-    decoding: {}
+    decoding: {},
+    alt: {}
   },
   setup(__props, { expose: __expose }) {
     __expose();
@@ -236,7 +237,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const attrs = computed(() => ({
       src: image.value.url,
-      alt: image.value.alt,
+      alt: image.value.alt || props.alt,
       width: dimensions.value.width || void 0,
       height: dimensions.value.height || void 0,
       loading: props.loading,

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.16.4",
+  "version": "0.18.0",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "bin": {
     "storefront": "./scripts/build-prod.sh"

package/packages/storefront/src/lib/components/Drawer.vue

@@ -11,6 +11,7 @@ export interface Props {
   placement?: 'start' | 'end' | 'top' | 'bottom';
   position?: 'fixed' | 'absolute';
   hasCloseButton?: boolean;
+  backdropTarget?: string;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -18,6 +19,7 @@ const props = withDefaults(defineProps<Props>(), {
   placement: 'start',
   position: 'fixed',
   hasCloseButton: true,
+  backdropTarget: '#teleported-top',
 });
 const emit = defineEmits([
   'update:modelValue',
@@ -75,7 +77,9 @@ const isPlacementX = computed(() => {
       class="w-screen shadow p-0 m-0 z-50"
       :class="[
         position,
-        isFixed ? `top-0 left-0 ${(isPlacementX ? 'h-screen' : '')}` : null,
+        isFixed ? `top-0 ${(isPlacementX ? 'h-screen' : '')}` : null,
+        isFixed && placement !== 'end' ? 'left-0' : null,
+        isFixed && placement === 'end' ? 'left-auto right-0' : null,
         isPlacementX ? 'max-w-sm' : null,
       ]"
       :style="{
@@ -100,7 +104,7 @@ const isPlacementX = computed(() => {
         </button>
         <slot />
       </div>
-      <Teleport to="#teleported-top">
+      <Teleport :to="backdropTarget">
         <Fade>
           <div
             v-if="modelValue"

package/packages/storefront/src/lib/components/globals/AImg.vue

@@ -22,6 +22,7 @@ export interface Props {
   };
   loading?: 'lazy' | 'eager';
   decoding?: 'async' | 'sync' | 'auto';
+  alt?: string;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -38,7 +39,7 @@ const dimensions = computed(() => {
 });
 const attrs = computed<ImgHTMLAttributes>(() => ({
   src: image.value.url,
-  alt: image.value.alt,
+  alt: image.value.alt || props.alt,
   width: dimensions.value.width || undefined,
   height: dimensions.value.height || undefined,
   loading: props.loading,

package/packages/storefront/src/lib/composables/use-prices.ts

@@ -1,7 +1,12 @@
 import type { Products, ListPaymentsResponse } from '@cloudcommerce/types';
 import { computed } from 'vue';
 import { price as getPrice, onPromotion as checkOnPromotion } from '@ecomplus/utils';
-import modulesInfo from '@@sf/state/modules-info';
+import {
+  installmentsOption,
+  discountOption,
+  loyaltyPointsPrograms,
+  availableExtraDiscount,
+} from '@@sf/state/modules-info';
 
 export interface Props {
   product?: Partial<Products> & { final_price?: number } &
@@ -54,12 +59,9 @@ const usePrices = (props: Props) => {
     }
     return false;
   });
-  const extraDiscount = computed(() => {
-    return modulesInfo.apply_discount.available_extra_discount;
-  });
   const salePrice = computed(() => {
     const price = getPrice(_product.value);
-    const discount = extraDiscount.value;
+    const discount = availableExtraDiscount.value;
     if (discount && (!discount.min_amount || price > discount.min_amount)) {
       return getPriceWithDiscount(price, discount);
     }
@@ -78,7 +80,7 @@ const usePrices = (props: Props) => {
 
   const installmentsObject = computed(() => {
     return props.installmentsOption
-      || modulesInfo.list_payments.installments_option
+      || installmentsOption.value
       || { max_number: 1 };
   });
   const installmentsNumber = computed(() => {
@@ -105,7 +107,7 @@ const usePrices = (props: Props) => {
   });
 
   const discountObject = computed(() => {
-    const discount = props.discountOption || modulesInfo.list_payments.discount_option;
+    const discount = props.discountOption || discountOption.value;
     if (
       discount
       && (!discount.min_amount || discount.min_amount <= salePrice.value)
@@ -133,7 +135,7 @@ const usePrices = (props: Props) => {
     if (props.loyaltyPointsProgram) {
       return props.loyaltyPointsProgram;
     }
-    const pointsPrograms = modulesInfo.list_payments.loyalty_points_programs;
+    const pointsPrograms = loyaltyPointsPrograms.value;
     if (pointsPrograms) {
       const programIds = Object.keys(pointsPrograms);
       for (let i = 0; i < programIds.length; i++) {

package/packages/storefront/src/lib/composables/use-product-card.ts

@@ -28,6 +28,21 @@ const useProductCard = <T extends ProductItem | undefined = undefined>(props: Pr
       ...(props.product as Exclude<T, undefined>),
       price: getPrice(props.product || {}),
     });
+  const { productId } = props;
+  if (!props.product && productId) {
+    isFetching.value = true;
+    fetching = (async () => {
+      try {
+        const { data } = await api.get(`products/${productId}`);
+        Object.assign(product, data);
+      } catch (err: any) {
+        console.error(err);
+        fetchError.value = err;
+      }
+      isFetching.value = false;
+    })();
+  }
+
   const title = computed(() => {
     return getName(product);
   });
@@ -70,21 +85,6 @@ const useProductCard = <T extends ProductItem | undefined = undefined>(props: Pr
     return 0;
   });
 
-  const { productId } = props;
-  if (!props.product && productId) {
-    isFetching.value = true;
-    fetching = (async () => {
-      try {
-        const { data } = await api.get(`products/${productId}`);
-        Object.assign(product, data);
-      } catch (err: any) {
-        console.error(err);
-        fetchError.value = err;
-      }
-      isFetching.value = false;
-    })();
-  }
-
   return {
     isFetching,
     fetching,

package/packages/storefront/src/lib/layouts/BaseBody.astro

@@ -11,11 +11,11 @@ const { settings } = Astro.locals.routeContext;
 ---
 
 <body>
-  <div id="teleported-overlap" class="relative z-50"></div>
-  <div id="teleported-top" class="relative z-10"></div>
+  <div id="teleported-overlap" class="relative z-[59]"></div>
+  <div id="teleported-top" class="relative z-[19]"></div>
   <slot />
   <slot name="before-body-end" />
-  <div id="teleported-bottom" class="relative z-10"></div>
+  <div id="teleported-bottom" class="relative z-[19]"></div>
   {settings.icon &&
     <Picture
       src={settings.icon}

package/packages/storefront/src/lib/layouts/main/use-page-sections.ts

@@ -88,6 +88,11 @@ const usePageSections = async ({ routeContext }: Props) => {
       }
     }));
   }
+  /*
+  if (import.meta.env.DEV) {
+    console.log('> Sections loaded');
+  }
+  */
   return {
     sections,
   };

package/packages/storefront/src/lib/layouts/{use-page-layout.ts → use-page-header.ts}

@@ -1,6 +1,7 @@
 import type { RouteContext } from '@@sf/ssr-context';
 import type { LayoutContent } from '@@sf/content';
 import type { Props as UseShopHeaderProps } from '@@sf/composables/use-shop-header';
+import api from '@cloudcommerce/api';
 import { parseLayoutContent } from '@@sf/composables/use-pitch-bar';
 
 type ShopHeaderProps = Omit<UseShopHeaderProps, 'header'> & {
@@ -11,7 +12,7 @@ export interface Props {
   routeContext: RouteContext;
 }
 
-const usePageLayout = async ({ routeContext }: Props) => {
+const usePageHeader = async ({ routeContext }: Props) => {
   const { apiState, getContent } = routeContext;
   const layoutContent = await getContent('layout');
   const {
@@ -19,21 +20,40 @@ const usePageLayout = async ({ routeContext }: Props) => {
     service_links: serviceLinks,
   } = layoutContent;
   const pitchBar = parseLayoutContent(layoutContent);
+  let { categories } = apiState;
+  if (!categories) {
+    try {
+      categories = (await api.get('categories')).data.result;
+    } catch (err) {
+      categories = [];
+      console.error(err);
+    }
+  }
   const shopHeader: ShopHeaderProps = {
-    categories: apiState.categories || [],
+    categories,
     menuCategorySlugs: headerContent.inline_menu_categories?.featured,
     menuRandomCategories: headerContent.inline_menu_categories?.random,
     isAlphabeticalSortSubmenu: headerContent.alphabetical_sort_submenu,
     serviceLinks,
   };
+  /*
+  if (import.meta.env.DEV) {
+    await new Promise((resolve) => {
+      setTimeout(() => {
+        console.log('> This log must come after sections');
+        resolve(true);
+      }, 2000);
+    });
+  }
+  */
   return {
     pitchBar,
     shopHeader,
   };
 };
 
-export default usePageLayout;
+export default usePageHeader;
 
-export { usePageLayout };
+export { usePageHeader };
 
 export type { ShopHeaderProps };

package/packages/storefront/src/lib/ssr-context.ts

@@ -30,7 +30,7 @@ if (!globalThis.$apiMergeConfig) {
   };
 }
 if (!globalThis.$apiPrefetchEndpoints) {
-  globalThis.$apiPrefetchEndpoints = ['categories'];
+  globalThis.$apiPrefetchEndpoints = [];
 }
 if (!globalThis.$storefront) {
   globalThis.$storefront = {

package/packages/storefront/src/lib/state/modules-info.ts

@@ -146,6 +146,31 @@ if (!import.meta.env.SSR) {
 
 export default modulesInfo;
 
+const freeShippingFromValue = computed(() => {
+  return modulesInfo.calculate_shipping.free_shipping_from_value;
+});
+const installmentsOption = computed(() => {
+  return modulesInfo.list_payments.installments_option;
+});
+const discountOption = computed(() => {
+  return modulesInfo.list_payments.discount_option;
+});
+const loyaltyPointsPrograms = computed(() => {
+  return modulesInfo.list_payments.loyalty_points_programs;
+});
+const availableExtraDiscount = computed(() => {
+  return modulesInfo.apply_discount.available_extra_discount;
+});
+
+export {
+  modulesInfo,
+  freeShippingFromValue,
+  installmentsOption,
+  discountOption,
+  loyaltyPointsPrograms,
+  availableExtraDiscount,
+};
+
 const parsePhrase = <T extends keyof typeof modulesInfo>(
   phrase: string,
   modName: T,

package/packages/storefront/src/lib/state/shopping-cart.ts

@@ -45,6 +45,11 @@ const subtotal = computed(() => {
     return acc + (item.quantity * (item.final_price || item.price));
   }, 0);
 });
+const totalItems = computed(() => {
+  return cartItems.value.reduce((acc, item) => {
+    return acc + item.quantity;
+  }, 0);
+});
 const shoppingCart = computed({
   get() {
     return {
@@ -77,6 +82,7 @@ const addProductToCart = (
 export default shoppingCart;
 
 export {
+  totalItems,
   shoppingCart,
   addCartItem,
   parseProduct,

package/packages/types/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/types",
   "type": "module",
-  "version": "0.16.4",
+  "version": "0.18.0",
   "description": "E-Com Plus Cloud Commerce reusable type definitions",
   "main": "index.ts",
   "repository": {

package/packages/apps/infinitepay/CHANGELOG.md

@@ -1 +0,0 @@
-Please refer to GitHub [repository releases](https://github.com/ecomplus/cloud-commerce/releases) or monorepo unified [CHANGELOG.md](https://github.com/ecomplus/cloud-commerce/blob/main/CHANGELOG.md).

package/packages/apps/infinitepay/README.md

@@ -1 +0,0 @@
-# `@cloudcommerce/app-infinitepay`