@lancom/shared 0.0.108 → 0.0.111

package/components/checkout/cart/cart.mixin.js

@@ -1,10 +1,16 @@
 import { mapGetters, mapActions, mapMutations } from 'vuex';
 import confirmModal from '@lancom/shared/mixins/confirm';
+import debounce from 'lodash.debounce';
 
 export default {
   mixins: [
     confirmModal
   ],
+  data() {
+    return {
+      calculateCartPriceWithDebounce: debounce(this.calculateCartPrice, 300)
+    };
+  },
   computed: {
     ...mapGetters(['shop']),
     ...mapGetters('auth', ['user']),
@@ -29,11 +35,11 @@ export default {
   },
   watch: {
     entities() {
-      this.calculateCartPrice({ shop: this.shop });
+      this.calculateCartPriceWithDebounce({ shop: this.shop });
     }
   },
   mounted() {
-    this.calculateCartPrice({ shop: this.shop });
+    this.calculateCartPriceWithDebounce({ shop: this.shop });
     if (!this.suburb && this.user?.suburb) {
       this.handleSuburbChange(this.user.suburb);
     }

package/components/checkout/cart/cart_entity/cart_entity_color_simple_products/cart_entity_color_simple_product/cart-entity-color-simple-product.vue

@@ -82,7 +82,7 @@ export default {
           const message = `Maximum value: ${this.simpleProduct.quantityStock}`;
           this.showConfirmationModal(message);
         }
-        this.setSimpleProductAmountWithDebounce({
+        this.setSimpleProductAmount({
           guid: this.simpleProduct.guid,
           amount: this.formatAmount(value),
           shop: this.shop

package/components/product/product_reviews/product-reviews.scss

@@ -20,11 +20,7 @@
       display: none !important;
     }
     ::v-deep .slick-list {
-      padding: 10px 71px 20px 71px;
       min-height: 205px;
-      @media (max-width: $bp-extra-small-max) {
-        padding: 10px 51px 20px 51px;
-      }
     }
     ::v-deep .slick-arrow.slick-prev,
     ::v-deep .slick-arrow.slick-next {

package/components/product/product_reviews/product_review/product-review.scss

@@ -2,7 +2,10 @@
 
 .ProductReview {
   &__wrapper {
-    margin-top: 14px;
+    padding: 25px 71px 20px 71px;
+    @media (max-width: $bp-extra-small-max) {
+      padding: 15px 51px 10px 51px;
+    }
   }
   &__mark {
     margin-top: 10px;

package/components/the_navbar/the-navbar.scss

@@ -20,6 +20,10 @@
         height: $mobile_navbar_height + $mobile_notification_bar_height;
       }
     }
+    p {
+      margin: 0 !important;
+      padding: 0 !important;
+    }
   }
   &__notification {
     background-color: $black;
@@ -30,6 +34,7 @@
     &-close {
       position: absolute;
       right: 20px;
+      top: 10px;
       cursor: pointer;
       color: $black;
     }

package/components/the_navbar/the-navbar.vue

@@ -9,8 +9,7 @@
         v-if="notificationBar.enabled"
         class="TheNavbar__notification lc_regular12"
         :style="{
-          'background-color': notificationBar.backgroundColor,
-          color: notificationBar.textColor
+          'background-color': notificationBar.backgroundColor
         }">
         <span v-html="notificationBar.text"></span>
         <span

package/nuxt.config.js

@@ -99,8 +99,11 @@ module.exports = (config, axios) => ({
               const catalogFrontImages = (product.images || []).filter(i => (i.types || []).includes('catalog_front')).map(i => i.image);
               const image = spliceFirstImage(feedImages) || spliceFirstImage(frontImages) || spliceFirstImage(catalogFrontImages) || spliceFirstImage(backImages) || {};
               const images = getImages(backImages) || getImages(frontImages) || [];
+              const title = product.feedTitle 
+                ? product.feedTitle.replace('{colour}', sp.color.name).replace('{size}', sp.size.name).replace('{brand}', product.brand.name)
+                : `${product.name} ${sp.color.name}`;
               const info = {
-                title: { _text: `${product.name} ${sp.color.name}` },
+                title: { _text: title },
                 description: { _text: product.description || product.fabricInfoShort || product.name },
                 link: { _text: `https://${config.HOST_NAME}/${product.brand.alias}/${product.productType.alias}/${product.alias}?color=${sp.color.alias}` },
                 'g:id': { _text: sp.SKU },

package/package.json

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

package/store/product.js

@@ -138,7 +138,7 @@ export const actions = {
       const [first] = (product.printAreas || []);
       if (first) {
         commit('setEditablePrintArea', first);
-        commit('setSelectedPrintArea', { printArea: first._id, size: first.printSize.alias });
+        commit('setSelectedPrintArea', { printArea: first._id, size: first.printSize });
       }
     } catch (e) {
       const { status, data } = e?.response || {};