cloudcommerce 0.22.3 → 0.23.0

package/packages/storefront/dist/server/chunks/{endpoint@_@js.67b66d0a.mjs → endpoint@_@js.32b9ab50.mjs}

@@ -1,6 +1,6 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
-import './astro.e0968ba7.mjs';
+import './astro.b875de26.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
@@ -14,7 +14,7 @@ import 'html-escaper';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './pages/_...slug_.astro.a71c9334.mjs';
+import './pages/_...slug_.astro.7c69d6fe.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -29,6 +29,6 @@ import '@cloudcommerce/config';
 /* empty css                              */import '@vueuse/core';
 import '@headlessui/vue';
 
-const page = () => import('./pages/endpoint.js.085dadb5.mjs').then(n => n.e);
+const page = () => import('./pages/endpoint.js.64061d33.mjs').then(n => n.e);
 
 export { page };

package/packages/storefront/dist/server/chunks/{fallback@_@astro.0a6656b6.mjs → fallback@_@astro.4d902266.mjs}

@@ -1,6 +1,6 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
-import './astro.e0968ba7.mjs';
+import './astro.b875de26.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
@@ -14,7 +14,7 @@ import 'html-escaper';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './pages/_...slug_.astro.a71c9334.mjs';
+import './pages/_...slug_.astro.7c69d6fe.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -29,6 +29,6 @@ import '@cloudcommerce/config';
 /* empty css                              */import '@vueuse/core';
 import '@headlessui/vue';
 
-const page = () => import('./pages/fallback.astro.055cb7df.mjs');
+const page = () => import('./pages/fallback.astro.f225bb85.mjs');
 
 export { page };

package/packages/storefront/dist/server/chunks/{index@_@astro.a4c9c84e.mjs → index@_@astro.2072e1c3.mjs}

@@ -1,6 +1,6 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
-import './astro.e0968ba7.mjs';
+import './astro.b875de26.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
@@ -14,7 +14,7 @@ import 'html-escaper';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './pages/_...slug_.astro.a71c9334.mjs';
+import './pages/_...slug_.astro.7c69d6fe.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -29,6 +29,6 @@ import '@cloudcommerce/config';
 /* empty css                              */import '@vueuse/core';
 import '@headlessui/vue';
 
-const page = () => import('./pages/index.astro.abc34f72.mjs').then(n => n.i);
+const page = () => import('./pages/index.astro.a972914a.mjs').then(n => n.i);
 
 export { page };

package/packages/storefront/dist/server/chunks/{index@_@astro.df499bf2.mjs → index@_@astro.a80337aa.mjs}

@@ -1,6 +1,6 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
-import './astro.e0968ba7.mjs';
+import './astro.b875de26.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
@@ -14,7 +14,7 @@ import 'html-escaper';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './pages/_...slug_.astro.a71c9334.mjs';
+import './pages/_...slug_.astro.7c69d6fe.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -29,6 +29,6 @@ import '@cloudcommerce/config';
 /* empty css                              */import '@vueuse/core';
 import '@headlessui/vue';
 
-const page = () => import('./pages/index.astro.abc34f72.mjs').then(n => n.a);
+const page = () => import('./pages/index.astro.a972914a.mjs').then(n => n.a);
 
 export { page };

package/packages/storefront/dist/server/chunks/pages/{_...slug_.astro.a71c9334.mjs → _...slug_.astro.7c69d6fe.mjs}

@@ -8,7 +8,7 @@ import sizeOf from 'image-size';
 import 'magic-string';
 import mime from 'mime';
 import 'node:stream';
-import { c as createAstro, a as createComponent, r as renderTemplate, u as unescapeHTML, b as renderComponent, d as addAttribute, F as Fragment, m as maybeRenderHead, s as spreadAttributes, e as renderSlot, f as renderHead } from '../astro.e0968ba7.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate, u as unescapeHTML, b as renderComponent, d as addAttribute, F as Fragment, m as maybeRenderHead, s as spreadAttributes, e as renderSlot, f as renderHead } from '../astro.b875de26.mjs';
 import api from '@cloudcommerce/api';
 import { EventEmitter } from 'node:events';
 import fs from 'node:fs';
