cloudcommerce 0.4.1 → 0.6.0

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

@@ -4,12 +4,10 @@ import {
   i19accessMyAccount,
   i19createAnAccount,
   i19enterWithPassword,
-  i19hello,
   i19iForgotMyPassword,
   i19password,
   i19sendLoginCodeByEmail,
   i19signUp,
-  i19visitor,
 } from '@@i18n';
 import {
   getAuth,
@@ -22,9 +20,20 @@ import {
   isLogged,
 } from '@@sf/state/customer-session';
 
-const emit = defineEmits(['login', 'logout']);
+// eslint-disable-next-line no-spaced-func, func-call-spacing
+const emit = defineEmits<{
+  (e: 'set:is-logged', value: boolean): void
+  (e: 'set:email', value: string): void
+  (e: 'set:customer-name', value: string): void
+}>();
 watch(isLogged, (_isLogged) => {
-  emit(_isLogged ? 'login' : 'logout');
+  emit('set:is-logged', _isLogged);
+  emit('set:customer-name', customerName.value);
+}, {
+  immediate: true,
+});
+watch(email, (_email) => {
+  emit('set:email', _email);
 }, {
   immediate: true,
 });
@@ -58,11 +67,6 @@ const submitLogin = async () => {
 </script>
 
 <template>
-  <slot name="greetings" v-bind="{ customerName }">
-    <div class="text-xl font-medium mb-5">
-      {{ `${i19hello} ${customerName || i19visitor}` }}
-    </div>
-  </slot>
   <form
     class="login-form text-base"
     @submit.prevent="submitLogin"

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

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import type { NetworkName } from '@@sf/server-data';
+import { computed } from 'vue';
+
+export interface Props {
+  as?: string;
+  network: NetworkName;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  as: 'i',
+});
+const iconClassName = computed(() => {
+  switch (props.network) {
+    case 'facebook': return 'i-facebook';
+    case 'instagram': return 'i-instagram';
+    case 'whatsapp': return 'i-whatsapp';
+    case 'youtube': return 'i-youtube';
+    case 'pinterest': return 'i-pinterest';
+    case 'tiktok': return 'i-tiktok';
+    case 'twitter': return 'i-twitter';
+    default: return '';
+  }
+});
+</script>
+
+<template>
+  <component :is="as" :class="iconClassName" />
+</template>

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

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import type { NetworkName } from '@@sf/server-data';
+import { computed } from 'vue';
+import { isMobile } from '@@sf/browser-env';
+import { socialNetworks } from '@@sf/server-data';
+import SocialNetworkIcon from '@@sf/components/SocialNetworkIcon.vue';
+
+export interface Props {
+  network: NetworkName;
+  href?: string;
+  message?: string;
+}
+
+const props = defineProps<Props>();
+const fixedHref = computed(() => {
+  let href = props.href || socialNetworks[props.network];
+  if (props.network === 'whatsapp') {
+    const tel = href.replace(/[^+\d]/g, '');
+    // eslint-disable-next-line prefer-template
+    href = `https://${(isMobile ? 'api' : 'web')}.whatsapp.com/send?phone=`
+      + encodeURIComponent(tel.charAt(0) === '+' ? tel : `+55${tel}`);
+    if (props.message) {
+      href += `&text=${encodeURIComponent(props.message)}`;
+    }
+  }
+  return href;
+});
+</script>
+
+<template>
+  <ALink :href="fixedHref">
+    <slot>
+      <SocialNetworkIcon :network="network" />
+      <slot name="append"></slot>
+    </slot>
+  </ALink>
+</template>

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

@@ -9,11 +9,11 @@ export interface Props {
 const props = defineProps<Props>();
 const linkTarget = computed(() => {
   if (props.target) return props.target;
-  if (props.href.startsWith('http') && globalThis.storefront.settings) {
+  if (props.href.startsWith('http')) {
     const domain = globalThis.storefront.settings.domain || window.location.host;
     if (props.href.startsWith(`https://${domain}`)) return null;
   }
-  return null;
+  return '_blank';
 });
 </script>
 

package/packages/storefront/src/lib/composables/use-shop-header.ts

@@ -0,0 +1,79 @@
+import type { Ref } from 'vue';
+import type { CategoriesList } from '@cloudcommerce/api/types';
+import { ref, computed } from 'vue';
+import useStickyHeader from '@@sf/composables/use-sticky-header';
+
+export interface Props {
+  header: Ref<HTMLElement>;
+  categories: CategoriesList;
+}
+
+type CategoryTree = CategoriesList[0] & {
+  subcategories: Array<CategoryTree>,
+};
+
+const filterMainCategories = (categories: CategoriesList) => {
+  return categories.filter(({ slug, parent }) => {
+    return slug && !parent;
+  });
+};
+
+const filterSubcategories = (
+  categories: CategoriesList,
+  parentCategory: CategoriesList[0],
+) => {
+  return categories.filter(({ slug, parent }) => {
+    if (slug && parent) {
+      return parent._id === parentCategory._id
+        || (parent.slug && parent.slug === parentCategory.slug);
+    }
+    return false;
+  });
+};
+
+const useShopHeader = (props: Props) => {
+  const { header } = props;
+  const {
+    isSticky,
+    staticHeight,
+    staticY,
+  } = useStickyHeader({ header });
+  const positionY = computed(() => {
+    return isSticky.value ? header.value.offsetHeight : staticY.value;
+  });
+  const mainCategories = filterMainCategories(props.categories);
+  const getSubcategories = (parentCategory: CategoriesList[0]) => {
+    return filterSubcategories(props.categories, parentCategory);
+  };
+  const getCategoryTree = (parentCategory: CategoriesList[0]): CategoryTree => {
+    return {
+      ...parentCategory,
+      subcategories: getSubcategories(parentCategory).map((subcategory) => {
+        return getCategoryTree(subcategory);
+      }),
+    };
+  };
+  const categoryTrees = mainCategories.map(getCategoryTree);
+  const isSidenavOpen = ref(false);
+  return {
+    isSticky,
+    staticHeight,
+    staticY,
+    positionY,
+    mainCategories,
+    getSubcategories,
+    getCategoryTree,
+    categoryTrees,
+    isSidenavOpen,
+  };
+};
+
+export default useShopHeader;
+
+export {
+  useShopHeader,
+  filterMainCategories,
+  filterSubcategories,
+};
+
+export type { CategoryTree };

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

@@ -1,5 +1,4 @@
 ---
-import type CmsCode from '@@sf/types/cms-code';
 import type { PageContext } from '@@sf/ssr-context';
 import BaseHead from '@@sf/layouts/BaseHead.astro';
 import BaseStateJson from '@@sf/layouts/BaseStateJson.astro';
@@ -12,14 +11,14 @@ export interface Props {
 
 const { pageContext, title } = Astro.props as Props;
 const { cms } = pageContext;
-const cmsCustomCode = cms('code') as CmsCode;
+const cmsCustomCode = await cms('code');
 ---
 
 <head>
   <BaseHead pageContext={pageContext} title={title} />
   <BaseStateJson pageContext={pageContext} />
-  {cmsCustomCode.css && <style>{cmsCustomCode.css}</style>}
-  {cmsCustomCode.html_head && <Fragment set:html={cmsCustomCode.html_head} />}
+  {cmsCustomCode?.css && <style>{cmsCustomCode.css}</style>}
+  {cmsCustomCode?.html_head && <Fragment set:html={cmsCustomCode.html_head} />}
   <slot name="base-head-scripts">
     <script src="../scripts/modules-info-preset"></script>
   </slot>
@@ -27,7 +26,7 @@ const cmsCustomCode = cms('code') as CmsCode;
 </head>
 <BaseBody pageContext={pageContext}>
   <slot />
-  {cmsCustomCode.html_body && <Fragment set:html={cmsCustomCode.html_body} />}
+  {cmsCustomCode?.html_body && <Fragment set:html={cmsCustomCode.html_body} />}
   <slot name="base-body-scripts">
     <script src="../scripts/session-utm"></script>
   </slot>

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

@@ -1,5 +1,4 @@
 ---
-import type CmsSocial from '@@sf/types/cms-social';
 import type { PageContext } from '@@sf/ssr-context';
 import { pwaInfo } from 'virtual:pwa-info';
 import { img as getImg } from '@ecomplus/utils';
@@ -33,7 +32,7 @@ const favicon = settings.icon
     })).src
   : '/favicon.ico';
 const canonicalUrl = new URL(Astro.url.pathname, Astro.site || `https://${domain}`);
-const cmsSocial = cms('social') as CmsSocial;
+const cmsMetatags = await cms('metatags');
 const ogLocale = lang.length === 2 ? lang : lang.substring(0, 2) + lang.slice(3).toUpperCase();
 let ogImage: string | undefined;
 if (apiDoc) {
@@ -41,9 +40,9 @@ if (apiDoc) {
   ogImage = picture && picture.url;
 }
 if (!ogImage) {
-  if (cmsSocial.og_image) {
-    ogImage = cmsSocial.og_image.charAt(0) === '/'
-      ? `https://${domain}${cmsSocial.og_image}` : cmsSocial.og_image;
+  if (cmsMetatags?.og_image) {
+    ogImage = cmsMetatags.og_image.charAt(0) === '/'
+      ? `https://${domain}${cmsMetatags.og_image}` : cmsMetatags.og_image;
   }
 } else {
   ogImage = ogImage.replace(/(\w+\.)?(ecoms\d)\.com/i, '$2-nyc3.nyc3.cdn.digitaloceanspaces.com');
@@ -69,9 +68,10 @@ if (!ogImage) {
 <meta property="og:type" content="website">
 <meta property="og:locale" content={ogLocale}>
 {ogImage && <meta property="og:image" content={ogImage} />}
-{cmsSocial.fb_app_id && <meta property="fb:app_id" content={cmsSocial.fb_app_id} />}
+{cmsMetatags?.fb_app_id && <meta property="fb:app_id" content={cmsMetatags.fb_app_id} />}
 <meta name="twitter:card" content="summary">
-{cmsSocial.twitter_username && <meta name="twitter:site" content={cmsSocial.twitter_username} />}
+{cmsMetatags?.twitter_username &&
+  <meta name="twitter:site" content={cmsMetatags.twitter_username} />}
 <meta name="ecom-store-id" content={String(storeId)}>
 {pwaInfo && <Fragment set:html={pwaInfo.webManifest.linkTag} />}
 <script>

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

@@ -32,7 +32,7 @@ if (apiDoc) {
     apiDoc.price = getPrice(apiDoc);
   }
   const slimDocRegex = globalThis.storefront_slim_doc_regex
-    || /body|meta|records|description|i18n/;
+    || /body_|meta_|metafields|_records|i18n/;
   const minifyApiDoc = (nestedDoc: any) => {
     if (typeof nestedDoc === 'object' && nestedDoc) {
       if (Array.isArray(nestedDoc)) {

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

@@ -1,9 +1,7 @@
 ---
-import type CmsHeader from '@@sf/types/cms-header';
 import type { PageContext } from '@@sf/ssr-context';
-import Picture from '@@sf/ssr/Picture.astro';
 import PitchBar, { type Props as PitchBarProps } from '~/components/PitchBar.vue';
-import ShopHeader, { type Props as ShopHeaderProps } from '@@sf/components/ShopHeader.vue';
+import ShopHeader, { type Props as ShopHeaderProps } from '~/components/ShopHeader.vue';
 
 export interface Props {
   pageContext: PageContext;
@@ -14,20 +12,13 @@ const {
   pageContext: {
     isHomepage,
     apiState,
-    settings,
     cms,
   },
 } = Astro.props as Props;
-const header = cms('header') as CmsHeader &
-  { marketing_stripe?: { text: string, link: string }, logo?: string };
+const cmsHeader = await cms('header');
 const pitchBar: PitchBarProps = { slides: [] };
-if (header.pitch_bar) {
-  pitchBar.slides = header.pitch_bar;
-} else if (header.marketing_stripe) {
-  pitchBar.slides = [{
-    href: header.marketing_stripe.link,
-    html: header.marketing_stripe.text,
-  }];
+if (cmsHeader?.pitch_bar) {
+  pitchBar.slides = cmsHeader.pitch_bar;
 }
 const shopHeader: ShopHeaderProps = {
   categories: apiState.categories,
@@ -46,16 +37,7 @@ const LogoHeading = Astro.props.logoHeading || (isHomepage ? 'h1' : 'h2');
         <slot name="logo">
           <a href="/">
             <LogoHeading>
-              <slot name="logo-picture">
-                <Picture
-                  src={header.logo || settings.logo}
-                  alt={settings.name}
-                  widths={[300]}
-                  sizes="150px"
-                  fetchpriority="high"
-                  class="hover:drop-shadow-sm"
-                />
-              </slot>
+              <slot name="logo-picture" />
             </LogoHeading>
           </a>
         </slot>

package/packages/storefront/src/lib/scripts/firebase-app.ts

@@ -1,7 +1,20 @@
 import { initializeApp } from 'firebase/app';
+import {
+  getAuth,
+  onAuthStateChanged,
+  isSignInWithEmailLink,
+  signInWithEmailLink,
+  // updateProfile,
+} from 'firebase/auth';
 
-const app = initializeApp(window.firebaseConfig);
+const firebaseApp = initializeApp(window.firebaseConfig);
 
-export default app;
+export default firebaseApp;
 
-export const firebaseApp = app;
+export {
+  firebaseApp,
+  getAuth,
+  onAuthStateChanged,
+  isSignInWithEmailLink,
+  signInWithEmailLink,
+};

package/packages/storefront/src/lib/server-data.ts

@@ -0,0 +1,25 @@
+const {
+  settings,
+  context: apiContext,
+} = globalThis.storefront;
+
+const networkNames = [
+  'whatsapp',
+  'instagram',
+  'facebook',
+  'twitter',
+  'youtube',
+  'tiktok',
+  'pinterest',
+] as const;
+type NetworkName = typeof networkNames[number];
+const socialNetworks: Partial<Record<NetworkName, string>> = {};
+networkNames.forEach((network: NetworkName) => {
+  if (settings[network]) {
+    socialNetworks[network] = settings[network];
+  }
+});
+
+export { settings, apiContext, socialNetworks };
+
+export type { NetworkName };

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

@@ -1,7 +1,7 @@
 import type { AstroGlobal } from 'astro';
 import type { BaseConfig } from '@cloudcommerce/config';
 import type { CategoriesList, BrandsList } from '@cloudcommerce/api/types';
-import type CmsSettings from './types/cms-settings';
+import type { CMS, CmsSettings } from './cms';
 import { EventEmitter } from 'node:events';
 import api, { ApiError, ApiEndpoint } from '@cloudcommerce/api';
 import _getConfig from '../../storefront.config.mjs';
@@ -18,8 +18,7 @@ type StorefrontConfig = {
   settings: CmsSettings,
   dirContent: string,
   // eslint-disable-next-line no-unused-vars
-  cms: <T extends string>(filename: T) => T extends `${string}/`
-    ? Array<string> : Record<string, any>,
+  cms: CMS,
 };
 
 const emitter = new EventEmitter();
@@ -28,11 +27,6 @@ const getConfig: () => StorefrontConfig = _getConfig;
 declare global {
   // eslint-disable-next-line
   var api_prefetch_endpoints: ApiEndpoint[];
-  // eslint-disable-next-line
-  var storefront: {
-    settings: Partial<CmsSettings>,
-    onLoad: (callback: (...args: any[]) => void) => void,
-  };
 }
 if (!globalThis.api_prefetch_endpoints) {
   globalThis.api_prefetch_endpoints = ['categories'];
@@ -71,7 +65,7 @@ const loadPageContext = async (Astro: AstroGlobal, {
   const config = getConfig();
   globalThis.storefront.settings = config.settings;
   let cmsContent: Record<string, any> | undefined;
-  let apiResource: string | undefined;
+  let apiResource: 'products' | 'categories' | 'brands' | 'collections' | undefined;
   let apiDoc: Record<string, any> | undefined;
   const apiState: {
     categories?: CategoriesList,
@@ -88,7 +82,7 @@ const loadPageContext = async (Astro: AstroGlobal, {
   ];
   if (slug) {
     if (cmsCollection) {
-      cmsContent = config.cms(`${cmsCollection}/${slug}`);
+      cmsContent = await config.cms(`${cmsCollection}/${slug}`);
     } else {
       apiFetchings[0] = api.get(`slugs/${slug}`, apiOptions);
     }
@@ -134,6 +128,13 @@ const loadPageContext = async (Astro: AstroGlobal, {
   } else {
     setResponseCache(Astro, 120, 300);
   }
+  if (apiDoc) {
+    globalThis.storefront.context = {
+      resource: apiResource,
+      doc: apiDoc as any,
+      timestamp: Date.now(),
+    };
+  }
   const pageContext = {
     ...config,
     isHomepage,

package/packages/storefront/src/lib/state/customer-session.ts

@@ -1,16 +1,10 @@
 import type { Customers } from '@cloudcommerce/api/types';
+import type { Auth } from 'firebase/auth';
 import api from '@cloudcommerce/api';
 import { nickname as getNickname } from '@ecomplus/utils';
 import { computed } from 'vue';
-import {
-  getAuth,
-  onAuthStateChanged,
-  isSignInWithEmailLink,
-  signInWithEmailLink,
-  // updateProfile,
-} from 'firebase/auth';
+import requestIdleCallback from '../../helpers/idle-callback';
 import useStorage from './use-storage';
-import '../scripts/firebase-app';
 
 const storageKey = 'SESSION';
 const emptySession = {
@@ -44,18 +38,9 @@ const customerEmail = computed({
   },
 });
 
-const firebaseAuth = getAuth();
-if (isSignInWithEmailLink(firebaseAuth, window.location.href)) {
-  const urlParams = new URLSearchParams(window.location.search);
-  const email = urlParams.get('email');
-  if (email) {
-    signInWithEmailLink(firebaseAuth, email, window.location.href)
-      .catch(console.error);
-  }
-}
-
+let firebaseAuth: Auth;
 const isLogged = computed(() => {
-  return isAuthenticated.value || !!firebaseAuth.currentUser;
+  return isAuthenticated.value || !!firebaseAuth?.currentUser?.emailVerified;
 });
 const logout = () => {
   session.auth = emptySession.auth;
@@ -97,21 +82,56 @@ const fetchCustomer = async () => {
   return data;
 };
 
-onAuthStateChanged(firebaseAuth, async (user) => {
-  if (user) {
-    if (user.emailVerified) {
-      const isEmailChanged = user.email !== customerEmail.value;
-      if (isEmailChanged || !isAuthenticated.value) {
-        await authenticate();
-        if (isEmailChanged || !customerName.value) {
-          await fetchCustomer();
+let isAuthInitialized = false;
+const initializeFirebaseAuth = (canWaitIdle = !window.location.pathname.startsWith('/app/')) => {
+  if (import.meta.env.SSR || isAuthInitialized) return;
+  isAuthInitialized = true;
+  const runImport = () => import('../scripts/firebase-app')
+    .then(({
+      getAuth,
+      onAuthStateChanged,
+      isSignInWithEmailLink,
+      signInWithEmailLink,
+    }) => {
+      firebaseAuth = getAuth();
+      onAuthStateChanged(firebaseAuth, async (user) => {
+        if (user) {
+          if (user.displayName && !customerName.value) {
+            session.customer.display_name = user.displayName;
+          }
+          if (user.email && (!customerEmail.value || user.emailVerified)) {
+            session.customer.main_email = user.email;
+          }
+          if (user.emailVerified) {
+            const isEmailChanged = user.email !== customerEmail.value;
+            if (isEmailChanged || !isAuthenticated.value) {
+              await authenticate();
+              if (isEmailChanged || !customerName.value) {
+                await fetchCustomer();
+              }
+            }
+          }
+        } else {
+          logout();
+        }
+      });
+      if (isSignInWithEmailLink(firebaseAuth, window.location.href)) {
+        const urlParams = new URLSearchParams(window.location.search);
+        const email = urlParams.get('email');
+        if (email) {
+          signInWithEmailLink(firebaseAuth, email, window.location.href)
+            .then(() => window.localStorage.removeItem('emailForSignIn'))
+            .catch(console.error);
         }
       }
-    }
+    })
+    .catch(console.error);
+  if (canWaitIdle) {
+    requestIdleCallback(runImport);
   } else {
-    logout();
+    runImport();
   }
-});
+};
 
 export default session;
 
@@ -126,4 +146,5 @@ export {
   authenticate,
   getAccessToken,
   fetchCustomer,
+  initializeFirebaseAuth,
 };

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

@@ -8,6 +8,7 @@ import { formatMoney } from '@ecomplus/utils';
 import loadingGlobalInfoPreset from '@@sf/scripts/modules-info-preset';
 import utm from '@@sf/scripts/session-utm';
 import afetch from '../../helpers/afetch';
+import requestIdleCallback from '../../helpers/idle-callback';
 
 const emptyInfo = {
   list_payments: {},
@@ -140,11 +141,7 @@ if (!import.meta.env.SSR) {
         .catch(console.error);
     });
   };
-  if (typeof window.requestIdleCallback === 'function') {
-    window.requestIdleCallback(fetchInfo);
-  } else {
-    setTimeout(fetchInfo, 300);
-  }
+  requestIdleCallback(fetchInfo);
 }
 
 export default modulesInfo;
@@ -156,7 +153,7 @@ const parsePhrase = <T extends keyof typeof modulesInfo>(
   formatValue: (x: any) => string = formatMoney,
 ) => {
   return computed(() => {
-    const searchString = `{{${varName}}}`;
+    const searchString = `{${varName}}`;
     const index = phrase.indexOf(searchString);
     if (index > -1) {
       const fieldValue = modulesInfo[modName][varName];

package/packages/storefront/tailwind.config.cjs

@@ -40,14 +40,11 @@ let defaultThemeOptions = {
   iconAliases: {
     'shopping-cart': 'shopping-bag',
     cashback: 'arrow-uturn-left',
-    'chevron-right': 'chevron-right',
-    'chevron-left': 'chevron-left',
-    'chevron-up': 'chevron-up',
-    'chevron-down': 'chevron-down',
     menu: 'bars-3-bottom-left',
     search: 'magnifying-glass',
     account: 'user-circle',
     close: 'x-mark',
+    logout: 'arrow-right-on-rectangle',
   },
 };
 if (globalThis.storefront_theme_options) {

package/packages/types/index.ts

@@ -97,6 +97,13 @@ type CmsSettings = {
   currency: string,
   currency_symbol: string,
   country_code: string,
+  whatsapp?: string,
+  instagram?: string,
+  facebook?: string,
+  twitter?: string,
+  youtube?: string,
+  tiktok?: string,
+  pinterest?: string,
   modules?: {
     list_payments?: {
       installments_option?: Partial<ListPaymentsResponse['installments_option']>,

package/packages/types/package.json

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

package/pnpm-workspace.yaml

@@ -5,6 +5,6 @@ packages:
   - 'store'
   - 'store/*'
   - 'store/functions/*'
-  - 'ecomplus-stores/*'
-  - 'ecomplus-stores/*/*'
-  - 'ecomplus-stores/*/functions/*'
+  #- 'ecomplus-stores/*'
+  #- 'ecomplus-stores/*/*'
+  #- 'ecomplus-stores/*/functions/*'

package/packages/storefront/dist/client/_astro/PitchBar.004b6ea4.js

@@ -1 +0,0 @@
-import{v as O}from"./runtime-dom.esm-bundler.0e5774ce.js";import{p as U}from"./modules-info.0debb0b0.js";import{c as w,d as L,o as r,a as f,l as h,e as k,n as R,u as i,m as G,i as u,p as y,q as N,s as J,v as Q,x as X,y as Y,j as H,w as p,k as M,z as Z,A as ee,g as x,B as te,F as ae,C as se,b as oe}from"./runtime-core.esm-bundler.a0432a8e.js";import{u as ne,a as le,b as re}from"./index.2d12be6c.js";/* empty css                       */import"./session-utm.72684b84.js";import"./ecom-utils.92f137f6.js";const ue=s=>{const l=w(()=>s.slides.map(({html:t})=>U(t).value)),o=w(()=>l.value.filter(t=>t).length);return{parsedContents:l,countValidSlides:o}},D=Symbol("carousel"),ie=["aria-label","data-carousel-control"],_=L({__name:"CarouselControl",props:{direction:{default:1}},setup(s){const{changeSlide:l}=G(D);return(o,t)=>(r(),f("button",{type:"button","aria-label":s.direction>0?"Próximo":"Anterior",onClick:t[0]||(t[0]=n=>i(l)(s.direction)),"data-carousel-control":s.direction>0?"next":"previous"},[h(o.$slots,"default",{},()=>[k("i",{class:R(["m-0",s.direction>0?"i-chevron-right":"i-chevron-left"])},null,2)])],8,ie))}}),ce=L({__name:"Carousel",props:{as:{default:"ul"},modelValue:{default:1},autoplay:null},emits:["update:modelValue"],setup(s,{emit:l}){const o=s,t=u(o.modelValue-1);y(N(o,"modelValue"),e=>{t.value=e-1}),y(t,(e,a)=>{e!==a&&l("update:modelValue",e+1)});const n=u(null),{x:V,isScrolling:c,arrivedState:d}=ne(n),C=w(()=>d.left),S=w(()=>d.right),b=u([]),W=u(0),P=u(0),B=u(0),F=()=>{W.value=n.value.scrollWidth,P.value=n.value.offsetWidth},j=()=>{const e=[...n.value.children];b.value=e.map(a=>({offsetLeft:a.offsetLeft,width:a.offsetWidth}))},q=e=>{const a=e>0?t.value:t.value+e,E=b.value[a]?.width||0;return E?E*e:0},T=()=>{const e=b.value.findIndex(a=>Math.abs(a.offsetLeft-V.value)<=5);e>-1&&(t.value=e||0)},$=()=>{const e=W.value-P.value;B.value=b.value.findIndex(({offsetLeft:a})=>a>=e-5)};let v=null;const g=()=>{o.autoplay&&(clearTimeout(v),v=setTimeout(()=>{m(1)},o.autoplay))},m=e=>{if(e<0){if(C.value){$(),t.value=B.value-1,m(1);return}}else if(S.value){t.value=1,m(-1);return}const a=q(e);a&&(n.value.scrollBy({left:a,behavior:"smooth"}),g())};y(c,e=>{e?clearTimeout(v):(T(),g())});const I=u(null),K=le(I);y(K,e=>{e?clearTimeout(v):g()});const z=()=>{n.value&&(F(),j(),T(),$())},A=re(z,400);return J(()=>{z(),Q(()=>{[...n.value.children].forEach(e=>{e.setAttribute("tabindex","0")})}),g(),window.addEventListener("resize",A)}),X(()=>{window.removeEventListener("resize",A),clearTimeout(v)}),Y(D,{autoplay:N(o,"autoplay"),changeSlide:m,isBoundLeft:C,isBoundRight:S}),(e,a)=>(r(),f("div",{ref_key:"carousel",ref:I,"data-carousel":""},[(r(),H(M(s.as),{ref_key:"wrapper",ref:n,"data-carousel-wrapper":""},{default:p(()=>[h(e.$slots,"default")]),_:3},512)),h(e.$slots,"controls",Z(ee({changeSlide:m,isBoundLeft:i(C),isBoundRight:i(S),currentPage:t.value+1,pageCount:B.value+1})),()=>[x(_,{direction:-1},{default:p(()=>[h(e.$slots,"previous")]),_:3}),x(_,null,{default:p(()=>[h(e.$slots,"next")]),_:3})])],512))}}),de={class:"bg-base-100 relative z-1"},fe={class:"container md:w-2/3 mx-auto px-3 py-1"},pe=["innerHTML"],ve={class:"text-xl leading-none text-base-400"},_e=L({__name:"PitchBar",props:{slides:null},setup(s){const l=s,{parsedContents:o,countValidSlides:t}=ue(l);return(n,V)=>(r(),f("div",de,[k("div",fe,[x(ce,{autoplay:i(t)>1?7e3:null},{controls:p(()=>[te(k("div",ve,[x(_,{direction:-1,class:"pr-2 bg-base-100 hover:text-base-700"}),x(_,{class:"pl-2 bg-base-100 hover:text-base-700"})],512),[[O,i(t)>1]])]),default:p(()=>[(r(!0),f(ae,null,se(s.slides,(c,d)=>(r(),f("li",{key:d},[(r(),H(M(c.href?"ALink":"span"),{href:c.href,target:c.target,class:R(["inline-block px-8",c.href?"hover:underline":null])},{default:p(()=>[i(o)[d]?(r(),f("span",{key:0,innerHTML:i(o)[d],class:"prose text-sm text-base-800"},null,8,pe)):oe("",!0)]),_:2},1032,["href","target","class"]))]))),128))]),_:1},8,["autoplay"])])]))}});export{_e as default};

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

@@ -1 +0,0 @@
-import{_ as o}from"./Prices.vue_vue_type_script_setup_true_lang.ef47de70.js";/* empty css                       */import"./modules-info.0debb0b0.js";import"./session-utm.72684b84.js";import"./runtime-core.esm-bundler.a0432a8e.js";import"./ecom-utils.92f137f6.js";export{o as default};