cloudcommerce 2.3.1 → 2.3.2

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

@@ -1,6 +1,6 @@
 import { defineComponent, h, createSSRApp } from 'vue';
 import { renderToString } from 'vue/server-renderer';
-import { m as mod, n as createApp } from './chunks/pages/__XOsz50la.mjs';
+import { o as mod, p as createApp } from './chunks/pages/__ZucPYaOo.mjs';
 
 const setup = async (app) => {
 	if ('default' in mod) {
@@ -8,6 +8,8 @@ const setup = async (app) => {
 	}
 };
 
+/* eslint-disable no-restricted-syntax */
+
 /**
  * Astro passes `children` as a string of HTML, so we need
  * a wrapper `div` to render that content as VNodes.
@@ -15,48 +17,57 @@ const setup = async (app) => {
  * This is the Vue + JSX equivalent of using `<div v-html="value" />`
  */
 const StaticHtml = defineComponent({
-	props: {
-		value: String,
-		name: String,
-		hydrate: {
-			type: Boolean,
-			default: true,
-		},
-	},
-	setup({ name, value, hydrate }) {
-		if (!value) return () => null;
-		let tagName = hydrate ? 'astro-slot' : 'astro-static-slot';
-		return () => h(tagName, { name, innerHTML: value });
-	},
+  props: {
+    value: String,
+    name: String,
+    hydrate: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  setup({ name, value, hydrate }) {
+    if (!value) return () => null;
+    const tagName = hydrate ? 'astro-slot' : 'astro-static-slot';
+    return () => h(tagName, { name, innerHTML: value });
+  },
 });
 
+/**
+ * Other frameworks have `shouldComponentUpdate` in order to signal
+ * that this subtree is entirely static and will not be updated
+ *
+ * Fortunately, Vue is smart enough to figure that out without any
+ * help from us, so this just works out of the box!
+ */
+
 function check(Component) {
-	return !!Component['ssrRender'] || !!Component['__ssrInlineRender'];
+  return !!Component.ssrRender || !!Component.__ssrInlineRender;
 }
 
 async function renderToStaticMarkup(Component, inputProps, slotted, metadata) {
-	const slots = {};
-	const props = { ...inputProps };
-	delete props.slot;
-	for (const [key, value] of Object.entries(slotted)) {
-		slots[key] = () =>
-			h(StaticHtml, {
-				value,
-				name: key === 'default' ? undefined : key,
-				// Adjust how this is hydrated only when the version of Astro supports `astroStaticSlot`
-				hydrate: metadata.astroStaticSlot ? !!metadata.hydrate : true,
-			});
-	}
-	const app = createSSRApp({ render: () => h(Component, props, slots) });
-	await setup(app);
-	const html = await renderToString(app);
-	return { html };
+  const slots = {};
+  const props = { ...inputProps };
+  delete props.slot;
+  const sid = this.result?.cookies?.get('sid')?.value;
+  for (const [key, value] of Object.entries(slotted)) {
+    slots[key] = () => h(StaticHtml, {
+      value,
+      name: key === 'default' ? undefined : key,
+      // Adjust how this is hydrated only when the version of Astro supports `astroStaticSlot`
+      hydrate: metadata.astroStaticSlot ? !!metadata.hydrate : true,
+    });
+  }
+  const app = createSSRApp({ render: () => h(Component, props, slots) });
+  app.provide('sid', sid);
+  await setup(app);
+  const html = await renderToString(app);
+  return { html };
 }
 
 const _renderer0 = {
-	check,
-	renderToStaticMarkup,
-	supportsAstroStaticSlot: true,
+  check,
+  renderToStaticMarkup,
+  supportsAstroStaticSlot: true,
 };
 
 const renderers = [Object.assign({"name":"@astrojs/vue","clientEntrypoint":"@astrojs/vue/client.js","serverEntrypoint":"@astrojs/vue/server.js"}, { ssr: _renderer0 }),];

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "bin": {
     "storefront": "./scripts/build-prod.sh"
@@ -43,18 +43,18 @@
     "@types/gtag.js": "^0.0.18",
     "@vite-pwa/astro": "^0.2.0",
     "@vueuse/core": "10.7.2",
-    "astro": "4.3.1",
+    "astro": "4.3.2",
     "astro-capo": "^0.0.1",
     "chroma-js": "^2.4.2",
     "dotenv": "^16.4.1",
-    "firebase": "^10.7.2",
+    "firebase": "^10.8.0",
     "image-size": "^1.1.1",
     "mime": "^3.0.0",
     "mitt": "^3.0.1",
     "semver": "^7.5.4",
     "sharp": "^0.32.6",
     "tailwindcss": "^3.4.1",
-    "unocss": "^0.58.4",
+    "unocss": "^0.58.5",
     "unplugin-auto-import": "^0.17.5",
     "vite": "^5.0.11",
     "vite-plugin-pwa": "^0.17.5",

package/packages/storefront/server.d.ts

@@ -11,7 +11,6 @@ declare global {
       assetsPrefix: string,
     }
   }
-  var astroUrl: URL;
 
   var $storefront: $Storefront & {
     onLoad: (callback: (...args: any[]) => void) => void,

package/packages/storefront/src/lib/$storefront.d.ts

@@ -7,24 +7,31 @@ import type {
 } from '@cloudcommerce/api/types';
 import type { SettingsContent } from '@@sf/content';
 
+export type StorefrontApiContext = {
+  resource: 'products',
+  doc: Products,
+  timestamp: number,
+} | {
+  resource: 'categories',
+  doc: Categories,
+  timestamp: number,
+} | {
+  resource: 'brands',
+  doc: Brands,
+  timestamp: number,
+} | {
+  resource: 'collections',
+  doc: Collections,
+  timestamp: number,
+};
+
 export type $Storefront = {
   settings: Partial<SettingsContent>,
-  apiContext?: {
-    resource: 'products',
-    doc: Products,
-    timestamp: number,
-  } | {
-    resource: 'categories',
-    doc: Categories,
-    timestamp: number,
-  } | {
-    resource: 'brands',
-    doc: Brands,
-    timestamp: number,
-  } | {
-    resource: 'collections',
-    doc: Collections,
-    timestamp: number,
+  url: URL,
+  apiContext?: StorefrontApiContext,
+  getSession: (sid?: string) => {
+    url: URL,
+    apiContext?: StorefrontApiContext,
   },
   data: Record<string, any> & {
     categories?: Array<Partial<Categories>>,

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

@@ -57,9 +57,7 @@ const usePagination = (props: Props) => {
 
   const baseUrl = ref('');
   watch(toRef(props, 'isUrlPath'), () => {
-    const url = import.meta.env.SSR
-      ? global.astroUrl
-      : new URL(window.location.toString());
+    const { url } = globalThis.$storefront;
     if (props.isUrlPath && !url.pathname.endsWith('/')) {
       url.pathname += '/';
     } else {

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

@@ -135,11 +135,16 @@ if (apiDoc) {
   inlineClientJS += `
 window._firstLoadContextId = '${apiDoc._id}';`;
   contextInlineClientJS = `
+$storefront.url = new URL(window.location.toString());
 $storefront.apiContext = ${JSON.stringify({
     resource: apiContext.resource,
     doc: minifyApiDoc({ ...apiDoc }),
     timestamp: Date.now(),
   })};
+$storefront.getSession = (/* sid */) => {
+  url: $storefront.url,
+  apiContext: $storefront.apiContext,
+};
 $storefront.context /* DEPRECATED */ = $storefront.apiContext;
 _emitApiContext('${apiDoc._id}');`;
 } else {

package/packages/storefront/src/lib/scripts/push-analytics-events.ts

@@ -18,27 +18,29 @@ type AnalyticsEvent = {
   name: string,
   params?: Record<string, any>,
 };
+type AnalyticsVariantCtx = Partial<ReturnType<typeof useAnalytics>>;
 let eventsToSend: Array<AnalyticsEvent> = [];
-const _sendServerEvents = useDebounceFn(() => {
+const _sendServerEvents = useDebounceFn((variantCtx?: AnalyticsVariantCtx) => {
   afetch(`/_analytics`, {
     method: 'POST',
     body: {
+      exp_variant_string: variantCtx?.expVariantString,
       ...getAnalyticsContext(),
       events: eventsToSend,
     },
   });
   eventsToSend = [];
 }, 200);
-const sendServerEvent = (analyticsEvent: AnalyticsEvent) => {
-  eventsToSend.push(analyticsEvent);
-  _sendServerEvents();
-};
 
 if (
   !import.meta.env.SSR
   && !window.location.search.includes(`__isrV=${deployRand}`)
 ) {
-  useAnalytics();
+  const variantCtx = useAnalytics();
+  const sendServerEvent = (analyticsEvent: AnalyticsEvent) => {
+    eventsToSend.push(analyticsEvent);
+    _sendServerEvents(variantCtx);
+  };
   watchGtagEvents(async (evMessage) => {
     const { name, params } = evMessage.event;
     sendServerEvent({ type: 'gtag', name, params });

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

@@ -3,7 +3,9 @@ import type { BaseConfig } from '@cloudcommerce/config';
 import type { ApiError, ApiEndpoint } from '@cloudcommerce/api';
 import type { ResourceId, CategoriesList, BrandsList } from '@cloudcommerce/api/types';
 import type { ContentGetter, SettingsContent, PageContent } from '@@sf/content';
+import type { StorefrontApiContext } from '@@sf/$storefront';
 import { EventEmitter } from 'node:events';
+import { inject, getCurrentInstance } from 'vue';
 import api from '@cloudcommerce/api';
 import _getConfig from '../../config/storefront.config.mjs';
 import { termify } from '../helpers/sf-utils';
@@ -38,14 +40,42 @@ declare global {
 if (!globalThis.$apiPrefetchEndpoints) {
   globalThis.$apiPrefetchEndpoints = [];
 }
+const sessions: Record<string, {
+  url: URL,
+  apiContext?: StorefrontApiContext,
+  _timer?: NodeJS.Timeout,
+}> = {};
+// Internal global just to early clear session objects from memory
+global.__sfSessions = sessions;
 if (!globalThis.$storefront) {
-  globalThis.$storefront = {
+  globalThis.$storefront = new Proxy({
     settings: {},
+    data: {},
+    url: undefined as any,
+    getSession(sid?: string) {
+      if (!sid && !!getCurrentInstance()) {
+        sid = inject('sid');
+      }
+      const {
+        url,
+        apiContext,
+      } = (sid && sessions[sid]) || (global.__sfSession as typeof sessions[string]);
+      return { url, apiContext };
+    },
     onLoad(callback: (...args: any[]) => void) {
       emitter.once('load', callback);
     },
-    data: {},
-  };
+  }, {
+    get(target, prop) {
+      if (prop === 'apiContext') {
+        return target.getSession().apiContext;
+      }
+      if (prop === 'url') {
+        return target.getSession().url;
+      }
+      return target[prop];
+    },
+  });
 }
 
 declare global {
@@ -81,7 +111,9 @@ const loadRouteContext = async (
     apiPrefetchEndpoints?: ApiPrefetchEndpoints;
   } = {},
 ) => {
-  globalThis.astroUrl = Astro.url;
+  const sid = `${Date.now() + Math.random()}`;
+  sessions[sid] = { url: Astro.url };
+  global.__sfSession = sessions[sid];
   const startedAt = Date.now();
   let urlPath = Astro.url.pathname;
   const isPreview = urlPath.startsWith('/~preview');
@@ -154,11 +186,16 @@ const loadRouteContext = async (
               .catch(console.warn);
             const apiDoc = apiContext.doc as Record<string, any>;
             apiState[`${apiResource}/${apiDoc._id}`] = apiDoc;
-            globalThis.$storefront.apiContext = {
+            sessions[sid].apiContext = {
               resource: apiResource,
               doc: apiDoc as any,
               timestamp: Date.now(),
             };
+            sessions[sid]._timer = setTimeout(() => {
+              // @ts-ignore
+              sessions[sid] = null;
+              delete sessions[sid];
+            }, 6000);
             resolve(null);
           })
           .catch((err: ApiError) => {
@@ -240,10 +277,13 @@ const loadRouteContext = async (
     apiContext,
     apiState,
     isPreview,
+    sid,
     // Astro,
   };
   Astro.locals.routeContext = routeContext;
-  emitter.emit('load', routeContext);
+  Astro.cookies.set('sid', sid);
+  Astro.response.headers.set('X-SId', sid);
+  emitter.emit('load', { ...config, apiState });
   globalThis.__sfIds = {}; // see helpers/sf-utils.ts
   return routeContext;
 };

package/packages/storefront/src/lib/state/use-analytics.ts

@@ -227,8 +227,13 @@ export const useAnalytics = ({
     gtag,
     GTAG_TAG_ID,
     GA_TRACKING_ID,
+    GIT_BRANCH,
   } = window as { [k:string]: any, gtag?: Gtag.Gtag };
   const tagId = GTAG_TAG_ID || GA_TRACKING_ID;
+  // https://developers.google.com/analytics/devguides/collection/ga4/integration
+  const expVariantString: string | null = GIT_BRANCH && experimentId
+    ? `${experimentId}-${GIT_BRANCH}`
+    : (GIT_BRANCH?.startsWith('main-') && GIT_BRANCH) || null;
   if (typeof gtag === 'function') {
     if (tagId) {
       ['client_id', 'session_id', 'gclid'].forEach((key) => {
@@ -237,17 +242,10 @@ export const useAnalytics = ({
         });
       });
     }
-    const { GIT_BRANCH } = window;
-    if (GIT_BRANCH) {
-      // https://developers.google.com/analytics/devguides/collection/ga4/integration
-      const expVariantString = experimentId
-        ? `${experimentId}-${window.GIT_BRANCH}`
-        : GIT_BRANCH.startsWith('main-') && GIT_BRANCH;
-      if (expVariantString) {
-        gtag('event', 'experience_impression', {
-          exp_variant_string: expVariantString,
-        });
-      }
+    if (expVariantString) {
+      gtag('event', 'experience_impression', {
+        exp_variant_string: expVariantString,
+      });
     }
   }
   const url = new URL(window.location.toString());
@@ -315,6 +313,9 @@ export const useAnalytics = ({
       }
     }, 300);
   }
+  return {
+    expVariantString,
+  };
 };
 
 export default useAnalytics;

package/packages/storefront/src/lib/state/use-storage.ts

@@ -5,23 +5,37 @@ const useStorage = <T extends {}>(
   key: string,
   initialValue: T,
   storage = globalThis.localStorage,
+  isWithBroadcast = true,
 ) => {
   if (!storage) {
     return reactive<T>(initialValue);
   }
-  let persistedValue: T | undefined | null;
-  const sessionJson = storage.getItem(key);
-  if (sessionJson) {
-    try {
-      persistedValue = JSON.parse(sessionJson);
-    } catch (e) {
-      persistedValue = null;
-      storage.removeItem(key);
+  // eslint-disable-next-line consistent-return
+  const getStorageItem = () => {
+    const sessionJson = storage.getItem(key);
+    if (sessionJson) {
+      try {
+        return JSON.parse(sessionJson) as T;
+      } catch (e) {
+        storage.removeItem(key);
+        return null;
+      }
     }
-  }
+  };
+  const persistedValue = getStorageItem();
   const state = reactive<T>(persistedValue || initialValue);
+  let bc: BroadcastChannel | undefined;
+  if (isWithBroadcast && !import.meta.env.SSR && globalThis.BroadcastChannel) {
+    bc = new BroadcastChannel(key);
+    bc.onmessage = (event) => {
+      if (event.data === 'set') {
+        Object.assign(state, getStorageItem());
+      }
+    };
+  }
   watchDebounced(state, () => {
     storage.setItem(key, JSON.stringify(state));
+    if (bc) bc.postMessage('set');
   }, {
     debounce: 50,
   });

package/packages/test-base/package.json

@@ -2,7 +2,7 @@
   "name": "@cloudcommerce/test-base",
   "private": true,
   "type": "module",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "description": "E-Com Plus Cloud Commerce basic setup for testing",
   "main": "lib/index.js",
   "repository": {

package/packages/types/package.json

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

package/packages/storefront/dist/client/_astro/ProductDetails.ATGXfGhG.js

@@ -1,7 +0,0 @@
-import{d as R,a as C,N as A,O as u,P as m,a0 as P,W as V,R as b,S as v,Y as w,U as z,V as k,Z as I,ac as F,a7 as H,M as J,r as L,w as T,aa as M,c as Q,T as q,Q as S,ad as K,I as X,$}from"./sf-utils.c42cbZ9W.js";import{_ as E,w as W}from"./_plugin-vue_export-helper.xATGHWd9.js";import{u as tt}from"./index.ShNlAyu1.js";import{a as et}from"./shopping-cart.v-dB3kHB.js";import{u as ot}from"./use-product-card.nNtSJVtB.js";import{C as it,Q as rt}from"./QuantitySelector.v7L8EYOR.js";import{P as at}from"./Prices.xI1rdM1e.js";import{_ as j}from"./customer-session.dSYHWdP4.js";import"./server-data.4C60Esyt.js";import{g as nt}from"./img-sizes.gxAI9JNh.js";import"./index.KfrHdfOH.js";import{g as st}from"./grid-title.pK2Nn3i-.js";import"./price.Easct8WC.js";import"./use-analytics._ef6TM4P.js";import"./afetch.OifQZgwR.js";import"./name.VA3MEpe0.js";import"./i18n.zhlBzJt8.js";import"./img.AnjeGdy_.js";import"./modules-info.HP6478mG.js";import"./format-money.1_HtF5S2.js";const D=(i,n,l)=>{if(typeof i!="object"||i===null)return[];let t=[];if(typeof i=="object"&&i!==null)if(Array.isArray(i))i.length&&(i[0].specifications?i.forEach(e=>{t=t.concat(D(e,n,l))}):i[0].text&&(t=i));else{const{specifications:e}=i;if(e)for(const s in e)e[s]&&s===n&&(t=e[n]);if(t&&!t.length&&Array.isArray(l)&&l.length){let s,d;return l&&(d=l.find(r=>r.grid_id===n))&&d.options&&(s=d.options.map(r=>{let a;return r.colors&&r.colors.length?a=r.colors[0]:a=r.option_id,{text:r.text,value:a}})),D(s,n)}}return t},Y=D,lt=(i,n,l,t=", ")=>{let e=Y(i,n,l);if(e.length){let s=e[0].text;for(let d=1;d<e.length;d++)s+=t+e[d].text;return s}return null},Z=lt,ct=(i,n,l,t)=>{const e=Y(i,l,t);for(let s=0;s<e.length;s++)if(e[s].text===n)return e[s].value},dt=ct,ut=(i,n,l,t)=>{let e={};return i&&Array.isArray(i.variations)&&i.variations.forEach(s=>{if(l&&s.quantity<=0)return;let d=s.specifications,r=a=>Z(s,a,t);if(d){if(n){for(let a in n)if(n.hasOwnProperty(a)&&(!d[a]||r(a)!==n[a]))return}for(let a in d)if(d.hasOwnProperty(a)){let f=r(a);if(!e.hasOwnProperty(a))e[a]=[];else if(e[a].indexOf(f)!==-1)continue;e[a].push(f)}}}),e},B=ut,mt=R({__name:"ImagesGallery",props:{pictures:{}},setup(i,{expose:n}){n();const l=C(0),t=C("");let e;const s=C(!1),r={activeIndex:l,psId:t,get lightbox(){return e},set lightbox(a){e=a},isLoadingLightbox:s,zoom:a=>{if(t.value=`ps-${H()}`,!e&&!s.value){s.value=!0;const f="photoswipe-style";Promise.all([j(()=>import("./photoswipe-lightbox.esm.dZBqKD9u.js"),__vite__mapDeps([])),j(()=>import("./photoswipe.esm.Ylh9TGkz.js"),__vite__mapDeps([])),!document.getElementById(f)&&j(()=>import("./photoswipe.0V7m2jWu.js"),__vite__mapDeps([]))]).then(([{default:o},{default:c},_])=>{if(_){const{default:y}=_,p=document.createElement("style");p.id=f,p.textContent=y,document.head.appendChild(p)}e=new o({gallery:`#${t.value} > div`,children:"a",pswpModule:c,showAnimationDuration:300,hideAnimationDuration:300}),e.init(),e.loadAndOpen(a),s.value=!1})}},get getImgSizes(){return nt}};return Object.defineProperty(r,"__isScriptSetup",{enumerable:!1,value:!0}),r}}),ft={class:"-mx-4 flex w-screen gap-3 sm:mx-0 sm:w-full md:h-[525px] 2xl:gap-5"},gt=["onClick"],pt=v("span",{class:"absolute bottom-0 block h-2 w-full bg-gradient-to-b from-transparent to-white"},null,-1),_t={class:"relative aspect-square h-full grow md:aspect-auto"},ht={key:0,class:"bg-base-200 i-arrow-path absolute left-1/2 top-1/2 -ml-7 -mt-7 size-14 animate-spin","aria-label":"Carregando"},vt={key:1,class:"mt-2 flex justify-center gap-1.5 md:hidden"},yt=["aria-label","onClick"];function bt(i,n,l,t,e,s){const d=A("AImg"),r=A("CarouselControl"),a=A("Carousel"),f=A("ALink");return u(),m("div",ft,[l.pictures.length>1?(u(),P(a,{key:0,axis:"y",class:"group hidden w-[300px] shrink-0 md:block"},{controls:V(()=>[v("span",null,[l.pictures.length>6?(u(),P(r,{key:0,class:"text-primary hover:bg-primary-300/60 !bottom-3 !left-1/2 -ml-5 size-10 rounded-full bg-white/60 text-xl opacity-0 shadow-sm ring-1 ring-black/5 group-hover:opacity-90"})):b("",!0),pt])]),default:V(()=>[(u(!0),m(w,null,I(Math.ceil(l.pictures.length/2),o=>(u(),m("li",{key:o,class:z(["grid w-full grid-cols-2 gap-3 px-1 pb-3",o===1&&"pt-1"])},[(u(!0),m(w,null,I([1,2].map(c=>(o-1)*2+(c-1)),c=>(u(),m(w,{key:`${o}-${c}`},[c<l.pictures.length?(u(),m("button",{key:0,class:"bg-secondary-100 block rounded md:h-[175px]",onClick:_=>t.activeIndex=c},[k(d,{picture:l.pictures[c],class:z(["ring-secondary/10 size-full rounded border-2 object-cover opacity-90 transition-colors",c===t.activeIndex?"border-secondary/50 ring-4 cursor-auto":"border-transparent hover:border-primary hover:ring-4 hover:ring-primary/20"])},null,8,["picture","class"])],8,gt)):b("",!0)],64))),128))],2))),128))]),_:1})):b("",!0),v("div",_t,[k(a,{as:"div",index:t.activeIndex,"onUpdate:index":n[1]||(n[1]=o=>t.activeIndex=o),class:z(["text-base-600 [&_i]:i-arrow-right mx-auto size-full max-w-[525px] [&>*]:h-full [&_i]:mx-2 [&_i]:text-2xl",t.isLoadingLightbox&&"opacity-80"]),id:t.psId},{default:V(()=>[n[0]||(F(-1),n[0]=(u(!0),m(w,null,I(l.pictures,(o,c)=>(u(),P(f,{key:`big-${c}`,href:o.zoom?.size&&o.zoom.url,"data-pswp-width":t.getImgSizes(o.zoom||"").width,"data-pswp-height":t.getImgSizes(o.zoom||"").height,target:"_blank",rel:"noreferrer",class:z(["shrink-0 basis-full",o.zoom?.size&&"cursor-zoom-in"]),onClick:W(()=>o.zoom?.size&&t.zoom(c),["prevent"])},{default:V(()=>[k(d,{picture:o,"preferred-size":"big",class:"size-full rounded object-cover",fetchpriority:c===0?"high":"low",loading:c===0?"eager":"lazy"},null,8,["picture","fetchpriority","loading"])]),_:2},1032,["href","data-pswp-width","data-pswp-height","class","onClick"]))),128)),F(1),n[0])]),_:1},8,["index","class","id"]),t.isLoadingLightbox?(u(),m("i",ht)):b("",!0),l.pictures.length>1?(u(),m("ul",vt,[(u(!0),m(w,null,I(l.pictures.length,o=>(u(),m("li",{key:`d-${o}`},[v("button",{class:z(["bg-base-700 block h-1.5 w-3 rounded-full",t.activeIndex!==o-1&&"opacity-40"]),"aria-label":`Imagem ${o}`,onClick:c=>t.activeIndex=o-1},null,10,yt)]))),128))])):b("",!0)])])}const xt=E(mt,[["render",bt]]),kt=i=>{const n=J(i.grids||globalThis.$storefront.data.grids||[]);n.length||window.addEventListener("storefront:data:data",()=>{globalThis.$storefront.data.grids?.forEach(o=>n.push(o))},{once:!0});const l=L({}),t=L({});T(M(i,"variations"),()=>{Object.assign(t,B(i,void 0,!0));const o=B(i);Object.keys(o).forEach(c=>{t[c]?l[c]=t[c]:delete l[c]})},{immediate:!0});const e=Q(()=>Object.keys(l)),s=L({}),d=C(),r=({optionText:o,gridId:c,gridIndex:_})=>{s[c]=o;const y={};for(let g=0;g<=_;g++){const h=e[g];s[h]&&(y[h]=s[h])}const p=B(i,y,!0);for(let g=_+1;g<e.value.length;g++){const h=e[g],O=p[h];t[h]=O,s[h]&&!O.includes(s[h])&&delete s[h]}const x=i.variations.slice(0);for(let g=0;g<x.length;g++){const h=x[g],{specifications:O}=h,N=Object.keys(O);for(let G=0;G<N.length;G++){const U=N[G];if(s[U]!==Z(h,U)){x.splice(g,1),g-=1;break}}}d.value=x[0]?._id||null};return T(M(i,"variationId"),o=>{if(!o||o===d.value)return;const c=i.variations.find(x=>x._id===o);if(!c){d.value=null;return}const{specifications:_}=c,y=Object.keys(_),p=(x=0)=>{const g=y[x];if(y[x]&&_[g]&&_[g].length===1){const h=_[g][0].text;l[g].find(O=>O===h)&&(r({optionText:h,gridId:g,gridIndex:e.value.indexOf(g)}),p(x+1))}};p()},{immediate:!0}),{grids:n,variationsGrids:l,activeVariationsGrids:t,selectOption:r,selectedOptions:s,variationId:d,getGridTitle:o=>st(o,n),getColorOptionBg:o=>{const c=o.split(",").map(_=>dt(i.variations,_.trim(),"colors"));return c.length>1?`background:linear-gradient(to right bottom, ${c[0]} 50%, ${c[1]} 50%)`:`background:${c[0]}`}}},wt=R({__name:"SkuSelector",props:{variations:{},variationId:{},grids:{}},emits:["update:variationId"],setup(i,{expose:n,emit:l}){n();const t=i,e=l,{variationsGrids:s,activeVariationsGrids:d,selectOption:r,selectedOptions:a,variationId:f,getGridTitle:o,getColorOptionBg:c}=kt(t);T(f,y=>{e("update:variationId",y)});const _={props:t,emit:e,variationsGrids:s,activeVariationsGrids:d,selectOption:r,selectedOptions:a,variationId:f,getGridTitle:o,getColorOptionBg:c};return Object.defineProperty(_,"__isScriptSetup",{enumerable:!1,value:!0}),_}}),St={class:"text-base-700 text-sm font-medium"},Ct={key:0,class:"text-base-800"},Ot={key:0,class:"mt-2 flex gap-2"},zt=["onClick"];function Vt(i,n,l,t,e,s){return u(),m("div",null,[(u(!0),m(w,null,I(t.variationsGrids,(d,r)=>(u(),m("div",{key:r,class:"mt-3"},[v("span",St,[q(S(t.getGridTitle(r))+": ",1),t.selectedOptions[r]?(u(),m("strong",Ct,S(t.selectedOptions[r]),1)):b("",!0)]),d.length<7?(u(),m("ul",Ot,[(u(!0),m(w,null,I(d,(a,f)=>(u(),m("li",{key:`${r}-${f}`},[v("button",{class:z(["ring-primary/60 rounded border",[t.selectedOptions[r]===a?"border-primary ring-2":null,r==="colors"?"size-9 text-[0px]":"px-2.5 py-2 leading-none",t.activeVariationsGrids[r].includes(a)?"border-primary-400 bg-primary-100 text-primary-950":"border-primary-300 bg-primary-200 text-primary-600"]]),style:K(r==="colors"&&t.getColorOptionBg(a)),onClick:o=>t.selectOption({optionText:a,gridId:r,gridIndex:f})},S(a),15,zt)]))),128))])):b("",!0)]))),128))])}const It=E(wt,[["render",Vt]]),At={};function Pt(i,n){return u(),m("div")}const Tt=E(At,[["render",Pt]]),Et=R({__name:"ProductDetails",props:{product:{default:()=>globalThis.$storefront.apiContext?.doc}},setup(i,{expose:n}){n();const l=i,{product:t,title:e,isActive:s}=ot(l),d=C(t.min_quantity||1),r=tt("history"),a=C(!1),f=C(null);T(f,p=>{p&&(r.var=p,a.value=!1)}),X(()=>{T(r,({var:p})=>{typeof p=="string"&&p&&(f.value=p)},{immediate:!0})});const o=Q(()=>!!(!t.variations?.length||f.value)),c=p=>(o.value?a.value=!1:(p&&p.preventDefault(),a.value=!0),!a.value),y={props:l,product:t,title:e,isActive:s,quantity:d,params:r,hasSkuSelectionAlert:a,variationId:f,isSkuSelected:o,checkVariation:c,addToCart:()=>{c()&&et(t,f.value?f.value:void 0)},CheckoutLink:it,QuantitySelector:rt,Prices:at,ImagesGallery:xt,SkuSelector:It,ShippingCalculator:Tt};return Object.defineProperty(y,"__isScriptSetup",{enumerable:!1,value:!0}),y}}),Gt={class:"ui-section relative grid grid-cols-1 items-start gap-5 md:gap-4 lg:grid-cols-4 2xl:gap-6"},Lt={class:"w-full lg:col-span-3"},jt={class:"lg:sticky-header:translate-y-14 top-0 py-4 transition-transform lg:sticky"},Bt={class:"text-secondary-900 ui-text-brand text-lg"},qt={key:0,class:"mt-5"},Dt={key:0,class:"ui-alert inline-block"},Rt=v("i",{class:"i-arrow-right ml-1 -rotate-90"},null,-1),Nt={class:"mt-5 flex flex-wrap items-center gap-x-4 gap-y-2 md:flex-nowrap lg:mt-4 lg:flex-wrap"},Ut=v("i",{class:"i-chevron-double-right mr-1"},null,-1),Ft=["data-tooltip"],Mt={class:"w-full lg:col-span-3"};function Qt(i,n,l,t,e,s){const d=A("Fade");return u(),m("section",Gt,[v("div",Lt,[t.product.pictures?.length?(u(),P(t.ImagesGallery,{key:0,pictures:t.product.pictures},null,8,["pictures"])):b("",!0)]),v("div",jt,[v("h1",Bt,S(t.title),1),t.isActive?(u(),m("div",qt,[k(t.Prices,{product:t.product,"is-big":"","is-literal":""},null,8,["product"]),t.product.variations?(u(),P(t.SkuSelector,{key:0,variations:t.product.variations,"variation-id":t.variationId,"onUpdate:variationId":n[0]||(n[0]=r=>t.variationId=r),class:"my-4"},null,8,["variations","variation-id"])):b("",!0),k(d,{slide:"down"},{default:V(()=>[t.hasSkuSelectionAlert?(u(),m("div",Dt,[q(S("Por favor selecione uma opção em cada campo acima")+" "),Rt])):b("",!0)]),_:1}),v("div",Nt,[k(t.QuantitySelector,{modelValue:t.quantity,"onUpdate:modelValue":n[1]||(n[1]=r=>t.quantity=r),min:t.product.min_quantity,max:t.product.quantity,class:"border-base-100 rounded md:mr-5 lg:mb-2 lg:mr-auto lg:border-2"},null,8,["modelValue","min","max"]),k(t.CheckoutLink,{class:"ui-btn-lg ui-btn-primary grow text-center",to:"checkout","cart-item":{product_id:t.product._id,quantity:t.quantity,variation_id:t.variationId||void 0},"data-tooltip":t.isSkuSelected?null:"Escolha os detalhes do produto para comprar",onClick:t.checkVariation},{default:V(()=>[Ut,q(" "+S("Comprar"))]),_:1},8,["cart-item","data-tooltip"]),v("button",{class:"ui-btn-lg ui-btn-contrast grow",onClick:W(t.addToCart,["prevent"]),"data-tooltip":t.isSkuSelected?null:"Escolha os detalhes do produto para comprar"},S("Adicionar ao carrinho"),8,Ft)]),k(t.ShippingCalculator)])):b("",!0)]),v("div",Mt,[$(i.$slots,"description")])])}const me=E(Et,[["render",Qt]]);export{me as default};
-function __vite__mapDeps(indexes) {
-  if (!__vite__mapDeps.viteFileDeps) {
-    __vite__mapDeps.viteFileDeps = []
-  }
-  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
-}

package/packages/storefront/dist/client/_astro/SearchShowcase.9gIA4Cq0.js

@@ -1 +0,0 @@
-import{a as F,c as _,d as z,a8 as he,I as ae,w as D,m as le,Y as V,ae as ge,af as xe,a6 as _e,ag as j,F as N,M as ye,ah as Oe,aa as Pe,N as se,O as k,P as w,S as h,V as T,W as E,U as q,Z as Q,Q as L,T as U,$ as ke,a0 as G,X as ne,R as I,a1 as Se}from"./sf-utils.c42cbZ9W.js";import{_ as Y,w as te,b as oe,v as we}from"./_plugin-vue_export-helper.xATGHWd9.js";import{u as Le}from"./index.ShNlAyu1.js";import{i as Fe}from"./server-data.4C60Esyt.js";import{i as Re,a as Ce,b as ie,c as Ee,d as Te,e as Me,f as Ae,g as Be,h as De,j as je,k as Ie,P as Ue}from"./ProductShelf.qbTNzuvn.js";import{S as Ve}from"./use-analytics._ef6TM4P.js";import{u as ue,g as $e}from"./index.KfrHdfOH.js";import{g as ze}from"./grid-title.pK2Nn3i-.js";import{f as W}from"./format-money.1_HtF5S2.js";import{u as $,f as Ne,c as M,w as Ke,a as We,h as qe,o as A,t as Qe,i as X,b as He,E as Ge,s as Xe,A as Z,T as Ye,d as re,e as Ze,l as Je,N as ce,p as et,g as tt,O as at,j as C,D as st}from"./use-text-value.0OP9HCfP.js";import"./customer-session.dSYHWdP4.js";import"./use-product-card.nNtSJVtB.js";import"./price.Easct8WC.js";import"./name.VA3MEpe0.js";import"./i18n.zhlBzJt8.js";import"./img.AnjeGdy_.js";import"./shopping-cart.v-dB3kHB.js";import"./Prices.xI1rdM1e.js";import"./modules-info.HP6478mG.js";import"./afetch.OifQZgwR.js";function nt(e,s,i){let a=F(i?.value),t=_(()=>e.value!==void 0);return[_(()=>t.value?e.value:a.value),function(r){return t.value||(a.value=r),s?.(r)}]}function de(e={},s=null,i=[]){for(let[a,t]of Object.entries(e))fe(i,pe(s,a),t);return i}function pe(e,s){return e?e+"["+s+"]":s}function fe(e,s,i){if(Array.isArray(i))for(let[a,t]of i.entries())fe(e,pe(s,a.toString()),t);else i instanceof Date?e.push([s,i.toISOString()]):typeof i=="boolean"?e.push([s,i?"1":"0"]):typeof i=="string"?e.push([s,i]):typeof i=="number"?e.push([s,`${i}`]):i==null?e.push([s,""]):de(i,s,e)}function rt(e,s){return e===s}var lt=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(lt||{}),ot=(e=>(e[e.Single=0]="Single",e[e.Multi=1]="Multi",e))(ot||{}),it=(e=>(e[e.Pointer=0]="Pointer",e[e.Other=1]="Other",e))(it||{});function ut(e){requestAnimationFrame(()=>requestAnimationFrame(e))}let ve=Symbol("ListboxContext");function J(e){let s=_e(ve,null);if(s===null){let i=new Error(`<${e} /> is missing a parent <Listbox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(i,J),i}return s}let ct=z({name:"Listbox",emits:{"update:modelValue":e=>!0},props:{as:{type:[Object,String],default:"template"},disabled:{type:[Boolean],default:!1},by:{type:[String,Function],default:()=>rt},horizontal:{type:[Boolean],default:!1},modelValue:{type:[Object,String,Number,Boolean],default:void 0},defaultValue:{type:[Object,String,Number,Boolean],default:void 0},form:{type:String,optional:!0},name:{type:String,optional:!0},multiple:{type:[Boolean],default:!1}},inheritAttrs:!1,setup(e,{slots:s,attrs:i,emit:a}){let t=F(1),r=F(null),p=F(null),c=F(null),d=F([]),l=F(""),o=F(null),P=F(1);function f(m=n=>n){let n=o.value!==null?d.value[o.value]:null,u=at(m(d.value.slice()),O=>A(O.dataRef.domRef)),v=n?u.indexOf(n):null;return v===-1&&(v=null),{options:u,activeOptionIndex:v}}let y=_(()=>e.multiple?1:0),[b,g]=nt(_(()=>e.modelValue),m=>a("update:modelValue",m),_(()=>e.defaultValue)),S=_(()=>b.value===void 0?$(y.value,{1:[],0:void 0}):b.value),x={listboxState:t,value:S,mode:y,compare(m,n){if(typeof e.by=="string"){let u=e.by;return m?.[u]===n?.[u]}return e.by(m,n)},orientation:_(()=>e.horizontal?"horizontal":"vertical"),labelRef:r,buttonRef:p,optionsRef:c,disabled:_(()=>e.disabled),options:d,searchQuery:l,activeOptionIndex:o,activationTrigger:P,closeListbox(){e.disabled||t.value!==1&&(t.value=1,o.value=null)},openListbox(){e.disabled||t.value!==0&&(t.value=0)},goToOption(m,n,u){if(e.disabled||t.value===1)return;let v=f(),O=Ne(m===M.Specific?{focus:M.Specific,id:n}:{focus:m},{resolveItems:()=>v.options,resolveActiveIndex:()=>v.activeOptionIndex,resolveId:B=>B.id,resolveDisabled:B=>B.dataRef.disabled});l.value="",o.value=O,P.value=u??1,d.value=v.options},search(m){if(e.disabled||t.value===1)return;let n=l.value!==""?0:1;l.value+=m.toLowerCase();let u=(o.value!==null?d.value.slice(o.value+n).concat(d.value.slice(0,o.value+n)):d.value).find(O=>O.dataRef.textValue.startsWith(l.value)&&!O.dataRef.disabled),v=u?d.value.indexOf(u):-1;v===-1||v===o.value||(o.value=v,P.value=1)},clearSearch(){e.disabled||t.value!==1&&l.value!==""&&(l.value="")},registerOption(m,n){let u=f(v=>[...v,{id:m,dataRef:n}]);d.value=u.options,o.value=u.activeOptionIndex},unregisterOption(m){let n=f(u=>{let v=u.findIndex(O=>O.id===m);return v!==-1&&u.splice(v,1),u});d.value=n.options,o.value=n.activeOptionIndex,P.value=1},theirOnChange(m){e.disabled||g(m)},select(m){e.disabled||g($(y.value,{0:()=>m,1:()=>{let n=j(x.value.value).slice(),u=j(m),v=n.findIndex(O=>x.compare(u,j(O)));return v===-1?n.push(u):n.splice(v,1),n}}))}};Ke([p,c],(m,n)=>{var u;x.closeListbox(),We(n,qe.Loose)||(m.preventDefault(),(u=A(p))==null||u.focus())},_(()=>t.value===0)),he(ve,x),Qe(_(()=>$(t.value,{0:X.Open,1:X.Closed})));let R=_(()=>{var m;return(m=A(p))==null?void 0:m.closest("form")});return ae(()=>{D([R],()=>{if(!R.value||e.defaultValue===void 0)return;function m(){x.theirOnChange(e.defaultValue)}return R.value.addEventListener("reset",m),()=>{var n;(n=R.value)==null||n.removeEventListener("reset",m)}},{immediate:!0})}),()=>{let{name:m,modelValue:n,disabled:u,form:v,...O}=e,B={open:t.value===0,disabled:u,value:S.value};return le(V,[...m!=null&&S.value!=null?de({[m]:S.value}).map(([K,ee])=>le(He,Ge({features:Xe.Hidden,key:K,as:"input",type:"hidden",hidden:!0,readOnly:!0,form:v,name:K,value:ee}))):[],Z({ourProps:{},theirProps:{...i,...Ye(O,["defaultValue","onUpdate:modelValue","horizontal","multiple","by"])},slot:B,slots:s,attrs:i,name:"Listbox"})])}}}),dt=z({name:"ListboxButton",props:{as:{type:[Object,String],default:"button"},id:{type:String,default:()=>`headlessui-listbox-button-${re()}`}},setup(e,{attrs:s,slots:i,expose:a}){let t=J("ListboxButton");a({el:t.buttonRef,$el:t.buttonRef});function r(l){switch(l.key){case C.Space:case C.Enter:case C.ArrowDown:l.preventDefault(),t.openListbox(),N(()=>{var o;(o=A(t.optionsRef))==null||o.focus({preventScroll:!0}),t.value.value||t.goToOption(M.First)});break;case C.ArrowUp:l.preventDefault(),t.openListbox(),N(()=>{var o;(o=A(t.optionsRef))==null||o.focus({preventScroll:!0}),t.value.value||t.goToOption(M.Last)});break}}function p(l){switch(l.key){case C.Space:l.preventDefault();break}}function c(l){t.disabled.value||(t.listboxState.value===0?(t.closeListbox(),N(()=>{var o;return(o=A(t.buttonRef))==null?void 0:o.focus({preventScroll:!0})})):(l.preventDefault(),t.openListbox(),ut(()=>{var o;return(o=A(t.optionsRef))==null?void 0:o.focus({preventScroll:!0})})))}let d=Ze(_(()=>({as:e.as,type:s.type})),t.buttonRef);return()=>{var l,o;let P={open:t.listboxState.value===0,disabled:t.disabled.value,value:t.value.value},{id:f,...y}=e,b={ref:t.buttonRef,id:f,type:d.value,"aria-haspopup":"listbox","aria-controls":(l=A(t.optionsRef))==null?void 0:l.id,"aria-expanded":t.listboxState.value===0,"aria-labelledby":t.labelRef.value?[(o=A(t.labelRef))==null?void 0:o.id,f].join(" "):void 0,disabled:t.disabled.value===!0?!0:void 0,onKeydown:r,onKeyup:p,onClick:c};return Z({ourProps:b,theirProps:y,slot:P,attrs:s,slots:i,name:"ListboxButton"})}}}),pt=z({name:"ListboxOptions",props:{as:{type:[Object,String],default:"ul"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},id:{type:String,default:()=>`headlessui-listbox-options-${re()}`}},setup(e,{attrs:s,slots:i,expose:a}){let t=J("ListboxOptions"),r=F(null);a({el:t.optionsRef,$el:t.optionsRef});function p(l){switch(r.value&&clearTimeout(r.value),l.key){case C.Space:if(t.searchQuery.value!=="")return l.preventDefault(),l.stopPropagation(),t.search(l.key);case C.Enter:if(l.preventDefault(),l.stopPropagation(),t.activeOptionIndex.value!==null){let o=t.options.value[t.activeOptionIndex.value];t.select(o.dataRef.value)}t.mode.value===0&&(t.closeListbox(),N(()=>{var o;return(o=A(t.buttonRef))==null?void 0:o.focus({preventScroll:!0})}));break;case $(t.orientation.value,{vertical:C.ArrowDown,horizontal:C.ArrowRight}):return l.preventDefault(),l.stopPropagation(),t.goToOption(M.Next);case $(t.orientation.value,{vertical:C.ArrowUp,horizontal:C.ArrowLeft}):return l.preventDefault(),l.stopPropagation(),t.goToOption(M.Previous);case C.Home:case C.PageUp:return l.preventDefault(),l.stopPropagation(),t.goToOption(M.First);case C.End:case C.PageDown:return l.preventDefault(),l.stopPropagation(),t.goToOption(M.Last);case C.Escape:l.preventDefault(),l.stopPropagation(),t.closeListbox(),N(()=>{var o;return(o=A(t.buttonRef))==null?void 0:o.focus({preventScroll:!0})});break;case C.Tab:l.preventDefault(),l.stopPropagation();break;default:l.key.length===1&&(t.search(l.key),r.value=setTimeout(()=>t.clearSearch(),350));break}}let c=Je(),d=_(()=>c!==null?(c.value&X.Open)===X.Open:t.listboxState.value===0);return()=>{var l,o;let P={open:t.listboxState.value===0},{id:f,...y}=e,b={"aria-activedescendant":t.activeOptionIndex.value===null||(l=t.options.value[t.activeOptionIndex.value])==null?void 0:l.id,"aria-multiselectable":t.mode.value===1?!0:void 0,"aria-labelledby":(o=A(t.buttonRef))==null?void 0:o.id,"aria-orientation":t.orientation.value,id:f,onKeydown:p,role:"listbox",tabIndex:0,ref:t.optionsRef};return Z({ourProps:b,theirProps:y,slot:P,attrs:s,slots:i,features:ce.RenderStrategy|ce.Static,visible:d.value,name:"ListboxOptions"})}}}),ft=z({name:"ListboxOption",props:{as:{type:[Object,String],default:"li"},value:{type:[Object,String,Number,Boolean]},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>`headlessui-listbox.option-${re()}`}},setup(e,{slots:s,attrs:i,expose:a}){let t=J("ListboxOption"),r=F(null);a({el:r,$el:r});let p=_(()=>t.activeOptionIndex.value!==null?t.options.value[t.activeOptionIndex.value].id===e.id:!1),c=_(()=>$(t.mode.value,{0:()=>t.compare(j(t.value.value),j(e.value)),1:()=>j(t.value.value).some(x=>t.compare(j(x),j(e.value)))})),d=_(()=>$(t.mode.value,{1:()=>{var x;let R=j(t.value.value);return((x=t.options.value.find(m=>R.some(n=>t.compare(j(n),j(m.dataRef.value)))))==null?void 0:x.id)===e.id},0:()=>c.value})),l=et(r),o=_(()=>({disabled:e.disabled,value:e.value,get textValue(){return l()},domRef:r}));ae(()=>t.registerOption(e.id,o)),ge(()=>t.unregisterOption(e.id)),ae(()=>{D([t.listboxState,c],()=>{t.listboxState.value===0&&c.value&&$(t.mode.value,{1:()=>{d.value&&t.goToOption(M.Specific,e.id)},0:()=>{t.goToOption(M.Specific,e.id)}})},{immediate:!0})}),xe(()=>{t.listboxState.value===0&&p.value&&t.activationTrigger.value!==0&&N(()=>{var x,R;return(R=(x=A(r))==null?void 0:x.scrollIntoView)==null?void 0:R.call(x,{block:"nearest"})})});function P(x){if(e.disabled)return x.preventDefault();t.select(e.value),t.mode.value===0&&(t.closeListbox(),N(()=>{var R;return(R=A(t.buttonRef))==null?void 0:R.focus({preventScroll:!0})}))}function f(){if(e.disabled)return t.goToOption(M.Nothing);t.goToOption(M.Specific,e.id)}let y=tt();function b(x){y.update(x)}function g(x){y.wasMoved(x)&&(e.disabled||p.value||t.goToOption(M.Specific,e.id,0))}function S(x){y.wasMoved(x)&&(e.disabled||p.value&&t.goToOption(M.Nothing))}return()=>{let{disabled:x}=e,R={active:p.value,selected:c.value,disabled:x},{id:m,value:n,disabled:u,...v}=e,O={id:m,ref:r,role:"option",tabIndex:x===!0?void 0:-1,"aria-disabled":x===!0?!0:void 0,"aria-selected":c.value,disabled:void 0,onClick:P,onFocus:f,onPointerenter:b,onMouseenter:b,onPointermove:g,onMousemove:g,onPointerleave:S,onMouseleave:S};return Z({ourProps:O,theirProps:v,slot:R,attrs:i,slots:s,name:"ListboxOption"})}}});const me=({searchEngine:e,fixedParams:s})=>{const i=_(()=>{const t={};return Object.keys(e.params).forEach(r=>{if(s?.[r])return;const p=e.params[r];if(p!==void 0){switch(r){case"sort":case"term":case"limit":case"offset":case"count":case"buckets":case"fields":return}t[r]=p}}),t}),a=_(()=>{const t=Object.keys(i.value),r=[];return t.forEach(p=>{const c=p.replace(/[^\w.]/g,"");if(c==="specs"&&Array.isArray(i.value[p])){i.value[p].forEach(d=>{const[l]=d.split(":"),o=`specs.${l}`;r.includes(o)||r.push(o)});return}r.includes(c)||r.push(c)}),r.length});return{activeFilters:i,filtersCount:a}},vt=e=>{const{searchEngine:s,fixedParams:i}=e,a=_(()=>s.meta),t=_(()=>s.meta.buckets),{activeFilters:r,filtersCount:p}=me(e);D(s.params,()=>{s.fetch()});let c=null;const d=()=>{Object.keys(s.params).forEach(n=>{i?.[n]||delete s.params[n]}),c=null},l=({min:n,max:u})=>`${n||null}/${u||null}`,o=_(()=>{const{params:n}=s;return{min:Number(n["price>"]),max:Number(n["price<"])}}),P=F([]),f=ue(()=>{P.value.splice(0),t.value?.prices?.forEach(n=>{n.min&&(n.min=Math.round(n.min*100)/100),n.max&&(n.max=Math.round(n.max*100)/100),P.value.push({range:n,key:l(n)})}),Number.isNaN(o.value.min)||P.value.find(({range:u})=>u.min===o.value.min&&u.max===o.value.max)||P.value.unshift({range:{...o.value,count:a.value.count||0,avg:null},key:l(o.value)})},50);f();const y=F(l(o.value));D(y,()=>{c="price";const n=P.value.find(({range:u})=>l(u)===y.value);if(n){const{min:u,max:v}=n.range;u?s.params["price>"]=u:delete s.params["price>"],v?s.params["price<"]=v:delete s.params["price<"];return}delete s.params["price>"],delete s.params["price<"]});const b=({min:n,max:u})=>n&&u?u===n?W(u):`${W(n)} ${ie.toLowerCase()} ${W(u)}`:!n&&u?`${ie} ${W(u)}`:`${Ee} ${W(n||0)}`,g=F([]),S=ue(()=>{for(let u=0;u<g.value.length;u++){const{field:v}=g.value[u];v!==c&&(g.value.splice(u,1),u-=1)}const n=t.value;if(n&&([["brands",Re],["categories",Ce]].forEach(([u,v])=>{const O=`${u}.name`;n[O]&&c!==O&&g.value.push({title:v,options:n[O],field:O})}),n.specs)){const{grids:u}=globalThis.$storefront.data;Object.keys(n.specs).forEach(v=>{const[O,B]=v.split(":");if(B){const K=`specs.${O}`;if(c===K)return;const ee=ze(O,u||[]);let H=g.value.find(be=>be.field===K);H||(H={title:ee,options:{},field:K},g.value.push(H)),H.options[B]=n.specs[v]}})}},50);S();const x=(n,u)=>{const[,v]=n.split(".");return["specs,",`${v}:${u}`]},R=(n,u)=>{n.startsWith("specs.")&&([n,u]=x(n,u));const v=r.value[n];return!!(v===u||Array.isArray(v)&&v.includes(u))},m=(n,u)=>{c=n,console.log({_lastParamChanged:c}),n.startsWith("specs.")&&([n,u]=x(n,u));const v=!R(n,u);let O=s.params[n];if(Array.isArray(O)||(O=[],s.params[n]=O),v)O.push(u);else for(let B=0;B<O.length;B++)if(O[B]===u){O.splice(B,1);break}};return D(t,()=>{c!=="price"&&f(),S()}),{resultMeta:a,resultBuckets:t,activeFilters:r,filtersCount:p,clearFilters:d,getPriceRangeKey:l,priceRanges:P,priceRangeKey:y,getPriceRangeLabel:b,filterOptions:g,checkFilterOption:R,toggleFilterOption:m}},mt=e=>{let{term:s}=e;const a=e.canUseUrlParams!==!1?Le("history"):null;e.ssrError&&(console.error(new Error(`SSR search error: ${e.ssrError}`)),window.location.pathname.startsWith("/s/")&&(window.location.href=`/s?q=${encodeURIComponent(s||"")}`));const t=ye(e.products||[]),r=new Ve({debounce:50});s===void 0&&(s=new URLSearchParams(window.location.search).get("q")||null),s!==void 0&&(r.term.value=s),e.pageSize&&(r.pageSize.value=e.pageSize),Object.assign(r.params,e.fixedParams);let p=!1;a&&Object.keys(a).forEach(b=>{if(a[b]){if(b.startsWith("f\\")){const g=b.substring(2);r.params[g]=a[b],e.fixedParams?.[g]!==a[b]&&(p=!0);return}if(b==="sort"){if(r.params.sort=a.sort,typeof a.sort=="string"&&e.resultMeta?.sort?.length===1){const{field:g,order:S}=e.resultMeta.sort[0];if((S?g:`-${g}`)===a.sort)return}p=!0;return}if(b==="p"){const g=parseInt(String(a.p),10);if(g>=1){if(r.pageNumber.value=g,e.resultMeta?.limit){const{offset:S,limit:x}=e.resultMeta;if((S?Math.ceil(S/x):1)===g)return}p=!0}}}}),r.wasFetched.value||((e.products||e.resultMeta)&&!p&&r.setResult({result:e.products,meta:e.resultMeta}),(!e.products||p)&&r.fetch().catch(console.error)),r.isWithCount.value=!0,r.isWithBuckets.value=!0;const c=F({count:0,...e.resultMeta||r.meta});D(r.products,()=>{t.splice(0),r.products.forEach(b=>t.push(b)),c.value={count:0,...r.meta}});const d=_(()=>{const{count:b}=r.meta;return!b||t.length<2?1:Math.ceil(b/r.pageSize.value)});D(r.pageNumber,b=>{a&&(a.p=`${b}`),r.fetch()});const l=()=>{D(r.isFetching,b=>{const g=e.showcase?.value;!b&&g&&setTimeout(()=>{Oe(g,Fe?-25:0)},50)})};r.wasFetched.value?l():$e(r.wasFetched,l);const{activeFilters:o,filtersCount:P}=me({searchEngine:r,fixedParams:e.fixedParams});a&&D(o,b=>{a&&Object.keys(a).forEach(g=>{g.startsWith("f\\")&&delete a[g]}),Object.keys(b).forEach(g=>{const S=b[g];if(typeof S=="string"||typeof S=="number"){a[`f\\${g}`]=`${S}`;return}Array.isArray(S)&&typeof S[0]=="string"&&(a[`f\\${g}`]=S)})});const f=[{value:null,label:Te},{value:"-sales",label:Me},{value:"price",label:Ae},{value:"-price",label:Be},{value:"-price_discount",label:De},{value:"-created_at",label:je},{value:"name",label:Ie}],y=F(null);return D(y,()=>{r.params.sort=y.value||void 0,r.fetch()}),a&&(typeof a.sort=="string"&&a.sort&&(y.value=a.sort),D(r.params,b=>{delete a.sort,b.sort&&(a.sort=String(b.sort))})),{searchEngine:r,fetching:r.fetching.value,isFetching:r.isFetching,products:t,resultMeta:c,totalPages:d,activeFilters:o,filtersCount:P,sortOptions:f,sortOption:y}},bt=e=>{const s=_(()=>e.totalPages?e.totalPages:e.totalItems&&e.pageSize?Math.ceil(e.totalItems/e.pageSize):1),i=_(()=>{const f=e.page||1;return f<1?1:f>s.value?s.value:f}),a=_(()=>e.maxPages||10),t=_(()=>{if(s.value<=a.value)return 1;const f=Math.floor(a.value/2),y=Math.ceil(a.value/2)-1;return i.value<=f?1:i.value+y>=s.value?s.value-a.value+1:i.value-f}),r=_(()=>{if(s.value<=a.value)return s.value;const f=Math.floor(a.value/2),y=Math.ceil(a.value/2)-1;return i.value<=f?a.value:i.value+y>=s.value?s.value:i.value+y}),p=_(()=>Array.from(Array(r.value+1-t.value).keys()).map(f=>t.value+f)),c=F("");D(Pe(e,"isUrlPath"),()=>{const f=new URL(window.location.toString());e.isUrlPath&&!f.pathname.endsWith("/")?f.pathname+="/":f.searchParams.delete("p"),c.value=`${f.pathname}${f.search}`},{immediate:!0});const d=f=>e.isUrlPath?`../${f}`:`?p=${f}`,l=_(()=>p.value.map(f=>c.value+d(f))),o=_(()=>i.value<=1?null:c.value+d(i.value-1)),P=_(()=>i.value>=s.value?null:c.value+d(i.value+1));return{totalPages:s,startPage:t,endPage:r,pages:p,pageLinks:l,prevPageLink:o,nextPageLink:P}},ht=z({__name:"Pagination",props:{totalItems:{},totalPages:{},page:{default:1},pageSize:{},maxPages:{default:7},isUrlPath:{type:Boolean,default:!1}},emits:["update:page"],setup(e,{expose:s,emit:i}){s();const a=e,t=i,{pages:r,pageLinks:p,prevPageLink:c,nextPageLink:d}=bt(a),l={props:a,emit:t,pages:r,pageLinks:p,prevPageLink:c,nextPageLink:d};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}}),gt={class:"text-base-900 flex justify-center gap-1.5 text-center text-sm font-medium leading-9"},xt=h("i",{class:"i-arrow-right rotate-180"},null,-1),_t=h("span",{class:"ml-1.5 hidden md:inline"},L("Anterior"),-1),yt=h("span",{class:"mr-1.5 hidden md:inline"},L("Próximo"),-1),Ot=h("i",{class:"i-arrow-right"},null,-1);function Pt(e,s,i,a,t,r){const p=se("ALink");return k(),w("ol",gt,[h("li",null,[T(p,{href:a.prevPageLink,onClick:s[0]||(s[0]=te(c=>a.prevPageLink&&a.emit("update:page",i.page-1),["prevent"])),class:q(["mr-1 block min-w-9 rounded border px-3",a.prevPageLink?"border-base-100 hover:bg-base-100":"border-transparent text-base-500"])},{default:E(()=>[xt,_t]),_:1},8,["href","class"])]),(k(!0),w(V,null,Q(a.pages,(c,d)=>(k(),w("li",{key:c},[T(p,{href:c!==i.page?a.pageLinks[d]:null,onClick:te(l=>a.emit("update:page",c),["prevent"]),class:q(["block w-9 rounded border ring-black/10",c===i.page?"bg-base-50 border-base-100 ring text-base-700":"border-transparent hover:bg-base-100"])},{default:E(()=>[U(L(c),1)]),_:2},1032,["href","onClick","class"])]))),128)),h("li",null,[T(p,{href:a.nextPageLink,onClick:s[1]||(s[1]=te(c=>a.nextPageLink&&a.emit("update:page",i.page+1),["prevent"])),class:q(["ml-1 block min-w-9 rounded border px-3",a.nextPageLink?"border-base-100 hover:bg-base-100":"border-transparent text-base-500"])},{default:E(()=>[yt,Ot]),_:1},8,["href","class"])])])}const kt=Y(ht,[["render",Pt]]),St=z({__name:"Collapse",props:{title:{}},setup(e,{expose:s}){s();const i={};return Object.defineProperty(i,"__isScriptSetup",{enumerable:!1,value:!0}),i}}),wt={class:"group my-4 md:my-5 [&_i]:open:-rotate-90"},Lt={role:"button",class:"text-base-700 hover:text-base-800 [&>i]:hover:text-primary list-none text-2xl font-medium lowercase group-open:mb-3"},Ft=h("i",{class:"i-chevron-right mr-1 rotate-90"},null,-1);function Rt(e,s,i,a,t,r){return k(),w("details",wt,[h("summary",Lt,[Ft,h("span",null,L(i.title),1)]),ke(e.$slots,"default")])}const Ct=Y(St,[["render",Rt]]),Et=z({__name:"SearchFilters",props:{searchEngine:{},fixedParams:{}},setup(e,{expose:s}){s();const i=e,{resultBuckets:a,activeFilters:t,filtersCount:r,clearFilters:p,priceRanges:c,priceRangeKey:d,getPriceRangeLabel:l,filterOptions:o,checkFilterOption:P,toggleFilterOption:f}=vt(i),y={props:i,resultBuckets:a,activeFilters:t,filtersCount:r,clearFilters:p,priceRanges:c,priceRangeKey:d,getPriceRangeLabel:l,filterOptions:o,checkFilterOption:P,toggleFilterOption:f,Collapse:Ct};return Object.defineProperty(y,"__isScriptSetup",{enumerable:!1,value:!0}),y}}),Tt={class:"bg-base-50/40 h-screen overflow-y-auto"},Mt={class:"px-6 pb-3 pt-5 text-center"},At=h("i",{class:"i-trash ml-0.5"},null,-1),Bt={key:1,class:"text-base-500 border border-transparent pb-1 text-base font-semibold"},Dt={key:0,class:"px-6 pb-3"},jt={class:"space-y-1.5"},It=["id","value"],Ut=["for"],Vt={class:"text-base-500 font-medium"},$t={key:0,class:"flex items-center"},zt=h("label",{for:"priceRange-null",class:"cursor-pointer px-3 text-sm"},L("Qualquer preço"),-1),Nt={class:"space-y-1.5"},Kt=["id","value","checked","onChange"],Wt=["for"],qt={class:"text-base-500 font-medium"};function Qt(e,s,i,a,t,r){return k(),w("aside",Tt,[h("header",Mt,[a.filtersCount?(k(),w("button",{key:0,class:"ui-btn-sm ui-btn-danger py-1",onClick:s[0]||(s[0]=(...p)=>a.clearFilters&&a.clearFilters(...p))},[U(L("Limpar filtros")+" "),At])):(k(),w("p",Bt,L("Filtrar resultados")))]),a.resultBuckets?(k(),w("article",Dt,[a.priceRanges?(k(),G(a.Collapse,{key:0,title:"Preço",class:"[&>summary]:text-xl",open:""},{default:E(()=>[h("div",jt,[(k(!0),w(V,null,Q(a.priceRanges,({range:p,key:c})=>(k(),w("div",{key:`prices-${c}`,class:"flex items-center"},[ne(h("input",{type:"radio",id:`priceRange-${c}`,name:"priceRange",value:c,"onUpdate:modelValue":s[1]||(s[1]=d=>a.priceRangeKey=d)},null,8,It),[[oe,a.priceRangeKey]]),h("label",{for:`priceRange-${c}`,class:"cursor-pointer px-3 text-sm"},[U(L(a.getPriceRangeLabel(p))+" ",1),h("small",Vt," ("+L(p.count)+") ",1)],8,Ut)]))),128)),a.activeFilters["price<"]||a.activeFilters["price>"]?(k(),w("div",$t,[ne(h("input",{type:"radio",id:"priceRange-null",name:"priceRange",value:null,"onUpdate:modelValue":s[2]||(s[2]=p=>a.priceRangeKey=p)},null,512),[[oe,a.priceRangeKey]]),zt])):I("",!0)])]),_:1})):I("",!0),(k(!0),w(V,null,Q(a.filterOptions,({title:p,options:c,field:d})=>(k(),G(a.Collapse,{key:d,title:p,class:"[&>summary]:text-xl",open:!!a.activeFilters[d]},{default:E(()=>[h("div",Nt,[(k(!0),w(V,null,Q(c,(l,o,P)=>(k(),w("div",{key:`${d}-${P}`,class:"flex items-center"},[h("input",{type:"checkbox",id:`${d}-${o}`,value:o,checked:a.checkFilterOption(d,o),onChange:f=>a.toggleFilterOption(d,o)},null,40,Kt),h("label",{for:`${d}-${o}`,class:"cursor-pointer px-3 text-sm"},[U(L(o)+" ",1),h("small",qt," ("+L(l)+") ",1)],8,Wt)]))),128))])]),_:2},1032,["title","open"]))),128))])):I("",!0)])}const Ht=Y(Et,[["render",Qt]]),Gt=z({__name:"SearchShowcase",props:{term:{},pageSize:{},fixedParams:{},products:{},resultMeta:{},ssrError:{},canUseUrlParams:{type:Boolean,default:!0},showcase:{}},async setup(e,{expose:s}){s();const i=e,a=F(null),{searchEngine:t,fetching:r,isFetching:p,products:c,resultMeta:d,totalPages:l,filtersCount:o,sortOptions:P,sortOption:f}=mt({...i,showcase:a}),y=_(()=>t.wasFetched.value),b=_(()=>t.term.value),g=_(()=>y&&!!(d.value.count>4||o.value)),S=F(!1),x={props:i,showcase:a,searchEngine:t,fetching:r,isFetching:p,products:c,resultMeta:d,totalPages:l,filtersCount:o,sortOptions:P,sortOption:f,wasFetched:y,searchTerm:b,hasFiltersBar:g,isFiltersOpen:S,get Listbox(){return ct},get ListboxButton(){return dt},get ListboxOptions(){return pt},get ListboxOption(){return ft},Drawer:st,Pagination:kt,ProductShelf:Ue,SearchFilters:Ht};return Object.defineProperty(x,"__isScriptSetup",{enumerable:!1,value:!0}),x}}),Xt={class:"text-base-800 inline font-bold italic"},Yt={key:1,class:"ui-section relative min-h-[300px]"},Zt={ref:"showcase",class:"relative"},Jt={key:0,class:"to-base-100 ui-section-slim sticky-header:translate-y-16 lg:sticky-header:translate-y-14 sticky top-0 z-[12] flex items-center justify-between rounded-b bg-white/80 px-6 py-4 shadow-sm backdrop-blur-sm transition-transform"},ea={class:"text-base-700 font-medium lowercase"},ta=h("span",{class:"hidden lg:inline"},L("Itens encontrados"),-1),aa=h("span",{class:"lg:hidden"},L("Produtos"),-1),sa={class:"flex items-center gap-4"},na=h("span",{class:"hidden text-xl leading-none md:block"},[h("i",{class:"text-base-600 i-adjustments-horizontal m-0"})],-1),ra=h("span",{class:"hidden md:inline"},L("Filtrar produtos"),-1),la=h("span",{class:"md:hidden"},[h("i",{class:"i-adjustments-horizontal mr-1"}),U(" "+L("Filtrar"))],-1),oa={key:0,class:"outline-3 outline-secondary/80 ui-badge-pill-sm absolute -right-1.5 -top-1 outline"},ia={class:"w-5"},ua={class:"i-check"},ca={key:0,class:"mt-3 lg:mt-4"},da={key:0,class:"absolute left-0 top-0 z-[14] size-full bg-white/40"};function pa(e,s,i,a,t,r){const p=se("Skeleton"),c=se("Fade");return k(),w(V,null,[a.searchTerm?(k(),w("section",{key:0,class:q(["text-base-700 ui-section-slim px-6 text-center text-xl lowercase",a.hasFiltersBar?"relative z-[14] -mb-4":"mb-0"])},[U(L("Buscando por")+" "),h("h1",Xt,L(a.searchTerm),1)],2)):I("",!0),a.isFetching&&!a.products.length?(k(),w("div",Yt,[T(p,{class:"absolute top-0 w-full px-5","is-bold":"","is-large":""})])):I("",!0),h("article",Zt,[T(c,null,{default:E(()=>[a.hasFiltersBar?(k(),w("section",Jt,[h("strong",ea,[a.resultMeta.count>1?(k(),w(V,{key:0},[U(L(a.resultMeta.count)+" ",1),ta,aa],64)):I("",!0)]),h("div",sa,[na,h("button",{onClick:s[0]||(s[0]=d=>a.isFiltersOpen=!a.isFiltersOpen),class:"ui-btn-sm ui-btn-secondary relative"},[ra,la,a.filtersCount?(k(),w("span",oa,L(a.filtersCount),1)):I("",!0)]),T(a.Listbox,{modelValue:a.sortOption,"onUpdate:modelValue":s[1]||(s[1]=d=>a.sortOption=d),as:"div",class:"text-base-800 relative text-sm"},{default:E(()=>[T(a.ListboxButton,{id:e.$useId("ss"),class:"ui-btn-sm ui-btn-secondary"},{default:E(()=>[U(L("Ordenar"))]),_:1},8,["id"]),T(c,null,{default:E(()=>[T(a.ListboxOptions,{class:"divide-base-100 absolute right-0 mt-2 divide-y rounded bg-white shadow ring-1 ring-black/5 focus:outline-none"},{default:E(()=>[(k(!0),w(V,null,Q(a.sortOptions,({label:d,value:l})=>(k(),G(a.ListboxOption,{key:l||"sort",value:l,as:"template"},{default:E(({selected:o,active:P})=>[h("li",null,[(k(),G(Se(o?"div":"button"),{class:q(["flex w-full py-2 pl-3 pr-6",!o&&P&&"bg-secondary-100 text-secondary"])},{default:E(()=>[h("div",ia,[ne(h("i",ua,null,512),[[we,o]])]),U(" "+L(d),1)]),_:2},1032,["class"]))])]),_:2},1032,["value"]))),128))]),_:1})]),_:1})]),_:1},8,["modelValue"])])])):I("",!0)]),_:1}),T(a.ProductShelf,{products:a.products,"is-grid":""},{append:E(()=>[T(c,{slide:"down"},{default:E(()=>[!a.isFetching&&a.totalPages>1?(k(),w("nav",ca,[T(a.Pagination,{page:a.searchEngine.pageNumber.value,"onUpdate:page":s[2]||(s[2]=d=>a.searchEngine.pageNumber.value=d),"total-pages":a.totalPages},null,8,["page","total-pages"])])):I("",!0)]),_:1})]),_:1},8,["products"]),T(c,null,{default:E(()=>[a.isFetching?(k(),w("div",da)):I("",!0)]),_:1})],512),T(a.Drawer,{modelValue:a.isFiltersOpen,"onUpdate:modelValue":s[3]||(s[3]=d=>a.isFiltersOpen=d),placement:"end","backdrop-target":null,"can-lock-scroll":!1,class:"!z-[80] bg-white shadow [&_[data-drawer-close]]:bg-white/80"},{default:E(()=>[T(a.SearchFilters,{"search-engine":a.searchEngine},null,8,["search-engine"])]),_:1},8,["modelValue"])],64)}const Ma=Y(Gt,[["render",pa]]);export{Ma as default};