@@ -186,7 +186,7 @@ global.__storefrontCMS = (fs, resolvePath) => {
 
   let settings;
   try {
-    settings = getContent('settings');
+    settings = getContent('settings') || {};
   } catch (e) {
     settings = {};
   }
@@ -601,7 +601,7 @@ async function getImage(transform) {
   }
   let loader = (_a = globalThis.astroImage) == null ? void 0 : _a.loader;
   if (!loader) {
-    const { default: mod } = await import('./endpoint.js.085dadb5.mjs').then(n => n.s).catch(() => {
+    const { default: mod } = await import('./endpoint.js.64061d33.mjs').then(n => n.s).catch(() => {
       throw new Error(
         "[@astrojs/image] Builtin image loader not found. (Did you remember to add the integration to your Astro config?)"
       );
@@ -983,6 +983,34 @@ const loadingGlobalInfoPreset = new Promise((resolve) => {
   }
 });
 
+let userAgent;
+{
+  userAgent = "";
+}
+userAgent.includes("Safari") && !userAgent.includes("Chrome");
+const isIOS = /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream;
+const isMobile = isIOS || /Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
+
+const {
+  settings,
+  apiContext
+} = globalThis.$storefront;
+const networkNames = [
+  "whatsapp",
+  "instagram",
+  "facebook",
+  "twitter",
+  "youtube",
+  "tiktok",
+  "pinterest"
+];
+const socialNetworks = {};
+networkNames.forEach((network) => {
+  if (settings[network]) {
+    socialNetworks[network] = settings[network];
+  }
+});
+
 const emptyInfo = {
   list_payments: {},
   calculate_shipping: {},
@@ -1070,7 +1098,6 @@ const usePageHeader = async ({ routeContext, listedCategoryFields }) => {
         fields: listedCategoryFields || [
           "name",
           "slug",
-          "parent.name",
           "parent.slug",
           "icon.url",
           "icon.size",
@@ -1104,8 +1131,6 @@ window.$storefront.data['${field}'] = ${JSON.stringify(value)};`
   };
 };
 
-const carouselKey = Symbol("carousel");
-
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "CarouselControl",
   props: {
@@ -1139,6 +1164,7 @@ _sfc_main$e.setup = (props, ctx) => {
 };
 const CarouselControl = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["ssrRender", _sfc_ssrRender$e]]);
 
+const carouselKey = Symbol("carousel");
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "Carousel",
   props: {
@@ -1152,10 +1178,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit }) {
     __expose();
     const props = __props;
-    const currentIndex = ref(props.modelValue - 1);
+    const currentIndex = ref(0);
     watch(toRef(props, "modelValue"), (modelValue) => {
       currentIndex.value = modelValue - 1;
-    });
+    }, { immediate: true });
     watch(currentIndex, (current, previous) => {
       if (current !== previous) {
         emit("update:modelValue", current + 1);
@@ -1294,7 +1320,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       isBoundLeft,
       isBoundRight
     });
-    const __returned__ = { props, emit, currentIndex, wrapper, currentPos, isScrolling, arrivedState, isBoundLeft, isBoundRight, slidesWidth, wrapperScrollWidth, wrapperVisibleWidth, indexCount, calcWrapperWidth, calcSlidesWidth, calcNextOffsetLeft, calcCurrentIndex, calcIndexCount, get autoplayTimer() {
+    const __returned__ = { carouselKey, props, emit, currentIndex, wrapper, currentPos, isScrolling, arrivedState, isBoundLeft, isBoundRight, slidesWidth, wrapperScrollWidth, wrapperVisibleWidth, indexCount, calcWrapperWidth, calcSlidesWidth, calcNextOffsetLeft, calcCurrentIndex, calcIndexCount, get autoplayTimer() {
       return autoplayTimer;
     }, set autoplayTimer(v) {
       autoplayTimer = v;
@@ -1993,26 +2019,6 @@ const initializeFirebaseAuth = (canWaitIdle = !window.location.pathname.startsWi
   return;
 };
 
-const {
-  settings,
-  apiContext
-} = globalThis.$storefront;
-const networkNames = [
-  "whatsapp",
-  "instagram",
-  "facebook",
-  "twitter",
-  "youtube",
-  "tiktok",
-  "pinterest"
-];
-const socialNetworks = {};
-networkNames.forEach((network) => {
-  if (settings[network]) {
-    socialNetworks[network] = settings[network];
-  }
-});
-
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "AccountLink",
   props: {
@@ -2061,14 +2067,6 @@ _sfc_main$a.setup = (props, ctx) => {
 };
 const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
 
-let userAgent;
-{
-  userAgent = "";
-}
-userAgent.includes("Safari") && !userAgent.includes("Chrome");
-const isIOS = /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream;
-const isMobile = isIOS || /Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
-
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkIcon",
   props: {
@@ -2804,7 +2802,10 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         } else {
           _push2(`<!---->`);
         }
-        _push2(ssrRenderComponent($setup["MenuButton"], { class: "outline-none" }, {
+        _push2(ssrRenderComponent($setup["MenuButton"], {
+          class: "outline-none",
+          "aria-label": "Minha conta"
+        }, {
           default: withCtx((_, _push3, _parent3, _scopeId2) => {
             if (_push3) {
               ssrRenderSlot(_ctx.$slots, "button", { open }, null, _push3, _parent3, _scopeId2);
@@ -3252,7 +3253,10 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               createTextVNode(toDisplayString($setup.initializeFirebaseAuth()), 1)
             ])
           ])) : createCommentVNode("", true),
-          createVNode($setup["MenuButton"], { class: "outline-none" }, {
+          createVNode($setup["MenuButton"], {
+            class: "outline-none",
+            "aria-label": "Minha conta"
+          }, {
             default: withCtx(() => [
               renderSlot$1(_ctx.$slots, "button", { open })
             ]),
@@ -3415,7 +3419,11 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   } else {
     _push(`<!---->`);
   }
-  _push(`</article><footer class="p-5 shadow"></footer></aside>`);
+  _push(`<ul class="p-5"><!--[-->`);
+  ssrRenderList($setup.shoppingCart.items, (item, i) => {
+    _push(`<li></li>`);
+  });
+  _push(`<!--]--></ul></article><footer class="p-5 shadow"></footer></aside>`);
 }
 const _sfc_setup$1 = _sfc_main$1.setup;
 _sfc_main$1.setup = (props, ctx) => {
@@ -3475,9 +3483,8 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
   _push(ssrRenderComponent($setup["ShopHeaderMenu"], mergeProps({ class: "hidden lg:block" }, { inlineMenuTrees: $setup.inlineMenuTrees }), null, _parent));
   _push(`<div class="basis-1/4 px-2 flex justify-end items-center gap-3 lg:gap-4 text-base-800"><button${ssrRenderAttr("aria-label", "Buscar produtos")}><i class="i-magnifying-glass w-7 h-7 hover:text-primary hover:scale-110 active:scale-125"></i></button>`);
   _push(ssrRenderComponent($setup["AccountMenu"], {
-    class: "hidden sm:block",
-    "aria-label": "Minha conta",
-    "service-links": $props.serviceLinks
+    "service-links": $props.serviceLinks,
+    class: "hidden sm:block"
   }, {
     button: withCtx(({ open }, _push2, _parent2, _scopeId) => {
       if (_push2) {

package/packages/storefront/dist/server/chunks/pages/{account.astro.0003ca94.mjs → account.astro.4b8c2471.mjs}

@@ -1,4 +1,4 @@
-import { c as createAstro, a as createComponent, r as renderTemplate } from '../astro.e0968ba7.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate } from '../astro.b875de26.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';

package/packages/storefront/dist/server/chunks/pages/{endpoint.js.085dadb5.mjs → endpoint.js.64061d33.mjs}

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

package/packages/storefront/dist/server/chunks/pages/{fallback.astro.055cb7df.mjs → fallback.astro.f225bb85.mjs}

@@ -1,5 +1,5 @@
-import { c as createAstro, a as createComponent, r as renderTemplate, m as maybeRenderHead, d as addAttribute, b as renderComponent } from '../astro.e0968ba7.mjs';
-import { l as loadRouteContext, $ as $$BaseHead, a as $$PageHeader, b as $$Base } from './_...slug_.astro.a71c9334.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate, m as maybeRenderHead, d as addAttribute, b as renderComponent } from '../astro.b875de26.mjs';
+import { l as loadRouteContext, $ as $$BaseHead, a as $$PageHeader, b as $$Base } from './_...slug_.astro.7c69d6fe.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';

package/packages/storefront/dist/server/chunks/pages/{index.astro.abc34f72.mjs → index.astro.a972914a.mjs}

@@ -1,5 +1,5 @@
-import { c as createAstro, a as createComponent, r as renderTemplate, b as renderComponent, m as maybeRenderHead, d as addAttribute, u as unescapeHTML, F as Fragment$1 } from '../astro.e0968ba7.mjs';
-import { c as $$Picture, p as parseShippingPhrase, _ as _export_sfc, C as Carousel, d as CarouselControl, e as availableExtraDiscount, f as installmentsOption, g as discountOption, h as loyaltyPointsPrograms, j as addProductToCart, l as loadRouteContext, $ as $$BaseHead, a as $$PageHeader, b as $$Base } from './_...slug_.astro.a71c9334.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate, b as renderComponent, m as maybeRenderHead, d as addAttribute, u as unescapeHTML, F as Fragment$1 } from '../astro.b875de26.mjs';
+import { c as $$Picture, p as parseShippingPhrase, _ as _export_sfc, C as Carousel, d as CarouselControl, e as availableExtraDiscount, f as installmentsOption, g as discountOption, h as loyaltyPointsPrograms, j as addProductToCart, l as loadRouteContext, $ as $$BaseHead, a as $$PageHeader, b as $$Base } from './_...slug_.astro.7c69d6fe.mjs';
 import { ref, shallowReactive, computed, useSSRContext, defineComponent, mergeProps, createVNode, resolveDynamicComponent, withCtx, renderSlot, createTextVNode, toDisplayString, withDirectives, vShow, openBlock, createBlock, Fragment, renderList, resolveComponent, createCommentVNode, withModifiers, withAsyncContext } from 'vue';
 import api from '@cloudcommerce/api';
 import { inStock, price, name, img, onPromotion } from '@ecomplus/utils';
@@ -921,10 +921,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       isActive,
       discountPercentage,
       hasVariations
-    } = useProductCard({
-      product: props.product,
-      productId: props.productId
-    });
+    } = useProductCard(props);
     const card = ref(null);
     const isHovered = useElementHover(card);
     const wasHoveredOnce = ref(false);
@@ -1006,7 +1003,7 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         }
         _push2(`</div>`);
         if ($setup.isActive && !$setup.hasVariations) {
-          _push2(`<button class="uno-3suct9 ui-btn-sm ui-btn-primary"${_scopeId}><i class="i-plus-20-solid mr-0.5"${_scopeId}></i> ${ssrInterpolate("Adicionar ao carrinho")}</button>`);
+          _push2(`<button class="uno-3suct9 ui-btn-sm ui-btn-primary"${_scopeId}><span class="inline-block h-4 w-4 leading-none text-base text-center bg-on-primary text-primary opacity-80 rounded-full mr-1"${_scopeId}> + </span> ${ssrInterpolate("Adicionar ao carrinho")}</button>`);
         } else {
           _push2(`<!---->`);
         }
@@ -1066,7 +1063,7 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               class: "uno-3suct9 ui-btn-sm ui-btn-primary",
               onClick: withModifiers(($event) => $setup.addProductToCart($setup.product), ["prevent"])
             }, [
-              createVNode("i", { class: "i-plus-20-solid mr-0.5" }),
+              createVNode("span", { class: "inline-block h-4 w-4 leading-none text-base text-center bg-on-primary text-primary opacity-80 rounded-full mr-1" }, " + "),
               createTextVNode(" " + toDisplayString("Adicionar ao carrinho"))
             ], 8, ["onClick"])) : createCommentVNode("", true)
           ])

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

@@ -3,7 +3,7 @@ import { webcrypto } from 'node:crypto';
 import { ByteLengthQueuingStrategy, CountQueuingStrategy, ReadableByteStreamController, ReadableStream, ReadableStreamBYOBReader, ReadableStreamBYOBRequest, ReadableStreamDefaultController, ReadableStreamDefaultReader, TransformStream, WritableStream, WritableStreamDefaultController, WritableStreamDefaultWriter } from 'node:stream/web';
 import { File, FormData, Headers, Request, Response, fetch } from 'undici';
 import { setTimeout as setTimeout$1, clearTimeout as clearTimeout$1 } from 'node:timers';
-import { N as NodeApp, g as deserializeManifest } from './chunks/astro.e0968ba7.mjs';
+import { N as NodeApp, g as deserializeManifest } from './chunks/astro.b875de26.mjs';
 import { Readable } from 'stream';
 import https from 'https';
 import path from 'path';
@@ -26,7 +26,7 @@ import 'html-escaper';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './chunks/pages/_...slug_.astro.a71c9334.mjs';
+import './chunks/pages/_...slug_.astro.7c69d6fe.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -2825,13 +2825,13 @@ const adapter = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   start
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const _page0  = () => import('./chunks/endpoint@_@js.67b66d0a.mjs');
-const _page1  = () => import('./chunks/index@_@astro.a4c9c84e.mjs');
-const _page2  = () => import('./chunks/fallback@_@astro.0a6656b6.mjs');
-const _page3  = () => import('./chunks/index@_@astro.df499bf2.mjs');
-const _page4  = () => import('./chunks/account@_@astro.12fbe243.mjs');
-const _page5  = () => import('./chunks/_...75363048.mjs');const pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.9.2_sharp@0.32.4/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.9.2_sharp@0.32.4/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.572313d6.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.c13e0486.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.572313d6.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.c13e0486.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.572313d6.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.c13e0486.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.0003ca94.mjs","/src/pages/fallback.astro":"chunks/pages/fallback.astro.055cb7df.mjs","\u0000@astro-page:../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.9.2_sharp@0.32.4/node_modules/@astrojs/image/dist/endpoint@_@js":"chunks/endpoint@_@js.67b66d0a.mjs","\u0000@astro-page:src/pages/index@_@astro":"chunks/index@_@astro.a4c9c84e.mjs","\u0000@astro-page:src/pages/fallback@_@astro":"chunks/fallback@_@astro.0a6656b6.mjs","\u0000@astro-page:src/pages/app/index@_@astro":"chunks/index@_@astro.df499bf2.mjs","\u0000@astro-page:src/pages/app/account@_@astro":"chunks/account@_@astro.12fbe243.mjs","\u0000@astro-page:src/pages/[...slug]@_@astro":"chunks/_...75363048.mjs","~/components/PitchBar.vue":"_astro/PitchBar.ed85833a.js","/astro/hoisted.js?q=0":"_astro/hoisted.572313d6.js","~/components/HeroSlider.vue":"_astro/HeroSlider.cea1f361.js","@astrojs/vue/client.js":"_astro/client.0fb6b44e.js","~/components/ProductShelf.vue":"_astro/ProductShelf.35614736.js","~/components/ShopHeader.vue":"_astro/ShopHeader.1c27e68e.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.a7b12eab.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_.c13e0486.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-5e0bf4e4.js","/_astro/Carousel.62c97a79.js","/_astro/HeroSlider.cea1f361.js","/_astro/PitchBar.ed85833a.js","/_astro/ProductShelf.35614736.js","/_astro/ShopHeader.1c27e68e.js","/_astro/_plugin-vue_export-helper.4cb7dd76.js","/_astro/api.4984c5be.js","/_astro/client.0fb6b44e.js","/_astro/firebase-app.84207480.js","/_astro/hoisted.572313d6.js","/_astro/img.abbe849f.js","/_astro/index.b93f3d06.js","/_astro/preload-helper.cf010ec4.js","/_astro/session-utm.744b0db3.js","/_astro/workbox-window.prod.es5.a7b12eab.js","/img/icon.png","/img/large-icon.png","/img/uploads/banner2.webp","/img/uploads/ecom-icon.png","/img/uploads/headphone.webp","/img/uploads/logo.png","/img/uploads/og-image.png","/img/uploads/passion.webp","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.webp"]}), {
+const _page0  = () => import('./chunks/endpoint@_@js.32b9ab50.mjs');
+const _page1  = () => import('./chunks/index@_@astro.2072e1c3.mjs');
+const _page2  = () => import('./chunks/fallback@_@astro.4d902266.mjs');
+const _page3  = () => import('./chunks/index@_@astro.a80337aa.mjs');
+const _page4  = () => import('./chunks/account@_@astro.f568e384.mjs');
+const _page5  = () => import('./chunks/_...e1758019.mjs');const pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.9.6_sharp@0.32.4/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.9.6_sharp@0.32.4/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.572313d6.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.caa8cb90.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.572313d6.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.caa8cb90.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.572313d6.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.caa8cb90.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.4b8c2471.mjs","/src/pages/fallback.astro":"chunks/pages/fallback.astro.f225bb85.mjs","\u0000@astro-page:../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.9.6_sharp@0.32.4/node_modules/@astrojs/image/dist/endpoint@_@js":"chunks/endpoint@_@js.32b9ab50.mjs","\u0000@astro-page:src/pages/index@_@astro":"chunks/index@_@astro.2072e1c3.mjs","\u0000@astro-page:src/pages/fallback@_@astro":"chunks/fallback@_@astro.4d902266.mjs","\u0000@astro-page:src/pages/app/index@_@astro":"chunks/index@_@astro.a80337aa.mjs","\u0000@astro-page:src/pages/app/account@_@astro":"chunks/account@_@astro.f568e384.mjs","\u0000@astro-page:src/pages/[...slug]@_@astro":"chunks/_...e1758019.mjs","~/components/PitchBar.vue":"_astro/PitchBar.a0503ba1.js","/astro/hoisted.js?q=0":"_astro/hoisted.572313d6.js","~/components/ProductShelf.vue":"_astro/ProductShelf.7fca4465.js","~/components/HeroSlider.vue":"_astro/HeroSlider.794b113c.js","@astrojs/vue/client.js":"_astro/client.0fb6b44e.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/ShopHeader.vue":"_astro/ShopHeader.fe08e043.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.1df8af9a.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/_...slug_.caa8cb90.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-5e0bf4e4.js","/_astro/Carousel.6824b5e2.js","/_astro/HeroSlider.794b113c.js","/_astro/PitchBar.a0503ba1.js","/_astro/ProductShelf.7fca4465.js","/_astro/ShopHeader.fe08e043.js","/_astro/_plugin-vue_export-helper.4cb7dd76.js","/_astro/api.4984c5be.js","/_astro/client.0fb6b44e.js","/_astro/firebase-app.1df8af9a.js","/_astro/hoisted.572313d6.js","/_astro/img.abbe849f.js","/_astro/index.c723d38d.js","/_astro/preload-helper.cf010ec4.js","/_astro/session-utm.744b0db3.js","/_astro/workbox-window.prod.es5.a7b12eab.js","/img/icon.png","/img/large-icon.png","/img/uploads/banner2.webp","/img/uploads/ecom-icon.png","/img/uploads/headphone.webp","/img/uploads/logo.png","/img/uploads/og-image.png","/img/uploads/passion.webp","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.webp"]}), {
 	pageMap,
 	renderers,
 });

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

@@ -1,8 +1,8 @@
-import { h as server_default } from './chunks/astro.e0968ba7.mjs';
+import { h as server_default } from './chunks/astro.b875de26.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.a71c9334.mjs';
+import { _ as _export_sfc } from './chunks/pages/_...slug_.astro.7c69d6fe.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.22.3",
+  "version": "0.23.0",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "bin": {
     "storefront": "./scripts/build-prod.sh"
@@ -37,27 +37,28 @@
     "@cloudcommerce/i18n": "workspace:*",
     "@ecomplus/utils": "1.5.0-rc.5",
     "@fastify/deepmerge": "^1.3.0",
-    "@headlessui/vue": "^1.7.14",
+    "@headlessui/vue": "^1.7.15",
     "@iconify-json/fa6-brands": "^1.1.11",
     "@iconify-json/heroicons": "^1.1.11",
     "@iconify-json/logos": "^1.1.33",
     "@vite-pwa/astro": "^0.1.1",
-    "@vueuse/core": "10.2.1",
-    "astro": "2.9.2",
+    "@vueuse/core": "10.3.0",
+    "astro": "2.9.6",
     "chroma-js": "^2.4.2",
     "dotenv": "^16.3.1",
-    "firebase": "^9.23.0",
+    "firebase": "^10.1.0",
     "image-size": "^1.0.2",
     "mime": "^3.0.0",
     "semver": "^7.5.4",
     "sharp": "^0.32.4",
     "tailwindcss": "^3.3.3",
-    "unocss": "^0.53.6",
-    "vite": "^4.4.6",
+    "unocss": "^0.54.1",
+    "vite": "^4.4.7",
     "vite-plugin-pwa": "^0.16.4",
     "vue": "^3.3.4"
   },
   "devDependencies": {
+    "@cloudcommerce/eslint": "workspace:^",
     "@cloudcommerce/types": "workspace:*"
   }
 }

package/packages/storefront/src/helpers/sf-utils.ts

@@ -0,0 +1,12 @@
+let id = -1;
+
+/* eslint-disable-next-line no-plusplus */
+export const useId = () => String(++id);
+
+export const requestIdleCallback = (fn: (...args: any[]) => any, fallbackMs = 300) => {
+  if (typeof window.requestIdleCallback === 'function') {
+    window.requestIdleCallback(fn);
+  } else {
+    setTimeout(fn, fallbackMs);
+  }
+};

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

@@ -1,6 +1,7 @@
-<script setup lang="ts">
-/* REFERENCE: https://github.com/bartdominiak/vue-snap */
+<script lang="ts">
 import {
+  type Ref,
+  type InjectionKey,
   onMounted,
   onBeforeUnmount,
   ref,
@@ -11,9 +12,20 @@ import {
   provide,
 } from 'vue';
 import { useDebounceFn, useElementHover, useScroll } from '@vueuse/core';
-import { carouselKey } from '@@sf/components/_injection-keys';
 import CarouselControl from '@@sf/components/CarouselControl.vue';
 
+export type CarouselInject = {
+  autoplay: Ref<number | undefined>,
+  changeSlide: (direction: number, isPageScroll?: boolean) => void,
+  isBoundLeft: Ref<boolean>,
+  isBoundRight: Ref<boolean>,
+};
+
+export const carouselKey = Symbol('carousel') as InjectionKey<CarouselInject>;
+</script>
+
+<script setup lang="ts">
+/* REFERENCE: https://github.com/bartdominiak/vue-snap */
 export interface Props {
   as?: string;
   modelValue?: number;
@@ -27,10 +39,10 @@ const props = withDefaults(defineProps<Props>(), {
 const emit = defineEmits([
   'update:modelValue',
 ]);
-const currentIndex = ref(props.modelValue - 1);
+const currentIndex = ref(0);
 watch(toRef(props, 'modelValue'), (modelValue) => {
   currentIndex.value = modelValue - 1;
-});
+}, { immediate: true });
 watch(currentIndex, (current, previous) => {
   if (current !== previous) {
     emit('update:modelValue', current + 1);

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { inject } from 'vue';
-import { type CarouselInject, carouselKey } from '@@sf/components/_injection-keys';
+import { type CarouselInject, carouselKey } from '@@sf/components/Carousel.vue';
 
 export interface Props {
   isPrev?: boolean;

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { NetworkName } from '@@sf/server-data';
+import type { NetworkName } from '@@sf/sf-lib';
 import { computed } from 'vue';
 
 export interface Props {

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

@@ -1,8 +1,6 @@
 <script setup lang="ts">
-import type { NetworkName } from '@@sf/server-data';
+import { type NetworkName, isMobile, socialNetworks } from '@@sf/sf-lib';
 import { computed } from 'vue';
-import { isMobile } from '@@sf/browser-env';
-import { socialNetworks } from '@@sf/server-data';
 import SocialNetworkIcon from '@@sf/components/SocialNetworkIcon.vue';
 
 export interface Props {

package/packages/storefront/src/lib/composables/use-cart-item.ts

@@ -0,0 +1,46 @@
+import type { Carts } from '@cloudcommerce/api/types';
+import type { ProductItem } from '@@sf/composables/use-product-card';
+import { computed, shallowReactive, watch } from 'vue';
+import { name as getName, img as getImg } from '@ecomplus/utils';
+import { parseProduct } from '@@sf/state/shopping-cart';
+
+export type CartItem = Carts['items'][0];
+
+export type Props = {
+  item?: CartItem;
+  product?: ProductItem;
+  pictureSize?: string;
+} & ({ item: CartItem } | { product: ProductItem });
+
+export const useCartItem = (props: Props) => {
+  const cartItem = shallowReactive({} as CartItem);
+  watch(props, () => {
+    if (props.item) {
+      Object.assign(cartItem, props.item);
+    } else if (props.product) {
+      Object.assign(cartItem, parseProduct(props.product));
+    }
+  }, {
+    immediate: true,
+  });
+  const title = computed(() => {
+    return getName(cartItem);
+  });
+  const image = computed(() => {
+    if (cartItem.picture) {
+      return getImg(cartItem.picture, undefined, props.pictureSize || 'small');
+    }
+    return undefined;
+  });
+  const finalPrice = computed(() => {
+    return cartItem.final_price || cartItem.price;
+  });
+  return {
+    cartItem,
+    title,
+    image,
+    finalPrice,
+  };
+};
+
+export default useCartItem;