cloudcommerce 0.18.2 → 0.20.0

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.2df8d1c5.mjs';
+import { N as NodeApp, g as deserializeManifest } from './chunks/astro.45d3047f.mjs';
 import { Readable } from 'stream';
 import https from 'https';
 import path from 'path';
@@ -24,7 +24,7 @@ import 'string-width';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './chunks/pages/_...slug_.astro.906634b2.mjs';
+import './chunks/pages/_...slug_.astro.bde9380b.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.36a1cfa7.mjs');
-const _page1  = () => import('./chunks/index@_@astro.1ea814dc.mjs');
-const _page2  = () => import('./chunks/fallback@_@astro.6af59549.mjs');
-const _page3  = () => import('./chunks/index@_@astro.846e70bb.mjs');
-const _page4  = () => import('./chunks/account@_@astro.9bc80fb8.mjs');
-const _page5  = () => import('./chunks/_...4cff750f.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.0a073a86.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.36a1cfa7.mjs","\u0000@astro-page:src/pages/index@_@astro":"chunks/index@_@astro.1ea814dc.mjs","\u0000@astro-page:src/pages/fallback@_@astro":"chunks/fallback@_@astro.6af59549.mjs","\u0000@astro-page:src/pages/app/index@_@astro":"chunks/index@_@astro.846e70bb.mjs","\u0000@astro-page:src/pages/app/account@_@astro":"chunks/account@_@astro.9bc80fb8.mjs","\u0000@astro-page:src/pages/[...slug]@_@astro":"chunks/_...4cff750f.mjs","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.a7b12eab.js","/astro/hoisted.js?q=0":"_astro/hoisted.9d9d7ac4.js","~/components/PitchBar.vue":"_astro/PitchBar.75d2999f.js","~/components/HeroSlider.vue":"_astro/HeroSlider.359c76cc.js","@astrojs/vue/client.js":"_astro/client.24201f93.js","~/components/ProductShelf.vue":"_astro/ProductShelf.83c66e3e.js","~/components/Prices.vue":"_astro/Prices.bd0d3474.js","~/components/ShopHeader.vue":"_astro/ShopHeader.a06de422.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.a06de422.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"]}), {
+const _page0  = () => import('./chunks/endpoint@_@js.f880a152.mjs');
+const _page1  = () => import('./chunks/index@_@astro.56fdd6da.mjs');
+const _page2  = () => import('./chunks/fallback@_@astro.89538855.mjs');
+const _page3  = () => import('./chunks/index@_@astro.548cf7ad.mjs');
+const _page4  = () => import('./chunks/account@_@astro.89e4cf60.mjs');
+const _page5  = () => import('./chunks/_...9e22b578.mjs');const pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.3_sharp@0.32.3/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.3_sharp@0.32.3/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_.c2da43fb.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_.c2da43fb.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_.c2da43fb.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.f07cf19e.mjs","/src/pages/fallback.astro":"chunks/pages/fallback.astro.e2e8a0e4.mjs","\u0000@astro-page:../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.3_sharp@0.32.3/node_modules/@astrojs/image/dist/endpoint@_@js":"chunks/endpoint@_@js.f880a152.mjs","\u0000@astro-page:src/pages/index@_@astro":"chunks/index@_@astro.56fdd6da.mjs","\u0000@astro-page:src/pages/fallback@_@astro":"chunks/fallback@_@astro.89538855.mjs","\u0000@astro-page:src/pages/app/index@_@astro":"chunks/index@_@astro.548cf7ad.mjs","\u0000@astro-page:src/pages/app/account@_@astro":"chunks/account@_@astro.89e4cf60.mjs","\u0000@astro-page:src/pages/[...slug]@_@astro":"chunks/_...9e22b578.mjs","~/components/PitchBar.vue":"_astro/PitchBar.ed85833a.js","@astrojs/vue/client.js":"_astro/client.8035a95a.js","~/components/ProductShelf.vue":"_astro/ProductShelf.9e290480.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.eb156f18.js","/astro/hoisted.js?q=0":"_astro/hoisted.9d9d7ac4.js","~/components/ShopHeader.vue":"_astro/ShopHeader.0c884bbe.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_.c2da43fb.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-5e0bf4e4.js","/_astro/Carousel.62c97a79.js","/_astro/HeroSlider.eb156f18.js","/_astro/PitchBar.ed85833a.js","/_astro/ProductShelf.9e290480.js","/_astro/ShopHeader.0c884bbe.js","/_astro/_plugin-vue_export-helper.4cb7dd76.js","/_astro/api.4984c5be.js","/_astro/client.8035a95a.js","/_astro/firebase-app.84207480.js","/_astro/hoisted.9d9d7ac4.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","/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/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.2df8d1c5.mjs';
+import { h as server_default } from './chunks/astro.45d3047f.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.906634b2.mjs';
+import { _ as _export_sfc } from './chunks/pages/_...slug_.astro.bde9380b.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.18.2",
+  "version": "0.20.0",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "bin": {
     "storefront": "./scripts/build-prod.sh"
@@ -43,17 +43,17 @@
     "@iconify-json/logos": "^1.1.33",
     "@vite-pwa/astro": "^0.1.1",
     "@vueuse/core": "10.2.1",
-    "astro": "2.8.0",
+    "astro": "2.8.3",
     "chroma-js": "^2.4.2",
     "dotenv": "^16.3.1",
     "firebase": "^9.23.0",
     "image-size": "^1.0.2",
     "mime": "^3.0.0",
     "semver": "^7.5.4",
-    "sharp": "^0.32.1",
-    "tailwindcss": "^3.3.2",
+    "sharp": "^0.32.3",
+    "tailwindcss": "^3.3.3",
     "unocss": "^0.53.5",
-    "vite": "^4.4.2",
+    "vite": "^4.4.4",
     "vite-plugin-pwa": "^0.16.4",
     "vue": "^3.3.4"
   },

package/packages/storefront/src/images/get-built-picture.ts

@@ -127,6 +127,7 @@ export async function getBuiltPicture(params: GetPictureParams): Promise<GetPict
   const sources = await Promise.all(allFormats.map((format) => getSource(format)));
   return {
     sources,
+    // @ts-ignore
     image,
   };
 }

