cloudcommerce 0.1.5 → 0.1.7

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "main": "src/index.js",
   "repository": {
@@ -15,9 +15,6 @@
     "url": "https://github.com/ecomplus/cloud-commerce/issues"
   },
   "homepage": "https://github.com/ecomplus/cloud-commerce/tree/main/packages/storefront#readme",
-  "engines": {
-    "node": ">=16"
-  },
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev --host",
@@ -40,14 +37,16 @@
     "@fastify/deepmerge": "^1.3.0",
     "@headlessui/vue": "^1.7.7",
     "@iconify-json/fa6-brands": "^1.1.8",
-    "@iconify-json/heroicons": "^1.1.6",
-    "@iconify-json/logos": "^1.1.19",
+    "@iconify-json/heroicons": "^1.1.8",
+    "@iconify-json/logos": "^1.1.21",
     "@vueuse/core": "^9.9.0",
-    "astro": "^1.7.2",
+    "astro": "^1.8.0",
     "chroma-js": "^2.4.2",
     "dotenv": "^16.0.3",
     "firebase": "^9.15.0",
     "image-size": "^1.0.2",
+    "semver": "^7.3.8",
+    "sharp": "^0.31.3",
     "tailwindcss": "^3.2.4",
     "unocss": "^0.48.0",
     "vite": "^3.2.5",

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

@@ -1,11 +1,10 @@
 <script setup lang="ts">
-import type { Products, Carts, ListPaymentsResponse } from '@cloudcommerce/types';
+import type { Products, ListPaymentsResponse } from '@cloudcommerce/types';
 import usePrices from '@@sf/composables/use-prices';
 import useComponentVariant from '@@sf/composables/use-component-variant';
