cloudcommerce 0.2.0 → 0.2.2

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "main": "src/index.js",
   "repository": {
@@ -40,11 +40,11 @@
     "@iconify-json/heroicons": "^1.1.8",
     "@iconify-json/logos": "^1.1.22",
     "@vite-pwa/astro": "^0.0.1",
-    "@vueuse/core": "^9.10.0",
+    "@vueuse/core": "^9.11.1",
     "astro": "^1.9.2",
     "chroma-js": "^2.4.2",
     "dotenv": "^16.0.3",
-    "firebase": "^9.15.0",
+    "firebase": "^9.16.0",
     "image-size": "^1.0.2",
     "lodash": "^4.17.21",
     "semver": "^7.3.8",

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

@@ -249,6 +249,7 @@ provide(carouselKey, {
   position: absolute;
   top: 0;
   bottom: 0;
+  z-index: 1;
 }
 [data-carousel-control=previous] {
   left: 0;

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

@@ -21,7 +21,7 @@ const { changeSlide } = inject(carouselKey);
   >
     <slot>
       <i
-        class="mb-0 z-10"
+        class="m-0"
         :class="direction > 0 ? 'i-chevron-right' : 'i-chevron-left'"
       ></i>
     </slot>

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

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { computed } from 'vue';
+import { parseShippingPhrase } from '@@sf/state/modules-info';
 import Carousel from '@@sf/components/Carousel.vue';
 import CarouselControl from '@@sf/components/CarouselControl.vue';
 
@@ -10,27 +12,42 @@ export interface Props {
   }>;
 }
 
-defineProps<Props>();
+const props = defineProps<Props>();
+const parsedContents = computed(() => {
+  return props.slides.map(({ html }) => {
+    return parseShippingPhrase(html).value;
+  });
+});
+const countValidSlides = computed(() => {
+  return parsedContents.value.filter((html) => html).length;
+});
 </script>
 
 <template>
   <div data-pitch-bar class="bg-base-100">
     <div class="container md:w-2/3 mx-auto px-3 py-1">
-      <Carousel :autoplay="7000">
-        <li v-for="({ href, target, html }, i) in slides" :key="i">
+      <Carousel :autoplay="countValidSlides > 1 ? 7000 : null">
+        <li v-for="(slide, i) in slides" :key="i">
           <component
-            :is="href ? 'ALink' : 'span'"
-            :href="href"
-            :target="target"
-            :class="href ? 'hover:underline' : null"
+            :is="slide.href ? 'ALink' : 'span'"
+            :href="slide.href"
+            :target="slide.target"
+            :class="slide.href ? 'hover:underline' : null"
           >
-            <slot name="slide">
-              <span v-html="html" class="prose text-sm text-base-800"></span>
+            <slot name="slide" v-bind="{ slide, i, parsedContents }">
+              <span
+                v-if="parsedContents[i]"
+                v-html="parsedContents[i]"
+                class="prose text-sm text-base-800"
+              ></span>
             </slot>
           </component>
         </li>
         <template #controls>
-          <div class="text-xl leading-none text-base-400">
+          <div
+            v-show="countValidSlides > 1"
+            class="text-xl leading-none text-base-400"
+          >
             <CarouselControl
               :direction="-1"
               class="pr-2 bg-base-100 hover:text-base-700"

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

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import type { ImgHTMLAttributes } from 'vue';
+import { toRefs } from 'vue';
+
+export interface Props {
+  logo?: ImgHTMLAttributes;
+  logoAltHeading?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | null;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  logoAltHeading: 'h2',
+});
+const { logo } = toRefs(props);
+</script>
+
+<template>
+  <header class="header bg-opacity-90 backdrop-blur-md
+    sticky top-0 z-50 py-1 sm:py-2" data-sticky-header>
+    <div class="container">
+      <div class="grid grid-flow-col auto-cols-max justify-between items-center">
+        <slot name="aside">
+          <div class="header__aside md:hidden">
+            <div class="i-bars-3-bottom-left"></div>
+          </div>
+        </slot>
+        <slot name="logo" v-bind="{ logo }">
+          <a v-if="logo" href="/">
+            <component :is="(logo.alt && logoAltHeading) || 'span'" class="m-0">
+              <img v-bind="logo" />
+            </component>
+          </a>
+        </slot>
+        <div class="flex items-center">
+          <slot name="actions">
+            <slot name="nav" />
+            <slot name="search" />
+            <slot name="buttons" />
+          </slot>
+        </div>
+      </div>
+    </div>
+  </header>
+</template>

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

@@ -20,10 +20,16 @@ const cmsCustomCode = cms('code') as CmsCode;
   <BaseStateJson pageContext={pageContext} />
   {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>
   <slot name="before-head-end" />
 </head>
 <BaseBody pageContext={pageContext}>
   <slot />
   {cmsCustomCode.html_body && <Fragment set:html={cmsCustomCode.html_body} />}
+  <slot name="base-body-scripts">
+    <script src="../scripts/session-utm"></script>
+  </slot>
   <slot name="before-body-end" />
 </BaseBody>

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

@@ -13,6 +13,5 @@ export interface Props {
 
 <body>
   <slot />
-  <script src="../scripts/session-utm"></script>
   <slot name="before-body-end" />
 </body>

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

@@ -3,23 +3,25 @@ import type { Categories } from '@cloudcommerce/api/types';
 import type CmsHeader from '@@sf/types/cms-header';
 import type CmsContacts from '@@sf/types/cms-contacts';
 import type { PageContext } from '@@sf/ssr-context';
-import { i19buyOnWhatsApp } from '@@i18n';
-import { getImage } from '@@sf/ssr/image';
+import Picture from '@@sf/ssr/Picture.astro';
 import PitchBar, { Props as PitchBarProps } from '@@sf/components/PitchBar.vue';
+import StickyHeader from '@@sf/components/StickyHeader.vue';
 
 export interface Props {
   pageContext: PageContext;
+  logoHeading?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | null;
 }
 
 const {
   pageContext: {
+    isHomepage,
     apiState,
     settings,
     cms,
   },
 } = Astro.props as Props;
 const header = cms('header') as CmsHeader &
-  { marketing_stripe?: { text: string, link: string } };
+  { marketing_stripe?: { text: string, link: string }, logo?: string };
 const pitchBar: PitchBarProps = { slides: [] };
 if (header.pitch_bar) {
   pitchBar.slides = header.pitch_bar;
@@ -29,10 +31,29 @@ if (header.pitch_bar) {
     html: header.marketing_stripe.text,
   }];
 }
+const logoSrc = header.logo || settings.logo;
+const LogoHeading = Astro.props.logoHeading || (isHomepage ? 'h1' : 'h2');
 ---
 
 <Fragment>
   <slot name="pitch-bar">
     {pitchBar.slides.length && <PitchBar {...pitchBar} client:idle />}
   </slot>
+  <slot name="sticky-header">
+    <StickyHeader>
+      <Fragment slot="logo">
+        <slot name="logo">
+          <LogoHeading>
+            <Picture
+              src={logoSrc}
+              alt={settings.name}
+              widths={[300]}
+              sizes="150px"
+              fetchpriority="high"
+            />
+          </LogoHeading>
+        </slot>
+      </Fragment>
+    </StickyHeader>
+  </slot>
 </Fragment>

package/packages/storefront/src/lib/scripts/modules-info-preset.ts

@@ -0,0 +1,60 @@
+type ModulesInfoPreset = typeof window.storefront.modulesInfoPreset;
+
+const checkObjNotNull = (obj: { [k: string]: any }) => {
+  return Object.values(obj).filter((val) => val).length;
+};
+
+const getModulesInfoPreset = (settingsModules = globalThis.storefront.settings.modules) => {
+  const modulesInfoPreset: ModulesInfoPreset = {};
+  if (settingsModules) {
+    const settingsPayments = settingsModules.list_payments;
+    if (settingsPayments) {
+      const settingsDiscount = settingsPayments.discount_option;
+      if (settingsDiscount && checkObjNotNull(settingsDiscount)) {
+        modulesInfoPreset.list_payments = { discount_option: settingsDiscount };
+      }
+
+      const settingsInstallments = settingsPayments.installments_option;
+      if (settingsInstallments?.max_number) {
+        if (!modulesInfoPreset.list_payments) modulesInfoPreset.list_payments = {};
+        modulesInfoPreset.list_payments.installments_option = settingsInstallments as
+          { max_number: number };
+      }
+
+      const settingsPointsPrograms = settingsPayments.loyalty_points_programs || {};
+      if (!Object.keys(settingsPointsPrograms).length) {
+        const pointsProgram = { ...settingsPayments.loyalty_points_program };
+        if (pointsProgram?.id && pointsProgram.ratio) {
+          const { id } = pointsProgram;
+          delete pointsProgram.id;
+          settingsPointsPrograms[id] = pointsProgram as { ratio: number };
+        }
+      }
+      if (Object.keys(settingsPointsPrograms).length) {
+        if (!modulesInfoPreset.list_payments) modulesInfoPreset.list_payments = {};
+        modulesInfoPreset.list_payments.loyalty_points_programs = settingsPointsPrograms;
+      }
+    }
+
+    const settingsShipping = settingsModules.calculate_shipping;
+    if (settingsShipping && settingsShipping.free_shipping_from_value) {
+      modulesInfoPreset.calculate_shipping = settingsShipping;
+    }
+  }
+  return modulesInfoPreset;
+};
+
+const loadingGlobalInfoPreset: Promise<ModulesInfoPreset> = new Promise((resolve) => {
+  if (import.meta.env.SSR) {
+    global.storefront.onLoad(() => {
+      resolve(getModulesInfoPreset());
+    });
+  } else {
+    window.storefront.modulesInfoPreset = getModulesInfoPreset();
+    resolve(window.storefront.modulesInfoPreset);
+  }
+});
+
+export default loadingGlobalInfoPreset;
+
+export { getModulesInfoPreset, loadingGlobalInfoPreset };

package/packages/storefront/src/lib/ssr/Picture.astro

@@ -0,0 +1,13 @@
+---
+import { Picture } from '@astrojs/image/components';
+import { getAspectRatio } from '@@sf/ssr/image';
+
+export type Props = Parameters<typeof Picture>[0];
+
+const props = Astro.props as Props;
+if (!props.aspectRatio && typeof props.src === 'string') {
+  props.aspectRatio = getAspectRatio(props.src);
+}
+---
+
+<Picture {...props} />

package/packages/storefront/src/lib/ssr/image.ts

@@ -15,6 +15,16 @@ const tryImageSize = (src: string) => {
   return dimensions;
 };
 
+const getAspectRatio = (src: string | { width?: number, height?: number }) => {
+  if (typeof src === 'string') {
+    src = tryImageSize(src);
+  }
+  if (src.width) {
+    return src.height ? src.width / src.height : 1;
+  }
+  return 0;
+};
+
 type TransformOptions = Omit<Parameters<typeof _getImage>[0], 'alt'> & {
   isLowResolution?: boolean,
   alt?: string,
@@ -38,7 +48,7 @@ const getImage = async (options: TransformOptions) => {
       if (!options.width) {
         options.width = width;
       }
-      options.aspectRatio = height ? width / height : 1;
+      options.aspectRatio = getAspectRatio({ width, height });
     }
   }
   const imgAttrs = await _getImage({ alt: '', ...options });
@@ -55,4 +65,4 @@ const getImage = async (options: TransformOptions) => {
 
 export default getImage;
 
-export { tryImageSize, getImage };
+export { tryImageSize, getAspectRatio, getImage };

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

@@ -2,6 +2,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 { EventEmitter } from 'node:events';
 import api, { ApiError, ApiEndpoint } from '@cloudcommerce/api';
 import _getConfig from '../../storefront.config.mjs';
 
@@ -21,19 +22,28 @@ type StorefrontConfig = {
     ? Array<string> : Record<string, any>,
 };
 
+const emitter = new EventEmitter();
 const getConfig: () => StorefrontConfig = _getConfig;
 
 declare global {
   // eslint-disable-next-line
   var api_prefetch_endpoints: ApiEndpoint[];
   // eslint-disable-next-line
-  var storefront: { settings: Partial<CmsSettings> };
+  var storefront: {
+    settings: Partial<CmsSettings>,
+    onLoad: (callback: (...args: any[]) => void) => void,
+  };
 }
 if (!globalThis.api_prefetch_endpoints) {
   globalThis.api_prefetch_endpoints = ['categories'];
 }
 if (!globalThis.storefront) {
-  globalThis.storefront = { settings: {} };
+  globalThis.storefront = {
+    settings: {},
+    onLoad(callback: (...args: any[]) => void) {
+      emitter.on('load', callback);
+    },
+  };
 }
 
 type ApiPrefetchEndpoints = Array<ApiEndpoint>;
@@ -56,6 +66,7 @@ const loadPageContext = async (Astro: AstroGlobal, {
 } = {}) => {
   const startedAt = Date.now();
   const urlPath = Astro.url.pathname;
+  const isHomepage = urlPath === '/';
   const { slug } = Astro.params;
   const config = getConfig();
   globalThis.storefront.settings = config.settings;
@@ -118,18 +129,21 @@ const loadPageContext = async (Astro: AstroGlobal, {
   Astro.response.headers.set('X-Load-Took', String(Date.now() - startedAt));
   if (urlPath === '/fallback') {
     setResponseCache(Astro, 3600, 86400);
-  } else if (urlPath === '/') {
+  } else if (isHomepage) {
     setResponseCache(Astro, 180, 300);
   } else {
     setResponseCache(Astro, 120, 300);
   }
-  return {
+  const pageContext = {
     ...config,
+    isHomepage,
     cmsContent,
     apiResource,
     apiDoc,
     apiState,
   };
+  emitter.emit('load', pageContext);
+  return pageContext;
 };
 
 export default loadPageContext;

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

@@ -3,9 +3,11 @@ import type {
   CalculateShippingResponse,
   ApplyDiscountResponse,
 } from '@cloudcommerce/types';
-import { reactive } from 'vue';
+import { reactive, computed } from 'vue';
+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 utm from '../scripts/session-utm';
 
 const emptyInfo = {
   list_payments: {},
@@ -25,31 +27,28 @@ const modulesInfo = reactive<{
     available_extra_discount?: ApplyDiscountResponse['available_extra_discount'],
   },
 }>(emptyInfo);
+loadingGlobalInfoPreset.then((modulesInfoPreset) => {
+  Object.assign(modulesInfo, modulesInfoPreset);
+});
 
 if (!import.meta.env.SSR) {
   const storageKey = 'MODULES_INFO';
   const sessionJson = sessionStorage.getItem(storageKey);
-  let persistedValue;
   if (sessionJson) {
     try {
-      persistedValue = JSON.parse(sessionJson);
-      if (persistedValue.__timestamp < Date.now() - 1000 * 60 * 5) {
-        persistedValue = null;
+      const persistedValue = JSON.parse(sessionJson);
+      if (persistedValue.__timestamp >= Date.now() - 1000 * 60 * 5) {
+        delete persistedValue.__timestamp;
+        Object.assign(modulesInfo, persistedValue);
+      } else {
         sessionStorage.removeItem(storageKey);
       }
-      delete persistedValue.__timestamp;
     } catch (e) {
       sessionStorage.removeItem(storageKey);
     }
   }
 
-  if (persistedValue?.list_payments) {
-    Object.assign(modulesInfo, persistedValue);
-  } else {
-    const modulesInfoPreset = window.storefront?.modulesInfoPreset;
-    if (modulesInfoPreset) {
-      Object.assign(modulesInfo, modulesInfoPreset);
-    }
+  const fetchInfo = () => {
     const modulesToFetch: { modName: string, reqOptions?: Record<string, any> }[] = [];
     ['list_payments', 'calculate_shipping'].forEach((modName) => {
       if (!Object.keys(modulesInfo[modName]).length) {
@@ -140,7 +139,38 @@ if (!import.meta.env.SSR) {
         })
         .catch(console.error);
     });
+  };
+  if (typeof window.requestIdleCallback === 'function') {
+    window.requestIdleCallback(fetchInfo);
+  } else {
+    setTimeout(fetchInfo, 300);
   }
 }
 
 export default modulesInfo;
+
+const parsePhrase = <T extends keyof typeof modulesInfo>(
+  phrase: string,
+  modName: T,
+  varName: string & keyof typeof modulesInfo[T],
+  formatValue: (x: any) => string = formatMoney,
+) => {
+  return computed(() => {
+    const searchString = `{{${varName}}}`;
+    const index = phrase.indexOf(searchString);
+    if (index > -1) {
+      const fieldValue = modulesInfo[modName][varName];
+      if (fieldValue) {
+        const replacement = formatValue(fieldValue);
+        return phrase.substring(0, index) + replacement
+          + phrase.substring(index + searchString.length);
+      }
+      return '';
+    }
+    return phrase;
+  });
+};
+
+export const parseShippingPhrase = (phrase: string) => {
+  return parsePhrase(phrase, 'calculate_shipping', 'free_shipping_from_value');
+};

package/packages/storefront/src/lib/types/cms-settings.d.ts

@@ -1,6 +1,7 @@
 import { CmsSettings as _CmsSettings } from '@cloudcommerce/types';
 
-type CmsSettings = _CmsSettings & typeof import('content/settings.json');
+type CmsSettings = _CmsSettings &
+  Omit<typeof import('content/settings.json'), keyof _CmsSettings>;
 
 export default CmsSettings;
 

package/packages/storefront/storefront.config.mjs

@@ -1,3 +1,5 @@
+import { readFileSync } from 'node:fs';
+import { join as joinPath } from 'node:path';
 import config from '@cloudcommerce/config';
 import getCMS from './config/storefront.cms.mjs';
 
@@ -7,14 +9,6 @@ export default () => {
     config.set({ storeId: Number(VITE_ECOM_STORE_ID) });
   }
 
-  const {
-    storeId,
-    lang,
-    countryCode,
-    currency,
-    currencySymbol,
-  } = config.get();
-
   const {
     domain,
     primaryColor,
@@ -24,6 +18,24 @@ export default () => {
   } = getCMS();
   config.set({ cmsSettings: settings });
 
+  let { storeId } = config.get();
+  if (!storeId) {
+    const configFilepath = joinPath(process.cwd(), 'config.json');
+    try {
+      const mergeConfig = JSON.parse(readFileSync(configFilepath), 'utf8');
+      if (mergeConfig.storeId) {
+        storeId = mergeConfig.storeId;
+        config.set({ storeId });
+      }
+    } catch { /* */ }
+  }
+  const {
+    lang,
+    countryCode,
+    currency,
+    currencySymbol,
+  } = config.get();
+
   return {
     storeId,
     lang,

package/packages/storefront/tailwind.config.cjs

@@ -66,7 +66,7 @@ Object.keys(brandColors).forEach((colorName) => {
   const luminance = color.luminance();
   if (luminance >= 0.1) {
     subtle = chroma(hex).brighten(1.5);
-    bold = chroma(hex).darken(1.5);
+    bold = chroma(hex).darken(1.25);
   } else if (luminance > 0.03) {
     subtle = chroma(hex).brighten();
     bold = chroma(hex).darken();

package/packages/types/index.ts

@@ -96,6 +96,23 @@ type CmsSettings = {
   currency: string,
   currency_symbol: string,
   country_code: string,
+  modules?: {
+    list_payments?: {
+      installments_option?: Partial<ListPaymentsResponse['installments_option']>,
+      discount_option?: Partial<ListPaymentsResponse['discount_option']>,
+      loyalty_points_program?: Partial<
+        Exclude<ListPaymentsResponse['loyalty_points_programs'], undefined>[''] & {
+          id: string,
+        }>,
+      loyalty_points_programs?: ListPaymentsResponse['loyalty_points_programs'],
+    },
+    calculate_shipping?: {
+      free_shipping_from_value?: CalculateShippingResponse['free_shipping_from_value'] | null,
+    },
+    apply_discount?: {
+      available_extra_discount?: Partial<ApplyDiscountResponse['available_extra_discount']>,
+    },
+  },
 };
 
 export type {

package/packages/types/package.json

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

package/packages/storefront/dist/client/PitchBar.afe7ff5c.js

@@ -1 +0,0 @@
-import{u as le,q as ye,s as he,k as m,v as R,d as D,o as O,a as j,b as S,f as F,x as ue,y as _e,z as K,A as Oe,B as Te,C as we,D as Se,l as ce,w as x,p as de,n as xe,g as Ee,i as L,F as Ie,E as $e}from"./chunks/runtime-core.esm-bundler.fa6cdb60.js";/* empty css                              */var A=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function je(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var fe=je,Le=typeof A=="object"&&A&&A.Object===Object&&A,Pe=Le,Ce=Pe,Be=typeof self=="object"&&self&&self.Object===Object&&self,We=Ce||Be||Function("return this")(),ve=We,ke=ve,Ne=function(){return ke.Date.now()},Ae=Ne,Re=/\s/;function Fe(e){for(var t=e.length;t--&&Re.test(e.charAt(t)););return t}var Me=Fe,Ge=Me,Qe=/^\s+/;function Ve(e){return e&&e.slice(0,Ge(e)+1).replace(Qe,"")}var He=Ve,Ue=ve,ze=Ue.Symbol,pe=ze,X=pe,me=Object.prototype,De=me.hasOwnProperty,qe=me.toString,$=X?X.toStringTag:void 0;function Ke(e){var t=De.call(e,$),n=e[$];try{e[$]=void 0;var a=!0}catch{}var u=qe.call(e);return a&&(t?e[$]=n:delete e[$]),u}var Xe=Ke,Ze=Object.prototype,Je=Ze.toString;function Ye(e){return Je.call(e)}var et=Ye,Z=pe,tt=Xe,nt=et,rt="[object Null]",at="[object Undefined]",J=Z?Z.toStringTag:void 0;function ot(e){return e==null?e===void 0?at:rt:J&&J in Object(e)?tt(e):nt(e)}var st=ot;function it(e){return e!=null&&typeof e=="object"}var lt=it,ut=st,ct=lt,dt="[object Symbol]";function ft(e){return typeof e=="symbol"||ct(e)&&ut(e)==dt}var vt=ft,pt=He,Y=fe,mt=vt,ee=0/0,bt=/^[-+]0x[0-9a-f]+$/i,gt=/^0b[01]+$/i,yt=/^0o[0-7]+$/i,ht=parseInt;function _t(e){if(typeof e=="number")return e;if(mt(e))return ee;if(Y(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=Y(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=gt.test(e);return n||yt.test(e)?ht(e.slice(2),n?2:8):bt.test(e)?ee:+e}var Ot=_t,Tt=fe,H=Ae,te=Ot,wt="Expected a function",St=Math.max,xt=Math.min;function Et(e,t,n){var a,u,v,i,o,d,p=0,c=!1,f=!1,b=!0;if(typeof e!="function")throw new TypeError(wt);t=te(t)||0,Tt(n)&&(c=!!n.leading,f="maxWait"in n,v=f?St(te(n.maxWait)||0,t):v,b="trailing"in n?!!n.trailing:b);function y(s){var g=a,h=u;return a=u=void 0,p=s,i=e.apply(h,g),i}function C(s){return p=s,o=setTimeout(_,t),c?y(s):i}function E(s){var g=s-d,h=s-p,W=t-g;return f?xt(W,v-h):W}function T(s){var g=s-d,h=s-p;return d===void 0||g>=t||g<0||f&&h>=v}function _(){var s=H();if(T(s))return B(s);o=setTimeout(_,E(s))}function B(s){return o=void 0,b&&a?y(s):(a=u=void 0,i)}function G(){o!==void 0&&clearTimeout(o),p=0,a=d=u=o=void 0}function Q(){return o===void 0?i:B(H())}function w(){var s=H(),g=T(s);if(a=arguments,u=this,d=s,g){if(o===void 0)return C(d);if(f)return clearTimeout(o),o=setTimeout(_,t),y(d)}return o===void 0&&(o=setTimeout(_,t)),i}return w.cancel=G,w.flush=Q,w}var ne=Et,re;const P=typeof window<"u",It=e=>typeof e=="string",$t=()=>{};P&&((re=window?.navigator)==null?void 0:re.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function jt(e){return typeof e=="function"?e():le(e)}function Lt(e){return e}function Pt(e){return ye()?(he(e),!0):!1}function Ct(e){var t;const n=jt(e);return(t=n?.$el)!=null?t:n}const Bt=P?window:void 0;P&&window.document;P&&window.navigator;P&&window.location;function ae(...e){let t,n,a,u;if(It(e[0])||Array.isArray(e[0])?([n,a,u]=e,t=Bt):[t,n,a,u]=e,!t)return $t;Array.isArray(n)||(n=[n]),Array.isArray(a)||(a=[a]);const v=[],i=()=>{v.forEach(c=>c()),v.length=0},o=(c,f,b)=>(c.addEventListener(f,b,u),()=>c.removeEventListener(f,b,u)),d=R(()=>Ct(t),c=>{i(),c&&v.push(...n.flatMap(f=>a.map(b=>o(c,f,b))))},{immediate:!0,flush:"post"}),p=()=>{d(),i()};return Pt(p),p}const U=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},z="__vueuse_ssr_handlers__";U[z]=U[z]||{};U[z];function Wt(e){const t=m(!1);return ae(e,"mouseenter",()=>t.value=!0),ae(e,"mouseleave",()=>t.value=!1),t}var oe;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(oe||(oe={}));var kt=Object.defineProperty,se=Object.getOwnPropertySymbols,Nt=Object.prototype.hasOwnProperty,At=Object.prototype.propertyIsEnumerable,ie=(e,t,n)=>t in e?kt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Rt=(e,t)=>{for(var n in t||(t={}))Nt.call(t,n)&&ie(e,n,t[n]);if(se)for(var n of se(t))At.call(t,n)&&ie(e,n,t[n]);return e};const Ft={easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]};Rt({linear:Lt},Ft);const be=Symbol("carousel"),Mt=["aria-label","data-carousel-control"],M=D({__name:"CarouselControl",props:{direction:{default:1}},setup(e){const{changeSlide:t}=_e(be);return(n,a)=>(O(),j("button",{type:"button","aria-label":e.direction>0?"Pr\xF3ximo":"Anterior",onClick:a[0]||(a[0]=u=>le(t)(e.direction)),"data-carousel-control":e.direction>0?"next":"previous"},[S(n.$slots,"default",{},()=>[F("i",{class:ue(["mb-0 z-10",e.direction>0?"i-chevron-right":"i-chevron-left"])},null,2)])],8,Mt))}}),Gt=D({__name:"Carousel",props:{as:{default:"ul"},modelValue:{default:1},autoplay:null},emits:["update:modelValue","bound-left","bound-right"],setup(e,{emit:t}){const n=e,a=(r,l,N)=>Math.abs(r-l)<=N,u=100,v=410,i=m(n.modelValue-1);R(K(n,"modelValue"),r=>{i.value=r-1}),R(i,(r,l)=>{r!==l&&t("update:modelValue",r+1)});const o=m(null),d=m(!0),p=m(!1),c=m([]),f=m(0),b=m(0),y=m(0),C=m(0),E=m(null),T=m(null),_=()=>{const r=a(y.value,0,5),l=a(f.value-b.value,y.value,5);r&&t("bound-left",!0),d.value=r,l&&t("bound-right",!0),p.value=l},B=()=>{f.value=o.value.scrollWidth,b.value=o.value.offsetWidth},G=()=>{const r=[...o.value.children];c.value=r.map(l=>({offsetLeft:l.offsetLeft,width:l.offsetWidth}))},Q=r=>{const l=r>0?i.value:i.value+r,N=c.value[l].width||0;return N?N*r:0},w=()=>{const r=c.value.findIndex(l=>a(l.offsetLeft,y.value,5));r!==-1&&r!==-2&&(i.value=r||0)},s=()=>{y.value=o.value.scrollLeft||0},g=()=>{const r=f.value-b.value;C.value=c.value.findIndex(({offsetLeft:l})=>l>=r)},h=()=>{!o.value||(B(),G(),s(),w(),_(),g())},W=()=>{!o.value||(s(),w(),_())};let k=null;const V=()=>{n.autoplay&&(clearTimeout(k),k=setTimeout(()=>{I(1)},n.autoplay))},I=r=>{if(r<0){if(d.value){g(),i.value=C.value-1,I(1);return}}else if(p.value){i.value=1,I(-1);return}const l=Q(r);l&&(o.value.scrollBy({left:l,behavior:"smooth"}),V())},q=m(null),ge=Wt(q);return R(ge,r=>{r?clearTimeout(k):V()}),Oe(()=>{h(),T.value=ne(W,u),E.value=ne(h,v),o.value.addEventListener("scroll",T.value),window.addEventListener("resize",E.value),Te(()=>{[...o.value.children].forEach(r=>{r.setAttribute("tabindex","0")})}),V()}),we(()=>{o.value.removeEventListener("scroll",T.value),window.removeEventListener("resize",E.value),clearTimeout(k)}),Se(be,{autoplay:K(n,"autoplay"),changeSlide:I,isBoundLeft:d,isBoundRight:p}),(r,l)=>(O(),j("div",{ref_key:"carousel",ref:q,"data-carousel":""},[(O(),ce(de(e.as),{ref_key:"wrapper",ref:o,"data-carousel-wrapper":""},{default:x(()=>[S(r.$slots,"default")]),_:3},512)),S(r.$slots,"controls",xe(Ee({changeSlide:I,isBoundLeft:d.value,isBoundRight:p.value})),()=>[L(M,{direction:-1},{default:x(()=>[S(r.$slots,"previous")]),_:3}),L(M,null,{default:x(()=>[S(r.$slots,"next")]),_:3})])],512))}}),Qt={"data-pitch-bar":"",class:"bg-base-100"},Vt={class:"container md:w-2/3 mx-auto px-3 py-1"},Ht=["innerHTML"],Ut={class:"text-xl leading-none text-base-400"},qt=D({__name:"PitchBar",props:{slides:null},setup(e){return(t,n)=>(O(),j("div",Qt,[F("div",Vt,[L(Gt,{autoplay:7e3},{controls:x(()=>[F("div",Ut,[L(M,{direction:-1,class:"pr-2 bg-base-100 hover:text-base-700"}),L(M,{class:"pl-2 bg-base-100 hover:text-base-700"})])]),default:x(()=>[(O(!0),j(Ie,null,$e(e.slides,({href:a,target:u,html:v},i)=>(O(),j("li",{key:i},[(O(),ce(de(a?"ALink":"span"),{href:a,target:u,class:ue(a?"hover:underline":null)},{default:x(()=>[S(t.$slots,"slide",{},()=>[F("span",{innerHTML:v,class:"prose text-sm text-base-800"},null,8,Ht)])]),_:2},1032,["href","target","class"]))]))),128))]),_:3})])]))}});export{qt as default};

package/packages/storefront/dist/client/Prices.eaf8a32c.js

@@ -1 +0,0 @@
-import"./chunks/Prices.vue_vue_type_script_setup_true_lang.781b6501.js";import{_}from"./chunks/Prices.vue_vue_type_script_setup_true_lang.781b6501.js";/* empty css                              */import"./chunks/session-utm.2de8b604.js";import"./chunks/runtime-core.esm-bundler.fa6cdb60.js";import"./chunks/ecom-utils.63984324.js";export{_ as default};

package/packages/storefront/dist/client/ProductCard.1106b153.js

@@ -1 +0,0 @@
-import{_ as e}from"./chunks/Prices.vue_vue_type_script_setup_true_lang.781b6501.js";/* empty css                              */import{d as u,k as c,l as n,w as t,p as d,o as m,i as a,h as l,t as o}from"./chunks/runtime-core.esm-bundler.fa6cdb60.js";import"./chunks/session-utm.2de8b604.js";import"./chunks/ecom-utils.63984324.js";const h=u({__name:"ProductCard",props:{as:{default:"div"}},setup(p){const s=c(12),r=c(!1);return setTimeout(()=>{s.value=8,r.value=!0},5e3),(_,f)=>(m(),n(d(p.as),null,{default:t(()=>[a(e,null,{default:t(({salePrice:i})=>[l(" ProductCard "+o(i),1)]),_:1}),a(e,{product:{price:s.value}},null,8,["product"]),a(e,{price:12,"base-price":17}),a(e,{price:12,"base-price":16,"is-literal":!0}),a(e,{price:12,"is-big":r.value},null,8,["is-big"]),a(e,{price:14,"base-price":18,"is-big":r.value,"is-literal":!0},null,8,["is-big"]),a(e,{price:12,"base-price":16},{"compare-value":t(({comparePrice:i})=>[l(" x"+o(i),1)]),_:1})]),_:1}))}});export{h as default};

package/packages/storefront/dist/client/chunks/Prices.vue_vue_type_script_setup_true_lang.781b6501.js

@@ -1 +0,0 @@
-import{u as T}from"./session-utm.2de8b604.js";import{r as M,c as u,d as z,a as _,u as e,b as c,n as $,m as L,e as h,g as D,o as v,f as O,t as y,h as W,i as B,w as A,j as R}from"./runtime-core.esm-bundler.fa6cdb60.js";import{g as S,c as q}from"./ecom-utils.63984324.js";const K=(n,r,m=1e4)=>{let d,t;m&&(d=new AbortController,t=setTimeout(()=>{d.abort()},m)),r?.body&&typeof r.body=="object"&&(r.body=JSON.stringify(r.body),r.headers={...r.headers,"Content-Type":"application/json","Content-Length":r.body.length.toString()});const p=fetch(n,{...r,signal:d?.signal});return p.finally(()=>{t&&clearTimeout(t)}),p},U={list_payments:{},calculate_shipping:{},apply_discount:{}},I=M(U);{const n="MODULES_INFO",r=sessionStorage.getItem(n);let m;if(r)try{m=JSON.parse(r),m.__timestamp<Date.now()-1e3*60*5&&(m=null,sessionStorage.removeItem(n)),delete m.__timestamp}catch{sessionStorage.removeItem(n)}if(m?.list_payments)Object.assign(I,m);else{const d=window.storefront?.modulesInfoPreset;d&&Object.assign(I,d);const t=[];["list_payments","calculate_shipping"].forEach(p=>{Object.keys(I[p]).length||t.push({modName:p})}),Object.keys(T).length&&t.push({modName:"apply_discount",reqOptions:{method:"post",body:{utm:T}}}),t.forEach(({modName:p,reqOptions:g})=>{K(`/api/modules/${p}`,g).then(async b=>{if(b.ok){const i={};I[p]=i;const{result:V}=await b.json();Array.isArray(V)&&V.forEach(({error:k,response:f})=>{if(!k){let s,l;switch(p){case"calculate_shipping":s="free_shipping_from_value",l=f[s],typeof l=="number"&&(i[s]===void 0||l<i[s])&&(i[s]=l);break;case"list_payments":s="installments_option",l=f[s],l&&(!i[s]||l.monthly_interest<i[s].monthly_interest||l.max_number>i[s].max_number)&&(i[s]=l),s="discount_option",l=f[s],l&&(!i[s]||l.value>i[s].value)&&f.payment_gateways.forEach(({discount:a})=>{a&&a.apply_at!=="freight"&&a.value===l.value&&(i[s]={apply_at:a.apply_at,...l})}),s="loyalty_points_programs",l=f[s],l&&(i[s]={...i[s],...l});break;default:s="available_extra_discount",l=f[s],l&&(!i[s]||l.value>i[s].value)&&(i[s]=l)}}}),sessionStorage.setItem(n,JSON.stringify({...I,__timestamp:Date.now()}))}}).catch(console.error)})}}const F=(n,r)=>{const{type:m,value:d}=r;let t;return d?(m==="percentage"?t=n*((100-d)/100):t=n-d,t>0?t:0):n},G=n=>{const r=u(()=>n.product||{price:n.price||0,base_price:n.basePrice}),m=u(()=>{const{variations:o}=r.value;if(o){const P=S(r.value);for(let j=0;j<o.length;j++)if(S({...r.value,...o[j]})>P)return!0}return!1}),d=u(()=>I.apply_discount.available_extra_discount),t=u(()=>{const o=S(r.value),P=d.value;return P&&(!P.min_amount||o>P.min_amount)?F(o,P):o}),p=u(()=>{if(q(r.value))return r.value.base_price;const o=S(r.value);return o>t.value?o:0}),g=u(()=>n.installmentsOption||I.list_payments.installments_option||{max_number:1}),b=u(()=>{if(g.value.max_number<=1)return 1;const o=g.value.min_installment||5,P=Math.round(t.value/o);return Math.min(P,g.value.max_number)}),i=u(()=>g.value.monthly_interest||0),V=u(()=>{if(b.value>=2){if(!i.value)return t.value/b.value;const o=i.value/100;return t.value*o/(1-(1+o)**-b.value)}return 0}),k=u(()=>{const o=n.discountOption||I.list_payments.discount_option;return o&&(!o.min_amount||o.min_amount<=t.value)&&(!n.isAmountTotal||o.apply_at==="total")?o:{}}),f=u(()=>{const{label:o}=k.value;return o?o.includes(" ")?o:`via ${o}`:""}),s=u(()=>F(t.value,k.value)),l=u(()=>{if(n.loyaltyPointsProgram)return n.loyaltyPointsProgram;const o=I.list_payments.loyalty_points_programs;if(o){const P=Object.keys(o);for(let j=0;j<P.length;j++){const N=o[P[j]];if(N&&N.earn_percentage>0)return N}}return{ratio:0}}),a=u(()=>l.value.min_subtotal_to_earn||0),E=u(()=>l.value.name||""),w=u(()=>l.value.earn_percentage||0),C=u(()=>w.value*l.value.ratio),J=u(()=>C.value>=1?t.value*(C.value/100):0);return{hasVariedPrices:m,salePrice:t,comparePrice:p,installmentsObject:g,installmentsNumber:b,monthlyInterest:i,installmentValue:V,discountObject:k,discountLabel:f,priceWithDiscount:s,pointsProgramObject:l,pointsMinPrice:a,pointsProgramName:E,earnPointsPercentage:w,cashbackPercentage:C,cashbackValue:J}},H=n=>u(()=>{let r="";return Object.keys(n).forEach(m=>{n[m]===!0&&(r+=` ${m.replace(/^(is|has)/,"")}`)}),r.slice(1)}),Q=["data-prices"],X={"data-prices-compare":"",class:"text-base-500 mr-1"},Y={key:0},Z={key:0},x={"data-prices-sale":"",class:"inline-block text-base-800"},ee={key:0},te={key:0,"data-prices-cashback":"",class:"relative z-10"},se=["data-tooltip"],ae=O("i",{class:"i-cashback mr-1"},null,-1),ne={class:"font-medium"},oe=O("small",null," cashback",-1),le={key:0,"data-prices-installment":""},re={key:0},ie={key:0},ce={key:0},ue={key:0,"data-prices-discount":""},me={key:0},pe={key:0},fe=z({__name:"Prices",props:{product:null,price:null,basePrice:null,isAmountTotal:{type:Boolean},installmentsOption:null,discountOption:null,isBig:{type:Boolean},isLiteral:{type:Boolean},hasCashback:{type:Boolean,default:!0},hasPriceOptions:{type:Boolean,default:!0}},setup(n){const r=n,m=G(r),{hasVariedPrices:d,salePrice:t,comparePrice:p,cashbackPercentage:g,cashbackValue:b,installmentsNumber:i,monthlyInterest:V,installmentValue:k,priceWithDiscount:f,discountLabel:s}=m,l=H(r);return(a,E)=>{const w=R("Fade");return v(),_("div",{"data-prices":e(l),class:"text-base-600"},[e(p)?c(a.$slots,"compare",$(L({key:0},{salePrice:e(t),comparePrice:e(p)})),()=>[O("span",X,[c(a.$slots,"compare-pre",{},()=>[n.isLiteral?(v(),_("small",Y,y("De "))):h("",!0)]),c(a.$slots,"compare-value",$(D({salePrice:e(t),comparePrice:e(p)})),()=>[O("s",null,y(a.$money(e(p))),1)]),c(a.$slots,"compare-post",{},()=>[n.isLiteral?(v(),_("small",Z,y(" Por"))):h("",!0)])])]):h("",!0),c(a.$slots,"sale",$(D({salePrice:e(t)})),()=>[O("strong",x,[c(a.$slots,"sale-pre",{},()=>[e(d)?(v(),_("small",ee,y("A partir de "))):h("",!0)]),c(a.$slots,"sale-value",$(D({salePrice:e(t)})),()=>[W(y(a.$money(e(t))),1)]),c(a.$slots,"sale-post")])]),e(b)?c(a.$slots,"cashback",$(L({key:1},{salePrice:e(t),cashbackValue:e(b),cashbackPercentage:e(g)})),()=>[B(w,{slide:"down"},{default:A(()=>[n.hasCashback?(v(),_("div",te,[O("span",{"data-tooltip":"Receba $1 de volta".replace("$1",a.$percentage(e(g)))},[c(a.$slots,"cashback-pre",{},()=>[ae]),c(a.$slots,"cashback-value",$(D({salePrice:e(t),cashbackValue:e(b),cashbackPercentage:e(g)})),()=>[O("span",ne,y(a.$money(e(b))),1)]),c(a.$slots,"cashback-post",{},()=>[oe])],8,se)])):h("",!0)]),_:3})]):h("",!0),e(k)?c(a.$slots,"installment",$(L({key:2},{salePrice:e(t),installmentValue:e(k),installmentsNumber:e(i),monthlyInterest:e(V)})),()=>[B(w,{slide:"down"},{default:A(()=>[n.hasPriceOptions?(v(),_("div",le,[c(a.$slots,"installment-pre",{},()=>[n.isLiteral?(v(),_("small",re,y("At\xE9 "))):h("",!0)]),c(a.$slots,"installment-value",$(D({salePrice:e(t),installmentValue:e(k),installmentsNumber:e(i),monthlyInterest:e(V)})),()=>[W(y(e(i))+"x ",1),n.isLiteral?(v(),_("small",ie,y(" De "))):h("",!0),O("span",null,y(a.$money(e(k))),1)]),c(a.$slots,"installment-post",{},()=>[!e(V)&&n.isLiteral?(v(),_("small",ce,y("Sem juros"))):h("",!0)])])):h("",!0)]),_:3})]):h("",!0),e(f)<e(t)?c(a.$slots,"discount",$(L({key:3},{salePrice:e(t),priceWithDiscount:e(f),discountLabel:e(s)})),()=>[B(w,{slide:"down"},{default:A(()=>[n.hasPriceOptions?(v(),_("div",ue,[c(a.$slots,"discount-pre",{},()=>[e(s)?h("",!0):(v(),_("small",me,y("A partir de ")))]),c(a.$slots,"discount-value",$(D({salePrice:e(t),priceWithDiscount:e(f),discountLabel:e(s)})),()=>[O("span",null,y(a.$money(e(f))),1)]),c(a.$slots,"discount-post",{},()=>[e(s)?(v(),_("small",pe,y(` ${e(s)}`),1)):h("",!0)])])):h("",!0)]),_:3})]):h("",!0)],8,Q)}}});export{fe as _};