package/packages/storefront/src/images/use-ssr-picture.ts

@@ -3,6 +3,10 @@ import type {
   GetPictureParams,
   GetPictureResult,
 } from '@astrojs/image/dist/lib/get-picture';
+import type {
+  GetPictureParams as GetBuiltPictureParams,
+  GetPictureResult as GetBuiltPictureResult,
+} from './get-built-picture';
 
 export type PictureProps = Omit<PictureComponentRemoteImageProps, 'aspectRatio' | 'sizes'> & {
   sizes?: string;
@@ -26,7 +30,8 @@ const getAspectRatio = (src: string | ImageSize, tryImageSize: TryImageSize) =>
 
 export type UsePictureParams = PictureProps & {
   tryImageSize: TryImageSize;
-  getPicture: (params: GetPictureParams) => Promise<GetPictureResult>;
+  getPicture: ((params: GetPictureParams) => Promise<GetPictureResult>)
+    | ((params: GetBuiltPictureParams) => Promise<GetBuiltPictureResult>);
 };
 
 const useSSRPicture = async (params: UsePictureParams) => {
@@ -48,7 +53,7 @@ const useSSRPicture = async (params: UsePictureParams) => {
     ...attrs
   } = params;
 
-  let aspectRatio: number;
+  let aspectRatio: number | undefined;
   if (propAspectRatio) {
     if (typeof propAspectRatio === 'number') {
       aspectRatio = propAspectRatio;
@@ -67,7 +72,7 @@ const useSSRPicture = async (params: UsePictureParams) => {
   let sizes: string = propSizes || '';
   if (!sizes && attrs.class) {
     const classNames = attrs.class.split(' ');
-    let nextSize: string;
+    let nextSize: string | undefined;
     const breakpoints = {
       sm: 640,
       md: 768,
@@ -75,10 +80,10 @@ const useSSRPicture = async (params: UsePictureParams) => {
       xl: 1280,
       '2xl': 1536,
     };
-    [
-      [''],
+    ([
+      ['', 0],
       ...Object.entries(breakpoints),
-    ].forEach(([breakpoint, minWidth]: [string, number | undefined]) => {
+    ] as Array<[string, number]>).forEach(([breakpoint, minWidth]) => {
       const classRegex = breakpoint
         ? new RegExp(`^${breakpoint}:max-w-(\\[\\w+\\]|screen-\\w+)$`)
         : /^max-w-(\[\w+\]|screen-\w+)$/;

package/packages/storefront/src/lib/components/{HeroPicture.astro → BannerPictures.astro}

@@ -1,11 +1,13 @@
 ---
-import type { HeroSliderProps } from '@@sf/layouts/sections/use-hero-section';
+import type { Props as UseBannerProps } from '@@sf/composables/use-banner';
 import Picture from '@@sf/components/Picture.astro';
 
-export type Props = HeroSliderProps['slides'][0] & {
-  index: number;
+export type Props = UseBannerProps & {
+  index?: number;
   widths?: number[];
+  class?: string;
   mobileWidths?: number[];
+  mobileClass?: string;
 };
 
 const {
@@ -16,9 +18,11 @@ const {
   subtitle,
   buttonText,
   index,
+  class: className = 'max-w-screen-2xl',
+  mobileClass = 'max-w-screen-sm',
 } = Astro.props as Props;
 const hasHeader = title || subtitle || buttonText;
-let { widths, mobileWidths }= Astro.props;
+let { widths, mobileWidths } = Astro.props;
 if (!widths?.length) {
   if (mobileImg) {
     widths = [1536, 2048];
@@ -34,14 +38,16 @@ if (!mobileWidths?.length) {
 }
 ---
 
-<Picture
-  src={img}
-  alt={alt || ''}
-  widths={widths}
-  fetchpriority={index === 0 ? 'high' : 'low'}
-  loading={index === 0 ? 'eager' : 'lazy'}
-  class={`${(mobileImg ? 'hidden md:block' : '')} max-w-screen-2xl mx-auto`}
-/>
+{img &&
+  <Picture
+    src={img}
+    alt={alt || ''}
+    widths={widths}
+    fetchpriority={index === 0 ? 'high' : 'low'}
+    loading={index === 0 ? 'eager' : 'lazy'}
+    class={`${(mobileImg ? 'hidden md:block ' : '')}mx-auto ${className}`}
+  />
+}
 {mobileImg &&
   <Picture
     src={mobileImg}
@@ -49,6 +55,6 @@ if (!mobileWidths?.length) {
     widths={mobileWidths}
     fetchpriority={index === 0 ? 'high' : 'low'}
     loading={index === 0 ? 'eager' : 'lazy'}
-    class="md:hidden max-w-screen-sm mx-auto"
+    class={`md:hidden mx-auto ${mobileClass}`}
   />
 }

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

@@ -0,0 +1,38 @@
+import { computed } from 'vue';
+import { parseShippingPhrase } from '@@sf/state/modules-info';
+
+export interface Props {
+  img?: string;
+  alt?: string;
+  mobileImg?: string;
+  href?: string;
+  title?: string;
+  subtitle?: string;
+  buttonLink?: string;
+  buttonText?: string;
+}
+
+const useBanner = (props: Props) => {
+  const parsedTitle = computed(() => {
+    return props.title ? parseShippingPhrase(props.title).value : '';
+  });
+  const parsedSubtitle = computed(() => {
+    return props.subtitle ? parseShippingPhrase(props.subtitle).value : '';
+  });
+  const parsedButtonText = computed(() => {
+    return props.buttonText ? parseShippingPhrase(props.buttonText).value : '';
+  });
+  const hasHeader = computed(() => {
+    return Boolean(parsedTitle.value || parsedSubtitle.value || parsedButtonText.value);
+  });
+  return {
+    parsedTitle,
+    parsedSubtitle,
+    parsedButtonText,
+    hasHeader,
+  };
+};
+
+export default useBanner;
+
+export { useBanner };

package/packages/storefront/src/lib/composables/use-hero-slider.ts

@@ -1,32 +1,18 @@
+import type { Props as UseBannerProps } from '@@sf/composables/use-banner';
 import { computed } from 'vue';
-import { parseShippingPhrase } from '@@sf/state/modules-info';
+import useBanner from '@@sf/composables/use-banner';
 
 export interface Props {
   autoplay?: number;
-  slides: Array<{
-    img?: string;
-    alt?: string;
-    mobileImg?: string;
-    href?: string;
-    title?: string;
-    subtitle?: string;
-    buttonLink?: string;
-    buttonText?: string;
-  }>;
+  slides: Array<UseBannerProps>;
 }
 
 const useHeroSlider = (props: Props) => {
   const parsedSlides = computed(() => {
     return props.slides.map((slide) => {
-      const title = slide.title
-        ? parseShippingPhrase(slide.title).value : '';
-      const subtitle = slide.subtitle
-        ? parseShippingPhrase(slide.subtitle).value : '';
-      const buttonText = slide.buttonText
-        ? parseShippingPhrase(slide.buttonText).value : '';
       return {
         ...slide,
-        hasHeader: Boolean(title || subtitle || buttonText),
+        ...useBanner(slide),
       };
     });
   });

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

@@ -1,4 +1,4 @@
-import type { Products, Carts, SearchItem } from '@cloudcommerce/types';
+import type { Products, SearchItem } from '@cloudcommerce/types';
 import { ref, computed, shallowReactive } from 'vue';
 import api from '@cloudcommerce/api';
 import {
@@ -9,10 +9,9 @@ import {
   onPromotion as checkOnPromotion,
 } from '@ecomplus/utils';
 
-type CartItem = Carts['items'][0];
 type PictureSize = { url: string; alt?: string; size?: string };
 
-export type ProductItem = Products | SearchItem | CartItem;
+export type ProductItem = Products | SearchItem;
 
 export type Props = {
   product?: ProductItem;
@@ -23,12 +22,13 @@ const useProductCard = <T extends ProductItem | undefined = undefined>(props: Pr
   const isFetching = ref(false);
   let fetching: Promise<void> | null = null;
   const fetchError = ref<Error | null>(null);
+  const { productId } = props;
   const product = shallowReactive<(T extends undefined ? Partial<SearchItem> : T)
-    & { price: number }>({
+    & { _id: Products['_id'], price: number }>({
       ...(props.product as Exclude<T, undefined>),
+      _id: (props.product?._id || productId) as Products['_id'],
       price: getPrice(props.product || {}),
     });
-  const { productId } = props;
   if (!props.product && productId) {
     isFetching.value = true;
     fetching = (async () => {
@@ -61,12 +61,6 @@ const useProductCard = <T extends ProductItem | undefined = undefined>(props: Pr
         const img = getImg(picture);
         if (img) _images.push(img);
       }));
-    } else {
-      const { picture } = (product as CartItem);
-      if (picture) {
-        const img = getImg(picture);
-        if (img) _images.push(img);
-      }
     }
     return _images;
   });
@@ -84,6 +78,10 @@ const useProductCard = <T extends ProductItem | undefined = undefined>(props: Pr
     }
     return 0;
   });
+  const hasVariations = computed(() => {
+    if ((product as SearchItem).has_variations) return true;
+    return Boolean(product.variations?.length);
+  });
 
   return {
     isFetching,
@@ -96,6 +94,7 @@ const useProductCard = <T extends ProductItem | undefined = undefined>(props: Pr
     isInStock,
     isActive,
     discountPercentage,
+    hasVariations,
   };
 };
 

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

@@ -1,21 +1,61 @@
 import type { ResourceId } from '@cloudcommerce/types';
+import type { PageContent } from '@@sf/content';
 import type { RouteContext } from '@@sf/ssr-context';
-import type { Props as UseProductShelf } from '@@sf/composables/use-product-shelf';
+import type { Props as UseBannerProps } from '@@sf/composables/use-banner';
+import type { Props as UseHeroSliderProps } from '@@sf/composables/use-hero-slider';
+import type { Props as UseProductShelfProps } from '@@sf/composables/use-product-shelf';
 import { useProductShelf } from '@@sf/composables/use-product-shelf';
 
-export type ProductShelfProps = UseProductShelf;
-
 export interface Props {
   routeContext: RouteContext;
 }
 
-const usePageSections = async ({ routeContext }: Props) => {
+const now = Date.now();
+const parseBanners = (banners: Partial<PageContent['hero']['slides'][0]>[]) => {
+  const validBanners: UseBannerProps[] = [];
+  banners.forEach(({
+    img,
+    start,
+    end,
+    mobile_img: mobileImg,
+    button_link: buttonLink,
+    button_text: buttonText,
+    ...rest
+  }) => {
+    if (start && new Date(start).getTime() < now) return;
+    if (end && new Date(end).getTime() > now) return;
+    validBanners.push({
+      ...rest,
+      img,
+      mobileImg,
+      buttonLink,
+      buttonText,
+    });
+  });
+  return validBanners;
+};
+
+export const usePageHero = async ({ routeContext }: Props) => {
+  const { cmsContent } = routeContext;
+  const heroSlider: UseHeroSliderProps = { slides: [] };
+  const heroContent = cmsContent?.hero;
+  if (heroContent) {
+    heroSlider.autoplay = heroContent.autoplay;
+    if (heroContent.slides) {
+      heroSlider.slides = parseBanners(heroContent.slides);
+    }
+  }
+  return { heroSlider };
+};
+
+export const usePageSections = async ({ routeContext }: Props) => {
   const sectionsContent = routeContext.cmsContent?.sections;
   const sections: Array<
-    { type: 'product-shelf', props: ProductShelfProps }
+    { type: 'product-shelf', props: UseProductShelfProps }
+    | { type: 'banners-grid', props: { banners: UseBannerProps[] } }
   > = [];
   if (sectionsContent) {
-    await Promise.all(sectionsContent.map(async ({ type, ...sectionContent }) => {
+    await Promise.all(sectionsContent.map(async ({ type, ...sectionContent }, index) => {
       if (type === 'product-shelf') {
         const {
           collection_id: collectionIdAndInfo,
@@ -72,7 +112,7 @@ const usePageSections = async ({ routeContext }: Props) => {
         };
         const { fetching, products } = useProductShelf(props);
         await fetching;
-        sections.push({
+        sections[index] = {
           type,
           props: {
             ...rest,
@@ -84,7 +124,18 @@ const usePageSections = async ({ routeContext }: Props) => {
             isShuffle,
             products,
           },
-        });
+        };
+        return;
+      }
+
+      if (type === 'banners-grid') {
+        sections[index] = {
+          type,
+          props: {
+            banners: parseBanners(sectionContent.banners || []),
+          },
+        };
+        // return;
       }
     }));
   }
@@ -97,7 +148,3 @@ const usePageSections = async ({ routeContext }: Props) => {
     sections,
   };
 };
-
-export default usePageSections;
-
-export { usePageSections };

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

@@ -2,7 +2,7 @@ import type { AstroGlobal } from 'astro';
 import type { BaseConfig } from '@cloudcommerce/config';
 import type { ApiError, ApiEndpoint } from '@cloudcommerce/api';
 import type { CategoriesList, BrandsList } from '@cloudcommerce/api/types';
-import type { ContentGetter, SettingsContent, PageContent } from './content';
+import type { ContentGetter, SettingsContent, PageContent } from '@@sf/content';
 import { EventEmitter } from 'node:events';
 import api from '@cloudcommerce/api';
 import _getConfig from '../../config/storefront.config.mjs';

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

@@ -1,9 +1,13 @@
-import type { ResourceId, Products, Carts } from '@cloudcommerce/api/types';
+import type { Products, Carts, SearchItem } from '@cloudcommerce/api/types';
 import { price as getPrice } from '@ecomplus/utils';
 
 type CartItem = Carts['items'][0];
 
-export default (product: Products, variationId?: ResourceId, quantity?: number) => {
+export default (
+  product: (Partial<Products> | Partial<SearchItem>) & { _id: Products['_id'] },
+  variationId?: Products['_id'],
+  quantity?: number,
+) => {
   if (typeof quantity !== 'number' || Number.isNaN(quantity)) {
     quantity = product.min_quantity || 1;
   }
@@ -15,7 +19,6 @@ export default (product: Products, variationId?: ResourceId, quantity?: number)
   item.product_id = product._id;
   if (variationId) {
     item.variation_id = variationId;
-    item.slug = product.slug;
     if (item.picture_id && product.pictures) {
       const pictures = product.pictures.filter((picture) => {
         return picture._id === item.picture_id;

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

@@ -1,4 +1,4 @@
-import type { ResourceId, Products, CartSet } from '@cloudcommerce/api/types';
+import type { Products, CartSet, SearchItem } from '@cloudcommerce/api/types';
 import { computed } from 'vue';
 import useStorage from './use-storage';
 import addItem from './shopping-cart/add-cart-item';
@@ -74,8 +74,8 @@ const addCartItem = (newItem: CartSet['items'][0]) => {
 };
 
 const addProductToCart = (
-  product: Products,
-  variationId?: ResourceId,
+  product: (Partial<Products> | Partial<SearchItem>) & { _id: Products['_id'] },
+  variationId?: Products['_id'],
   quantity?: number,
 ) => addCartItem(parseProduct(product, variationId, quantity));
 

package/packages/storefront/src/lib/state/use-cms-preview.ts

@@ -1,4 +1,4 @@
-import type { ContentFilename, ContentData } from '../content';
+import type { ContentFilename, ContentData } from '@@sf/content';
 import { shallowRef } from 'vue';
 
 function getCmsUpdates<T extends ContentFilename>(

package/packages/types/package.json

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

package/packages/storefront/dist/client/_astro/Carousel.533b4b19.js

@@ -1 +0,0 @@
-import{u as X,a as Y,b as Z}from"./index.ddc27a3a.js";import{_ as K,s as M,V as q,x as P,u as G,D as v,z as J,C as A,N as c,K as h,W as D,r as F,X as Q,L as ee,Y as te,Z as ae,E as oe,w as L,G as le,v as H,$ as se,a0 as re}from"./_plugin-vue_export-helper.4e6dc3af.js";const U=Symbol("carousel"),ne=M({__name:"CarouselControl",props:{isPrev:{type:Boolean,default:!1}},setup(r,{expose:u}){u();const{changeSlide:l}=q(U),t={changeSlide:l};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}}),ue=["aria-label","data-carousel-control"];function ie(r,u,l,t,n,o){return P(),G("button",{type:"button","aria-label":l.isPrev?"Anterior":"Próximo",onClick:u[0]||(u[0]=m=>t.changeSlide(l.isPrev?-1:1)),class:A(["group absolute top-0 z-1",l.isPrev?"left-0":"right-0"]),"data-carousel-control":l.isPrev?"previous":"next"},[v(r.$slots,"default",{},()=>[J("i",{class:A(["m-0",l.isPrev?"i-chevron-left group-active:-translate-x-1":"i-chevron-right group-active:translate-x-1"])},null,2)])],10,ue)}const ce=K(ne,[["render",ie]]),de=M({__name:"Carousel",props:{as:{default:"ul"},modelValue:{default:1},autoplay:{}},emits:["update:modelValue"],setup(r,{expose:u,emit:l}){u();const t=r,n=c(t.modelValue-1);h(D(t,"modelValue"),e=>{n.value=e-1}),h(n,(e,a)=>{e!==a&&l("update:modelValue",e+1)});const o=c(null),{x:m,isScrolling:B,arrivedState:_}=X(o),W=F(()=>_.left),T=F(()=>_.right),s=c([]),g=c(0),p=c(0),I=c(0),V=()=>{o.value&&(g.value=o.value.scrollWidth,p.value=o.value.offsetWidth)},k=()=>{if(!o.value)return;let e=[...o.value.children];e.length===1&&e[0].tagName.endsWith("SLOT")&&(e=[...e[0].children]),s.value=e.map(a=>({offsetLeft:a.offsetLeft,width:a.offsetWidth}))},z=e=>{let a=n.value+e;if(a>=s.value.length)return 0;a<0&&(a=s.value.length+a);const{offsetLeft:b,width:d}=s.value[a]||{};return d?b:0},x=()=>{const e=s.value.findIndex(a=>Math.abs(a.offsetLeft-m.value)<=5);e>-1&&(n.value=e||0)},E=()=>{const e=g.value-p.value;I.value=s.value.findIndex(({offsetLeft:a})=>a>=e-5)};let i;const f=()=>{t.autoplay&&(clearTimeout(i),i=setTimeout(()=>{C(1)},t.autoplay))},C=(e,a=!0)=>{if(s.value.length<2)return;if(a&&(e===1||e===-1)){let d=0,$=0;for(let S=n.value;S<s.value.length;S++){const{width:j}=s.value[S]||{};if(j&&(d+=1,$+=j,$>=p.value))break}d&&(e=e>0?d:-d)}t.autoplay||console.log({direction:e},n.value,s.value.length);const b=z(e);o.value?.scrollTo({left:b,behavior:"smooth"}),f()};h(B,e=>{e?clearTimeout(i):(x(),f())});const N=c(null),O=Y(N);h(O,e=>{e?clearTimeout(i):f()});const w=()=>{o.value&&(V(),k(),x(),E())},y=Z(()=>{o.value&&(o.value.scrollLeft=0,w())},400);Q(()=>{w(),ee(()=>{o.value&&[...o.value.children].forEach(e=>{e.setAttribute("tabindex","0")})}),f(),window.addEventListener("resize",y)}),te(()=>{window.removeEventListener("resize",y),clearTimeout(i)}),ae(U,{autoplay:D(t,"autoplay"),changeSlide:C,isBoundLeft:W,isBoundRight:T});const R={props:t,emit:l,currentIndex:n,wrapper:o,currentPos:m,isScrolling:B,arrivedState:_,isBoundLeft:W,isBoundRight:T,slidesWidth:s,wrapperScrollWidth:g,wrapperVisibleWidth:p,indexCount:I,calcWrapperWidth:V,calcSlidesWidth:k,calcNextOffsetLeft:z,calcCurrentIndex:x,calcIndexCount:E,get autoplayTimer(){return i},set autoplayTimer(e){i=e},restartAutoplay:f,changeSlide:C,carousel:N,isHovered:O,calcOnInit:w,onResize:y,CarouselControl:ce};return Object.defineProperty(R,"__isScriptSetup",{enumerable:!1,value:!0}),R}}),fe={ref:"carousel",class:"relative","data-carousel":""};function ve(r,u,l,t,n,o){return P(),G("div",fe,[(P(),oe(le(l.as),{ref:"wrapper",class:"flex overflow-x-scroll overflow-y-hidden list-none m-0 p-0 snap-x snap-mandatory scroll-smooth [&>*]:snap-start [&>*]:outline-none",style:{"scrollbar-width":"none","-webkit-overflow-scrolling":"touch","-ms-overflow-style":"none"},"data-carousel-wrapper":""},{default:L(()=>[v(r.$slots,"default")]),_:3},512)),v(r.$slots,"controls",se(re({changeSlide:t.changeSlide,isBoundLeft:t.isBoundLeft,isBoundRight:t.isBoundRight,currentPage:t.currentIndex+1,pageCount:t.indexCount+1})),()=>[H(t.CarouselControl,{"is-prev":""},{default:L(()=>[v(r.$slots,"previous")]),_:3}),H(t.CarouselControl,null,{default:L(()=>[v(r.$slots,"next")]),_:3})])],512)}const me=K(de,[["render",ve]]);export{me as C,ce as a};

package/packages/storefront/dist/client/_astro/HeroSlider.359c76cc.js

@@ -1 +0,0 @@
-import{v as x}from"./runtime-dom.esm-bundler.578d6e91.js";import{p as d}from"./modules-info.d6bd555b.js";import{r as b,_ as g,s as v,u as a,v as m,w as i,x as r,y as w,z as o,F as y,A as C,C as f,D as S,E as k,G as H,H as T,I as p,J as h}from"./_plugin-vue_export-helper.4e6dc3af.js";import{C as B,a as D}from"./Carousel.533b4b19.js";import"./session-utm.744b0db3.js";import"./index.ddc27a3a.js";const N=l=>({parsedSlides:b(()=>l.slides.map(e=>{const s=e.title?d(e.title).value:"",n=e.subtitle?d(e.subtitle).value:"",_=e.buttonText?d(e.buttonText).value:"";return{...e,hasHeader:!!(s||n||_)}}))}),V=v({__name:"HeroSlider",props:{autoplay:{},slides:{}},setup(l,{expose:c}){c();const e=l,{parsedSlides:s}=N(e),n={props:e,parsedSlides:s,Carousel:B,CarouselControl:D};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}}),z={class:"relative mx-auto"},j=["href"],E={key:0,class:"basis-1/2 grow-0 p-12 xl:ps-32 mb-3 md:mb-0"},F={key:0,class:"text-lg mt-4 md:mt-6"},L=["href"],P={class:"absolute z-10 bottom-5 flex justify-end items-center w-screen right-5 xl:right-auto xl:max-w-screen-xl xl:left-1/2 xl:-ms-[640px]"},A={class:"relative w-20 h-10 rounded-full bg-white/50 text-primary shadow-sm ring-1 ring-black/5"},G=o("i",{class:"i-arrow-left"},null,-1),I=o("i",{class:"i-arrow-right"},null,-1);function J(l,c,e,s,n,_){return r(),a("section",z,[m(s.Carousel,{autoplay:e.autoplay},{controls:i(()=>[w(o("div",P,[o("div",A,[m(s.CarouselControl,{class:"w-10 h-10 rounded-full hover:bg-primary/10","is-prev":""},{default:i(()=>[G]),_:1}),m(s.CarouselControl,{class:"w-10 h-10 rounded-full hover:bg-primary/10"},{default:i(()=>[I]),_:1})])],512),[[x,s.parsedSlides.length>1]])]),default:i(()=>[(r(!0),a(y,null,C(s.parsedSlides,(t,u)=>(r(),a("li",{key:u,class:"shrink-0 basis-full h-full secondary"},[o("div",{class:f(["w-screen max-w-screen-2xl mx-auto overflow-x-hidden",t.hasHeader?"grid grid-cols-1 md:grid-cols-2 items-center":null])},[o("a",{href:t.href,class:f(t.hasHeader?"basis-1/2 grow-0 md:order-last":null)},[S(l.$slots,`picture-${u}`)],10,j),t.hasHeader?(r(),a("div",E,[(r(),k(H(u===0?"h2":"h3"),{class:"ui-title mt-1"},{default:i(()=>[T(p(t.title),1)]),_:2},1024)),t.subtitle?(r(),a("p",F,p(t.subtitle),1)):h("",!0),t.buttonText?(r(),a("a",{key:1,href:t.buttonLink,class:"ui-btn-lg ui-btn-contrast min-w-[150px] mt-7 md:mt-10"},p(t.buttonText),9,L)):h("",!0)])):h("",!0)],2)]))),128))]),_:3},8,["autoplay"])])}const U=g(V,[["render",J]]);export{U as default};

package/packages/storefront/dist/client/_astro/PitchBar.75d2999f.js

@@ -1 +0,0 @@
-import{v as m}from"./runtime-dom.esm-bundler.578d6e91.js";import{p as _}from"./modules-info.d6bd555b.js";import{U as f,r as u,_ as v,s as C,u as l,z as h,v as d,w as p,x as o,y as g,F as b,A as x,E as w,G as y,C as S,J as k}from"./_plugin-vue_export-helper.4e6dc3af.js";import{C as B,a as P}from"./Carousel.533b4b19.js";import"./session-utm.744b0db3.js";import"./index.ddc27a3a.js";function V(t,s){{const a=btoa(JSON.stringify({filename:t}));window.parent.postMessage(JSON.parse(JSON.stringify({type:"open",filename:t,id:a})),window.location.origin),window.addEventListener("message",e=>{e.data.id===a&&s(e.data.data)})}}const L=t=>{const s=f(null);return window.$isCmsPreview&&V(t,a=>{s.value=a}),{liveContent:s}},N=t=>{const s={slides:[]};return t.header?.pitch_bar&&(s.slides=t.header.pitch_bar),s},J=t=>{const{liveContent:s}=L("layout"),a=u(()=>(s.value?N(s.value).slides:t.slides).map(({html:n})=>_(n).value.replace(/<\/?p>/g,"").replace(/&lt;(\/?d-md)&gt;/g,"<$1>"))),e=u(()=>a.value.filter(r=>r).length);return{parsedContents:a,countValidSlides:e}},O=C({__name:"PitchBar",props:{slides:{}},setup(t,{expose:s}){s();const a=t,{parsedContents:e,countValidSlides:r}=J(a),n={props:a,parsedContents:e,countValidSlides:r,Carousel:B,CarouselControl:P};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}}),z={class:"bg-base-100 relative z-20"},E={class:"container md:w-2/3 mx-auto px-3 py-1"},M=["innerHTML"],A={class:"text-xl leading-none text-base-400"};function D(t,s,a,e,r,n){return o(),l("div",z,[h("div",E,[d(e.Carousel,{autoplay:e.countValidSlides>1?7e3:void 0},{controls:p(()=>[g(h("div",A,[d(e.CarouselControl,{class:"pr-2 bg-base-100 hover:text-base-700","is-prev":""}),d(e.CarouselControl,{class:"pl-2 bg-base-100 hover:text-base-700"})],512),[[m,e.countValidSlides>1]])]),default:p(()=>[(o(!0),l(b,null,x(a.slides,(i,c)=>(o(),l("li",{key:c,class:"shrink-0 basis-full h-full text-center"},[(o(),w(y(i.href?"ALink":"span"),{href:i.href,target:i.target,class:S(["inline-block px-8",i.href?"hover:underline":null])},{default:p(()=>[e.parsedContents[c]?(o(),l("span",{key:0,innerHTML:e.parsedContents[c],class:"prose text-sm text-base-800"},null,8,M)):k("",!0)]),_:2},1032,["href","target","class"]))]))),128))]),_:1},8,["autoplay"])])])}const R=v(O,[["render",D]]);export{R as default};

package/packages/storefront/dist/client/_astro/Prices.bd0d3474.js

@@ -1 +0,0 @@
-import{a as z,b as W,d as A,l as S}from"./modules-info.d6bd555b.js";import{r as s,a3 as k,a4 as E,_ as M,s as T,a5 as F,u as o,I as r,J as c,z as h,H as N,C,v as B,w as L,x as i}from"./_plugin-vue_export-helper.4e6dc3af.js";import"./session-utm.744b0db3.js";const I=(a,l)=>{const{type:n,value:e}=l;let d;return e?(n==="percentage"?d=a*((100-e)/100):d=a-e,d>0?d:0):a},H=a=>{const l=s(()=>a.product||{price:a.price||0,base_price:a.basePrice}),n=s(()=>{const{variations:t}=l.value;if(t){const u=k(l.value);for(let b=0;b<t.length;b++)if(k({...l.value,...t[b]})>u)return!0}return!1}),e=s(()=>{const t=k(l.value),u=z.value;return u&&(!u.min_amount||t>u.min_amount)?I(t,u):t}),d=s(()=>{if(E(l.value))return l.value.base_price;const t=k(l.value);return t>e.value?t:0}),_=s(()=>a.installmentsOption||W.value||{max_number:1}),m=s(()=>{if(_.value.max_number<=1)return 1;const t=_.value.min_installment||5,u=Math.round(e.value/t);return Math.min(u,_.value.max_number)}),P=s(()=>_.value.monthly_interest||0),g=s(()=>{if(m.value>=2){if(!P.value)return e.value/m.value;const t=P.value/100;return e.value*t/(1-(1+t)**-m.value)}return 0}),y=s(()=>{const t=a.discountOption||A.value;return t&&(!t.min_amount||t.min_amount<=e.value)&&(!a.isAmountTotal||t.apply_at==="total")?t:{}}),O=s(()=>{const{label:t}=y.value;return t?t.includes(" ")?t:`via ${t}`:""}),V=s(()=>I(e.value,y.value)),v=s(()=>{if(a.loyaltyPointsProgram)return a.loyaltyPointsProgram;const t=S.value;if(t){const u=Object.keys(t);for(let b=0;b<u.length;b++){const p=t[u[b]];if(p?.earn_percentage&&p.earn_percentage>0)return p}}return{ratio:0}}),f=s(()=>v.value.min_subtotal_to_earn||0),j=s(()=>v.value.name||""),D=s(()=>v.value.earn_percentage||0),x=s(()=>D.value*v.value.ratio),w=s(()=>x.value>=1?e.value*(x.value/100):0);return{hasVariedPrices:n,salePrice:e,comparePrice:d,installmentsObject:_,installmentsNumber:m,monthlyInterest:P,installmentValue:g,discountObject:y,discountLabel:O,priceWithDiscount:V,pointsProgramObject:v,pointsMinPrice:f,pointsProgramName:j,earnPointsPercentage:D,cashbackPercentage:x,cashbackValue:w}},J=T({__name:"Prices",props:{isBig:{type:Boolean},isLiteral:{type:Boolean},hasCashback:{type:Boolean,default:!0},hasPriceOptions:{type:Boolean,default:!0},product:{},price:{},basePrice:{},isAmountTotal:{type:Boolean},installmentsOption:{},discountOption:{},loyaltyPointsProgram:{}},setup(a,{expose:l}){l();const n=a,{hasVariedPrices:e,salePrice:d,comparePrice:_,cashbackPercentage:m,cashbackValue:P,installmentsNumber:g,monthlyInterest:y,installmentValue:O,priceWithDiscount:V,discountLabel:v}=H(n),f={props:n,hasVariedPrices:e,salePrice:d,comparePrice:_,cashbackPercentage:m,cashbackValue:P,installmentsNumber:g,monthlyInterest:y,installmentValue:O,priceWithDiscount:V,discountLabel:v};return Object.defineProperty(f,"__isScriptSetup",{enumerable:!1,value:!0}),f}}),R={key:0,class:"text-base-500 mr-1 [font-size:87%]"},q={key:0},G={key:1},K={key:0},Q={key:0,class:"relative z-10"},U=["data-tooltip"],X=h("i",{class:"i-cashback mr-1"},null,-1),Y={class:"font-medium"},Z=h("small",null," cashback",-1),$={key:0},ee={key:0},te={key:1},ae={key:2},ne={key:0},se={key:0},re={key:1};function oe(a,l,n,e,d,_){const m=F("Fade");return i(),o("div",{class:C(["text-base-600 [&>div]:[font-size:90%] [&_small]:lowercase [&_small]:[font-size:92%]",n.isBig?"text-lg":null]),"data-prices":""},[e.comparePrice?(i(),o("span",R,[n.isLiteral?(i(),o("small",q,r("De "))):c("",!0),h("s",null,r(a.$money(e.comparePrice)),1),n.isLiteral?(i(),o("small",G,r(" Por"))):c("",!0)])):c("",!0),h("strong",{class:C(["inline-block text-base-800",n.isBig?"text-5xl block":null])},[e.hasVariedPrices?(i(),o("small",K,r("A partir de "))):c("",!0),N(" "+r(a.$money(e.salePrice)),1)],2),B(m,{slide:"down"},{default:L(()=>[e.cashbackValue&&n.hasCashback?(i(),o("div",Q,[h("span",{"data-tooltip":"Receba $1 de volta".replace("$1",a.$percentage(e.cashbackPercentage))},[X,h("span",Y,r(a.$money(e.cashbackValue)),1),Z],8,U)])):c("",!0)]),_:1}),B(m,{slide:"down"},{default:L(()=>[e.installmentValue&&n.hasPriceOptions?(i(),o("div",$,[n.isLiteral?(i(),o("small",ee,r("Até "))):c("",!0),N(" "+r(e.installmentsNumber)+"x ",1),n.isLiteral?(i(),o("small",te,r(" De "))):c("",!0),h("span",null,r(a.$money(e.installmentValue)),1),!e.monthlyInterest&&n.isLiteral?(i(),o("small",ae,r("Sem juros"))):c("",!0)])):c("",!0)]),_:1}),B(m,{slide:"down"},{default:L(()=>[e.priceWithDiscount<e.salePrice&&n.hasPriceOptions?(i(),o("div",ne,[e.discountLabel?c("",!0):(i(),o("small",se,r("A partir de "))),h("span",null,r(a.$money(e.priceWithDiscount)),1),e.discountLabel?(i(),o("small",re,r(` ${e.discountLabel}`),1)):c("",!0)])):c("",!0)]),_:1})],2)}const ue=M(J,[["render",oe]]);export{ue as default};

package/packages/storefront/dist/client/_astro/ProductShelf.83c66e3e.js

@@ -1 +0,0 @@
-import{v as z}from"./runtime-dom.esm-bundler.578d6e91.js";import{a as C}from"./api.7f62c1ff.js";import{T as F,N as m,a2 as E,a3 as A,r as _,a4 as T,_ as N,s as Q,a5 as B,x as u,u as g,E as x,w,z as b,F as P,v,J as H,G as O,C as V,H as I,I as S,y as D,A as M}from"./_plugin-vue_export-helper.4e6dc3af.js";import{C as G,a as J}from"./Carousel.533b4b19.js";import{a as R,w as K}from"./index.ddc27a3a.js";import{i as U,g as j}from"./img.22ad29ec.js";import W from"./Prices.bd0d3474.js";import"./modules-info.d6bd555b.js";import"./session-utm.744b0db3.js";const X=(t,n=F.get("lang"))=>n&&t.i18n&&t.i18n[n]?t.i18n[n]:t.name||t.title||U(t.i18n,n)||"",Y=X,Z=t=>t&&t.min_quantity||1,$=Z,tt=t=>!t.hasOwnProperty("quantity")||t.quantity>=$(t),q=tt,et=t=>{const n=m(t.title||""),s=m(t.titleLink||""),e=m(!1);let o=null;const i=m(null),l=E(t.products||[]);return t.products||(e.value=!0,o=(async()=>{let c=t.searchQuery||"",d;if(t.collectionId){try{const{data:a}=await C.get(`collections/${t.collectionId}`);d=a}catch(a){console.error(a),i.value=a}const r=d?.products;Array.isArray(r)&&r.length&&(c+=`&_id=${r.slice(0,60).join(",")}`),!n.value&&n.value!==null&&d?.name&&(n.value=d?.name)}const h=t.limit||24;let y=`offset=${t.page?(t.page-1)*h:0}&limit=${h}`;t.sort&&(y+=`&sort=${t.sort}`),y+=c;try{const{data:r}=await C.get(`search/v1?${y}`);if(t.isShuffle){let a=r.result.filter(L=>L.available&&q(L)).length,p,f;for(;a;)f=Math.floor(Math.random()*a--),p=r.result[a],r.result[a]=r.result[f],r.result[f]=p}r.result.forEach(a=>l.push(a))}catch(r){console.error(r),i.value=r}e.value=!1})()),{title:n,titleLink:s,isFetching:e,fetching:o,fetchError:i,products:l}},rt=t=>{const n=m(!1);let s=null;const e=m(null),o=E({...t.product,price:A(t.product||{})}),{productId:i}=t;!t.product&&i&&(n.value=!0,s=(async()=>{try{const{data:r}=await C.get(`products/${i}`);Object.assign(o,r)}catch(r){console.error(r),e.value=r}n.value=!1})());const l=_(()=>Y(o)),c=_(()=>{const{slug:r}=o;return typeof r=="string"?`/${r}`:null}),d=_(()=>{const{pictures:r}=o,a=[];if(r)r.forEach(p=>{const f=j(p);f&&a.push(f)});else{const{picture:p}=o;if(p){const f=j(p);f&&a.push(f)}}return a}),h=_(()=>q(o)),k=_(()=>h.value&&o.available&&o.visible),y=_(()=>{if(T(o)){const r=o.base_price;return Math.round((r-A(o))*100/r)}return 0});return{isFetching:n,fetching:s,fetchError:e,product:o,title:l,link:c,images:d,isInStock:h,isActive:k,discountPercentage:y}},ot=Q({__name:"ProductCard",props:{product:{},productId:{},headingTag:{default:"h3"}},setup(t,{expose:n}){n();const s=t,{product:e,title:o,link:i,images:l}=rt({product:s.product,productId:s.productId}),c=m(null),d=R(c),h=m(!1);K(d,()=>{h.value=!0});const k={props:s,product:e,title:o,link:i,images:l,card:c,isHovered:d,wasHoveredOnce:h,Prices:W};return Object.defineProperty(k,"__isScriptSetup",{enumerable:!1,value:!0}),k}}),nt=["data-sku"],at={class:"aspect-square p-2 motion-safe:group-hover:scale-110 transition-transform"},st={class:"relative w-full h-full bg-white rounded overflow-hidden group-hover:rounded-none"},lt={key:1,class:"w-full h-full bg-gradient-to-br from-base-50/20 to-base-100"},ct={class:"flex flex-col grow justify-between p-4 group-hover:backdrop-blur-md bg-white/40 z-10"},it={class:"pt-2"};function ut(t,n,s,e,o,i){const l=B("AImg");return u(),g("article",{ref:"card","data-sku":e.product.sku,class:"relative h-full max-w-[350px] mx-auto py-3 group"},[(u(),x(O(e.link?"ALink":"span"),{href:e.link,class:"flex flex-col h-full rounded overflow-hidden group-hover:shadow group-hover:ring-1 ring-black/5"},{default:w(()=>[b("div",at,[b("div",st,[e.images?.length?(u(),g(P,{key:0},[v(l,{picture:e.images[0],alt:e.title,class:"absolute top-0 left-0 block w-full h-full object-cover"},null,8,["picture","alt"]),e.images[1]&&e.wasHoveredOnce?(u(),x(l,{key:0,picture:e.images[1],alt:e.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","alt"])):H("",!0)],64)):(u(),g("div",lt))])]),b("div",ct,[(u(),x(O(s.headingTag),{class:V(["ui-link text-base-700 no-underline line-clamp-2",e.link?"group-hover:underline group-hover:text-primary":null])},{default:w(()=>[I(S(e.title),1)]),_:1},8,["class"])),b("div",it,[v(e.Prices,{product:e.product},null,8,["product"])])])]),_:1},8,["href"]))],8,nt)}const dt=N(ot,[["render",ut]]),ft=Q({__name:"ProductShelf",props:{collectionId:{},searchQuery:{},sort:{},title:{},titleLink:{},isShuffle:{type:Boolean},limit:{},page:{},products:{}},async setup(t,{expose:n}){n();const s=t,{title:e,titleLink:o,fetching:i,products:l}=et(s),c={props:s,title:e,titleLink:o,fetching:i,products:l,Carousel:G,CarouselControl:J,ProductCard:dt};return Object.defineProperty(c,"__isScriptSetup",{enumerable:!1,value:!0}),c}}),ht={class:"container mx-auto"},gt={key:0},mt={class:"text-3xl lg:text-xl leading-none text-primary lg:opacity-0 group-hover/shelf:opacity-90 transition-opacity"};function pt(t,n,s,e,o,i){const l=B("ALink");return u(),g("section",ht,[e.title?(u(),g("h2",gt,[e.titleLink?(u(),x(l,{key:0,href:e.titleLink},{default:w(()=>[I(S(e.title),1)]),_:1},8,["href"])):(u(),g(P,{key:1},[I(S(e.title),1)],64))])):H("",!0),v(e.Carousel,{class:"group/shelf"},{controls:w(()=>[D(b("div",mt,[v(e.CarouselControl,{class:"!top-1/2 lg:-left-2 w-10 h-10 bg-transparent lg:bg-white/80 lg:hover:bg-primary/10 rounded-full lg:shadow-sm lg:ring-1 ring-black/5","is-prev":""}),v(e.CarouselControl,{class:"!top-1/2 lg:-right-2 w-10 h-10 bg-transparent lg:bg-white/80 lg:hover:bg-primary/10 rounded-full lg:shadow-sm lg:ring-1 ring-black/5"})],512),[[z,e.products.length>2]])]),default:w(()=>[(u(!0),g(P,null,M(e.products,c=>(u(),g("li",{key:c._id,class:"basis-1/2 md:basis-1/3 lg:basis-1/4 shrink-0"},[v(e.ProductCard,{product:c},null,8,["product"])]))),128))]),_:1})])}const It=N(ft,[["render",pt]]);export{It as default};