-import { ref } from 'vue';
 
 export interface Props {
-  product?: Partial<Carts['items'][0]> & Partial<Products> & { price: Products['price'] };
+  product?: Partial<Products> & { price: number, final_price?: number };
   price?: number;
   basePrice?: number;
   isAmountTotal?: boolean,
@@ -26,8 +25,8 @@ const {
   hasVariedPrices,
   salePrice,
   comparePrice,
-  earnPointsPercentage,
-  pointsCashback,
+  cashbackPercentage,
+  cashbackValue,
   installmentsNumber,
   monthlyInterest,
   installmentValue,
@@ -35,112 +34,128 @@ const {
   discountLabel,
 } = prices;
 const componentVariant = useComponentVariant(props);
-const isFade = ref(false);
-setTimeout(() => {
-  isFade.value = true;
-  setTimeout(() => {
-    isFade.value = false;
-  }, 5000);
-}, 5000);
 </script>
 
 <template>
-  <slot v-bind="prices">
-    <div :data-sf-prices="componentVariant" class="text-base-600">
-      <slot v-if="comparePrice" name="compare" v-bind="prices">
-        <span :data-sf-prices-compare="comparePrice" class="text-base-500 mr-1">
-          <slot name="compare-pre">
+  <div :data-sf-prices="componentVariant" class="text-base-600">
+    <slot v-if="comparePrice" name="compare" v-bind="{ salePrice, comparePrice }">
+      <span :data-sf-prices-compare="comparePrice" class="text-base-500 mr-1">
+        <slot name="compare-pre">
+          <small v-if="isLiteral">
+            {{ `${$t.i19from} ` }}
+          </small>
+        </slot>
+        <slot name="compare-value" v-bind="{ salePrice, comparePrice }">
+          <s>{{ $money(comparePrice) }}</s>
+        </slot>
+        <slot name="compare-post">
+          <small v-if="isLiteral">
+            {{ ` ${$t.i19to}` }}
+          </small>
+        </slot>
+      </span>
+    </slot>
+    <slot name="sale" v-bind="{ salePrice }">
+      <strong :data-sf-prices-sale="salePrice" class="inline-block text-base-800">
+        <slot name="sale-pre">
+          <small v-if="hasVariedPrices">
+            {{ `${$t.i19asOf} ` }}
+          </small>
+        </slot>
+        <slot name="sale-value" v-bind="{ salePrice }">
+          {{ $money(salePrice) }}
+        </slot>
+        <slot name="sale-post" />
+      </strong>
+    </slot>
+    <slot
+      v-if="cashbackValue"
+      name="cashback"
+      v-bind="{ salePrice, cashbackValue, cashbackPercentage }"
+    >
+      <Fade slide="down">
+        <div
+          v-if="hasCashback"
+          :data-sf-prices-cashback="cashbackValue"
+          class="relative z-10"
+        >
+          <span :data-tooltip="$t.i19get$1back
+            .replace('$1', $percentage(cashbackPercentage))">
+            <slot name="cashback-pre">
+              <i class="i-cashback mr-1"></i>
+            </slot>
+            <slot
+              name="cashback-value"
+              v-bind="{ salePrice, cashbackValue, cashbackPercentage }"
+            >
+              <span class="font-medium">
+                {{ $money(cashbackValue) }}
+              </span>
+            </slot>
+            <slot name="cashback-post">
+              <small> cashback</small>
+            </slot>
+          </span>
+        </div>
+      </Fade>
+    </slot>
+    <slot
+      v-if="installmentValue"
+      name="installment"
+      v-bind="{ salePrice, installmentValue, installmentsNumber, monthlyInterest }"
+    >
+      <Fade slide="down">
+        <div v-if="hasPriceOptions" :data-sf-prices-installment="installmentValue">
+          <slot name="installment-pre">
             <small v-if="isLiteral">
-              {{ `${$t.i19from} ` }}
+              {{ `${$t.i19upTo} ` }}
             </small>
           </slot>
-          <slot name="compare-value" v-bind="prices">
-            <s>{{ $money(comparePrice) }}</s>
-          </slot>
-          <slot name="compare-post">
+          <slot
+            name="installment-value"
+            v-bind="{ salePrice, installmentValue, installmentsNumber, monthlyInterest }"
+          >
+            {{ installmentsNumber }}x
             <small v-if="isLiteral">
-              {{ ` ${$t.i19to}` }}
+              {{ ` ${$t.i19of} ` }}
             </small>
+            <span>{{ $money(installmentValue) }}</span>
           </slot>
-        </span>
-      </slot>
-      <slot name="sale" v-bind="prices">
-        <strong :data-sf-prices-sale="salePrice" class="inline-block text-base-800">
-          <slot name="sale-pre">
-            <small v-if="hasVariedPrices">
+          <slot name="installment-post">
+            <small v-if="!monthlyInterest && isLiteral">
+              {{ $t.i19interestFree }}
+            </small>
+          </slot>
+        </div>
+      </Fade>
+    </slot>
+    <slot
+      v-if="priceWithDiscount < salePrice"
+      name="discount"
+      v-bind="{ salePrice, priceWithDiscount, discountLabel }"
+    >
+      <Fade slide="down">
+        <div v-if="hasPriceOptions" :data-sf-prices-discount="priceWithDiscount">
+          <slot name="discount-pre">
+            <small v-if="!discountLabel">
               {{ `${$t.i19asOf} ` }}
             </small>
           </slot>
-          <slot name="sale-value" v-bind="prices">
-            {{ $money(salePrice) }}
+          <slot
+            name="discount-value"
+            v-bind="{ salePrice, priceWithDiscount, discountLabel }"
+          >
+            <span>{{ $money(priceWithDiscount) }}</span>
           </slot>
-          <slot name="sale-post" />
-        </strong>
-      </slot>
-      <slot v-if="pointsCashback" name="cashback" v-bind="prices">
-        <Fade slide="down">
-          <div v-if="hasCashback" :data-sf-prices-cashback="pointsCashback">
-            <span :data-tooltip="$t.i19get$1back
-              .replace('$1', $percentage(earnPointsPercentage))">
-              <slot name="cashback-pre">
-                <i class="i-cashback mr-1"></i>
-              </slot>
-              <slot name="cashback-value" v-bind="prices">
-                <span class="font-medium">
-                  {{ $money(pointsCashback) }}
-                </span>
-              </slot>
-              <slot name="cashback-post">
-                <small> cashback</small>
-              </slot>
-            </span>
-          </div>
-        </Fade>
-      </slot>
-      <slot v-if="installmentValue" name="installment" v-bind="prices">
-        <Fade slide="down">
-          <div v-if="hasPriceOptions" :data-sf-prices-installment="installmentValue">
-            <slot name="installment-pre">
-              <small v-if="isLiteral">
-                {{ `${$t.i19upTo} ` }}
-              </small>
-            </slot>
-            <slot name="installment-value" v-bind="prices">
-              {{ installmentsNumber }}x
-              <small v-if="isLiteral">
-                {{ ` ${$t.i19of} ` }}
-              </small>
-              <span>{{ $money(installmentValue) }}</span>
-            </slot>
-            <slot name="installment-post">
-              <small v-if="!monthlyInterest && isLiteral">
-                {{ $t.i19interestFree }}
-              </small>
-            </slot>
-          </div>
-        </Fade>
-      </slot>
-      <slot v-if="priceWithDiscount < salePrice" name="discount" v-bind="prices">
-        <Fade slide="down">
-          <div v-if="hasPriceOptions" :data-sf-prices-discount="priceWithDiscount">
-            <slot name="discount-pre">
-              <small v-if="!discountLabel">
-                {{ `${$t.i19asOf} ` }}
-              </small>
-            </slot>
-            <slot name="discount-value" v-bind="prices">
-              <span>{{ $money(priceWithDiscount) }}</span>
-            </slot>
-            <slot name="discount-post">
-              <small v-if="discountLabel">
-                {{ ` ${discountLabel}` }}
-              </small>
-            </slot>
-          </div>
-        </Fade>
-      </slot>
-    </div>
-  </slot>
+          <slot name="discount-post">
+            <small v-if="discountLabel">
+              {{ ` ${discountLabel}` }}
+            </small>
+          </slot>
+        </div>
+      </Fade>
+    </slot>
+  </div>
 </template>
 
 <style>

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

@@ -1,10 +1,10 @@
-import type { Products, Carts, ListPaymentsResponse } from '@cloudcommerce/types';
+import type { Products, ListPaymentsResponse } from '@cloudcommerce/types';
 import { computed } from 'vue';
 import { price as getPrice, onPromotion as checkOnPromotion } from '@ecomplus/utils';
 import modulesInfo from '@@sf/state/modules-info';
 
 export interface Props {
-  product?: Partial<Carts['items'][0]> & Partial<Products> & { price: Products['price'] };
+  product?: Partial<Products> & { price: number, final_price?: number };
   price?: number;
   basePrice?: number;
   isAmountTotal?: boolean,
@@ -90,7 +90,7 @@ export default (props: Props) => {
   });
   const installmentValue = computed(() => {
     if (installmentsNumber.value >= 2) {
-      if (monthlyInterest.value) {
+      if (!monthlyInterest.value) {
         return salePrice.value / installmentsNumber.value;
       }
       const interest = monthlyInterest.value / 100;
@@ -112,7 +112,14 @@ export default (props: Props) => {
     return {};
   });
   const discountLabel = computed(() => {
-    return discountObject.value.label || '';
+    const { label } = discountObject.value;
+    if (label) {
+      if (label.includes(' ')) {
+        return label;
+      }
+      return `via ${label}`;
+    }
+    return '';
   });
   const priceWithDiscount = computed(() => {
     return getPriceWithDiscount(salePrice.value, discountObject.value);
@@ -126,7 +133,7 @@ export default (props: Props) => {
     if (pointsPrograms) {
       const programIds = Object.keys(pointsPrograms);
       for (let i = 0; i < programIds.length; i++) {
-        const program = pointsPrograms[i];
+        const program = pointsPrograms[programIds[i]];
         if (program && program.earn_percentage > 0) {
           return program;
         }
@@ -143,12 +150,12 @@ export default (props: Props) => {
   const earnPointsPercentage = computed(() => {
     return pointsProgramObject.value.earn_percentage || 0;
   });
-  const earnPointsFactor = computed(() => {
-    return earnPointsPercentage.value / 100;
+  const cashbackPercentage = computed(() => {
+    return earnPointsPercentage.value * pointsProgramObject.value.ratio;
   });
-  const pointsCashback = computed(() => {
-    return earnPointsFactor.value > 0
-      ? salePrice.value * earnPointsFactor.value : 0;
+  const cashbackValue = computed(() => {
+    return cashbackPercentage.value >= 1
+      ? salePrice.value * (cashbackPercentage.value / 100) : 0;
   });
 
   return {
@@ -166,7 +173,7 @@ export default (props: Props) => {
     pointsMinPrice,
     pointsProgramName,
     earnPointsPercentage,
-    earnPointsFactor,
-    pointsCashback,
+    cashbackPercentage,
+    cashbackValue,
   };
 };

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

@@ -15,8 +15,9 @@ const tryImageSize = (src: string) => {
   return dimensions;
 };
 
-type TransformOptions = Parameters<typeof _getImage>[0] & {
+type TransformOptions = Omit<Parameters<typeof _getImage>[0], 'alt'> & {
   isLowResolution?: boolean,
+  alt?: string,
 };
 const getImage = async (options: TransformOptions) => {
   if (!options.isLowResolution) {
@@ -40,7 +41,7 @@ const getImage = async (options: TransformOptions) => {
       options.aspectRatio = height ? width / height : 1;
     }
   }
-  const imgAttrs = await _getImage(options);
+  const imgAttrs = await _getImage({ alt: '', ...options });
   imgAttrs.src += imgAttrs.src.includes('?') ? '&' : '?';
   imgAttrs.src += `V=${import.meta.env.DEPLOY_RAND || '_'}`;
   if (typeof imgAttrs.width === 'number') {

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

@@ -46,10 +46,16 @@ if (!import.meta.env.SSR) {
   if (persistedValue?.list_payments) {
     Object.assign(modulesInfo, persistedValue);
   } else {
-    const modulesToFetch: { modName: string, reqOptions?: Record<string, any> }[] = [
-      { modName: 'list_payments' },
-      { modName: 'calculate_shipping' },
-    ];
+    const modulesInfoPreset = window.storefront?.modulesInfoPreset;
+    if (modulesInfoPreset) {
+      Object.assign(modulesInfo, modulesInfoPreset);
+    }
+    const modulesToFetch: { modName: string, reqOptions?: Record<string, any> }[] = [];
+    ['list_payments', 'calculate_shipping'].forEach((modName) => {
+      if (!Object.keys(modulesInfo[modName]).length) {
+        modulesToFetch.push({ modName });
+      }
+    });
     if (Object.keys(utm).length) {
       modulesToFetch.push({
         modName: 'apply_discount',

package/packages/types/package.json

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

package/ecomplus-stores/monocard/functions/ssr/.nvmrc

@@ -1 +0,0 @@
-16

package/ecomplus-stores/tia-sonia/functions/ssr/.nvmrc

@@ -1 +0,0 @@
-16

package/ecomplus-stores/tia-sonia/functions/ssr/src/scripts/InlineScripts.astro

@@ -1,10 +0,0 @@
-<script is:inline>
-  window.firebaseConfig = {
-    apiKey: "AIzaSyDZ5QPJaLZM1bxEJyGbyK1weoBZ1TiLgFc",
-    authDomain: "ecom2-tiasonia.firebaseapp.com",
-    projectId: "ecom2-tiasonia",
-    storageBucket: "ecom2-tiasonia.appspot.com",
-    messagingSenderId: "895718193792",
-    appId: "1:895718193792:web:1d4fd74466248202994465"
-  };
-</script>

package/packages/storefront/.nvmrc

@@ -1 +0,0 @@
-16

package/packages/storefront/dist/client/HeaderButtons.300c19e5.js

@@ -1 +0,0 @@
-import{_ as a}from"./chunks/HeaderButtons.1abd5bf4.js";import"./chunks/preload-helper.1de719f8.js";import"./chunks/_plugin-vue_export-helper.fc452b02.js";import"./chunks/runtime-core.esm-bundler.b4556b35.js";/* empty css                              */export{a as default};

package/packages/storefront/dist/client/Prices.6c44a513.js

@@ -1 +0,0 @@
-import"./chunks/Prices.vue_vue_type_script_setup_true_lang.e4525076.js";import{_ as s}from"./chunks/Prices.vue_vue_type_script_setup_true_lang.e4525076.js";/* empty css                              */import"./chunks/session-utm.2de8b604.js";import"./chunks/runtime-core.esm-bundler.b4556b35.js";import"./chunks/price.ecf7fed4.js";import"./chunks/ecom-utils.b0a26608.js";export{s as default};

package/packages/storefront/dist/client/ProductCard.69bba7fc.js

@@ -1 +0,0 @@
-import{_ as e}from"./chunks/Prices.vue_vue_type_script_setup_true_lang.e4525076.js";/* empty css                              */import{d as u,a as o,l as n,w as t,p as m,o as d,j as a,i as c,t as l}from"./chunks/runtime-core.esm-bundler.b4556b35.js";import"./chunks/session-utm.2de8b604.js";import"./chunks/price.ecf7fed4.js";import"./chunks/ecom-utils.b0a26608.js";const h=u({__name:"ProductCard",props:{as:{default:"div"}},setup(p){const s=o(12),r=o(!1);return setTimeout(()=>{s.value=8,r.value=!0},5e3),(_,f)=>(d(),n(m(p.as),null,{default:t(()=>[a(e,null,{default:t(({salePrice:i})=>[c(" ProductCard "+l(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})=>[c(" x"+l(i),1)]),_:1})]),_:1}))}});export{h as default};

package/packages/storefront/dist/client/chunks/Prices.vue_vue_type_script_setup_true_lang.e4525076.js

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