@lancom/shared 0.0.107 → 0.0.110

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/common/coupon_select/coupon-select.vue

@@ -45,13 +45,15 @@
       </span>
     </validation-provider>
     <div v-if="value">
-      <div class="mt-10 lc_h4">
+      <div
+        v-if="isValidPricing"
+        class="lc_h4">
         {{ value.value | price }} OFF
       </div>
       <div
-        v-if="value.minOrderValue"
-        class="mt-10 lc_caption">
-        Min Order For Coupon: {{ value.minOrderValue | price }}
+        v-else
+        class="lc_caption form-help is-danger">
+        Invalid coupon: Min Order for Coupon: {{ value.minOrderValue | price }}
       </div>
     </div>
   </div>
@@ -71,6 +73,9 @@ export default {
     value: {
       type: Object
     },
+    pricing: {
+      type: Object
+    },
     labelText: {
       type: String,
       default: 'Coupon'
@@ -85,6 +90,9 @@ export default {
   },
   computed: {
     ...mapGetters(['shop']),
+    isValidPricing() {
+      return !this.value.minOrderValue || this.pricing.coupon;
+    },
     model: {
       get() {
         return this.value?.code;

package/components/common/postcode_select/postcode-select.vue

@@ -127,7 +127,7 @@ export default {
       set(option) {
         this.selected = option;
         this.$emit('input', option.value);
-        this.$emit('select', this.suburbs.find(({ postcode }) => postcode === option.value));
+        this.$emit('select', this.suburbs.find(({ _id }) => _id === option._id));
       }
     }
   },
@@ -149,10 +149,11 @@ export default {
         this.options = [];
       }
     },
-    createOptionFromSuburb({ locality, state, postcode, city }) {
+    createOptionFromSuburb({ locality, state, postcode, city, _id }) {
       return {
         label: [locality || city, state, postcode].filter(i => !!i).join(', '),
-        value: postcode
+        value: postcode,
+        _id: _id
       };
     }
   }

package/components/editor/editor_layers/editor_layers_toolbar/editor-layers-toolbar.vue

@@ -104,7 +104,6 @@ export default {
       this.$emit('layer-added', { layer, toEditMode: true });
     },
     async handleUploaded({ url, size }) {
-      debugger
       const layer = await this.createLayer({ type: 'art', url, size });
       this.$emit('layer-added', { layer, toEditMode: false });
     }

package/components/products/products_autocomplete/products-autocomplete.vue

@@ -8,6 +8,10 @@
         placeholder="Search products"
         type="text"
         class="form-field no-label tiny-placeholder labelless"
+        autocomplete="off"
+        autocorrect="off"
+        autocapitalize="off"
+        spellcheck="false"
         @input="searchWithDebounce"
         @focus="showResults"
         @blur="hideResults" />

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/package.json

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