@lancom/shared 0.0.411 → 0.0.413

package/components/product/product_banners/product-banners.scss

@@ -0,0 +1,10 @@
+@import "@/assets/scss/variables";
+
+.ProductBanners {
+  &__banner {
+    display: block;
+    img {
+      width: 100%;
+    }
+  }
+}

package/components/product/product_banners/product-banners.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="ProductBanners__wrapper">
+    <a :href="mainBanner.link" class="ProductBanners__banner">
+      <img :src="mainBanner.image.origin" :alt="mainBanner.label" />
+    </a>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+
+export default {
+  name: 'ProductBanners',
+  props: {
+    product: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    ...mapGetters(['shop']),
+    ...mapGetters('product', ['banners']),
+    mainBanner() {
+      const bannersItems = this.banners.reduce((items, banner) => ([...items, ...banner.items]), []);
+      const productBanner = bannersItems.find(item => item.products?.includes(this.product._id));
+      return productBanner || bannersItems[0];
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import 'product-banners';
+</style>

package/components/product/wizard/wizard.scss

@@ -28,6 +28,9 @@
       text-decoration: underline;
     }
   }
+  &__banners {
+    margin-top: 10px;
+  }
   &__print-types {
     display: flex;
     margin: 31px 0 36px -5px;
@@ -219,4 +222,4 @@
       }
     }
   }
-}
+}

package/components/product/wizard/wizard.vue

@@ -28,6 +28,9 @@
         {{ isVisible ? 'CANCEL PRINT' : 'ADD PRINT' }}
       </div>
     </div>
+    <div class="Wizard__banners">
+      <product-banners :product="product" />
+    </div>
     <div
       v-if="isVisible"
       class="Wizard__content"
@@ -119,6 +122,7 @@ import gtm from '@lancom/shared/assets/js/utils/gtm';
 import Info from '@lancom/shared/components/common/info-popover';
 import { getPrintAreaSizes } from '@lancom/shared/assets/js/utils/prints';
 import ProgressSteps from '@lancom/shared/components/common/progress_steps/progress-steps';
+import ProductBanners from '@lancom/shared/components/product/product_banners/product-banners';
 import WizardPrintArea from './wizard_print_area/wizard-print-area';
 import WizardPrintSize from './wizard_print_size/wizard-print-size';
 import WizardPrintType from './wizard_print_type/wizard-print-type';
@@ -143,6 +147,7 @@ export default {
   name: 'Editor',
   components: {
     ProgressSteps,
+    ProductBanners,
     WizardPrintArea,
     WizardPrintSize,
     WizardPrintType,
@@ -232,7 +237,7 @@ export default {
     },
     editLayer(layer) {
       this.clearWizardData();
-      
+
       this.setEditableLayers([layer]);
       const printArea = this.productPrintAreas.find(pa => pa._id === layer.printArea);
       this.addEditablePrintArea(printArea);

package/feeds/google-shopping.js

@@ -102,6 +102,10 @@ async function googleShoppingFeed(axios, config, availableStores, country, isEdi
                 info['g:gtin'] = { _text: sp.gtin || '' };
               }
 
+              if (sp.clearancePrice > 0) {
+                info['g:sale_price'] = { _text: `${(sp.clearancePrice)} ${sp.currencyCode || 'AUD'}` };
+              }
+
               if (sp.storeCode) {
                 info['g:store_code'] = { _text: sp.storeCode };
                 info['g:link_template'] = { _text: `${link}&store={store_code}` };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lancom/shared",
-  "version": "0.0.411",
+  "version": "0.0.413",
   "description": "lancom common scripts",
   "author": "e.tokovenko <e.tokovenko@gmail.com>",
   "repository": {

package/store/product.js

@@ -11,6 +11,7 @@ import { sortByName } from '../assets/js/utils/filters';
 
 export const state = () => ({
   multipack: null,
+  banners: [],
   calculatingPrice: false,
   loadingProductDetails: false,
   productDetailsKey: Date.now(),
@@ -64,6 +65,7 @@ export const getters = {
   editorSize: ({ editorSize }) => editorSize,
   template: ({ template }) => template,
   layers: ({ template }) => template.layers || [],
+  banners: ({ banners }) => banners || [],
   templateColors: ({ template }) => template.colors || [],
   hasLayers: ({ template }) => (template.layers || []).length > 0,
   visibleSteps: ({ template }) => template.visibleSteps,
@@ -166,6 +168,13 @@ export const actions = {
       const product = await api.fetchProduct(shop, slug, query);
       commit('setProduct', product);
 
+      const bannersParams = {
+        type: 'product view main',
+        product: product._id
+      };
+      const banners = await api.fetchBanners(shop, bannersParams) || [];
+      commit('setBanners', banners);
+
       const prints = (product.prints || []).filter(({ _id, printTemplate }) => _id === print || (!print && !!printTemplate));
       commit('setPreSetPrints', prints);
       if (prints?.length > 0) {
@@ -300,6 +309,9 @@ export const mutations = {
   setProduct(state, product) {
     state.product = product;
   },
+  setBanners(state, banners) {
+    state.banners = banners;
+  },
   setPriceIncludeGST(state, priceIncludeGST) {
     state.priceIncludeGST = priceIncludeGST;
   },