@lancom/shared 0.0.150 → 0.0.152

package/assets/js/utils/prints.js

@@ -1,3 +1,5 @@
+import { generateGUID } from '@lancom/shared/assets/js/utils/guid';
+
 export function getPrintAreasSizes(printAreas, side) {
   return printAreas
     .filter(printArea => !side || printArea.side === side)
@@ -38,6 +40,7 @@ export function getPrintsFromLayers(layers, product) {
       const { setupCost, printCost, freeSetupOver } = getPrintTypeSizePricing(layerPrintType, printSize) || {};
       const getSimpleObj = i => i && ({ _id: i._id, name: i.name });
       const data = {
+        guid: layer.printGuid || generateGUID(),
         printArea: getSimpleObj(layerPrintArea),
         printType: getSimpleObj(layerPrintType),
         printSize: getSimpleObj(layerPrintSize),
@@ -48,8 +51,10 @@ export function getPrintsFromLayers(layers, product) {
         layers: [generatePrintLayer(layer)]
       };
       prints.set(printArea, data);
+      layer.printGuid = data.guid;
     } else {
       const print = prints.get(printArea);
+      layer.printGuid = print.guid;
       print.layers.push(generatePrintLayer(layer));
       prints.set(printArea, print);
     }

package/components/faq/faq.vue

@@ -223,6 +223,7 @@ $types: delivery, general, other, printing, garments;
       line-height: 25px;
       letter-spacing: 0.02em;
       color: $dark_blue;
+      padding-right: 40px;
     }
     &-body {
       padding: 6px 30px 24px 30px;

package/components/products/products_colors/products-colors.scss

@@ -57,4 +57,11 @@
       margin: 1px 4px;
     }
   }
+  &__toggle-list {
+    margin-top: 5px;
+    margin-right: 10px;
+    font-size: 11px;
+    cursor: pointer;
+    text-align: right;
+  }
 }

package/components/products/products_colors/products-colors.vue

@@ -21,7 +21,7 @@
       </div>
       <div class="ProductsColors__items">
         <products-link
-          v-for="color in colors"
+          v-for="color in visibleColors"
           :key="color._id"
           v-tooltip="color.name"
           :color="color.alias">
@@ -37,6 +37,12 @@
           </div>
         </products-link>
       </div>
+      <div
+        v-if="shortListColorsLimit < colorsCount"
+        @click="toggleDisplayAllColors()"
+        class="ProductsColors__toggle-list">
+        {{ displayAllColors ? 'Hide all colours' : 'Show all colours' }}
+      </div>
     </toggle-content>
   </div>
 </template>
@@ -56,14 +62,22 @@ export default {
   },
   data() {
     return {
-      canLoadImages: false
+      canLoadImages: false,
+      displayAllColors: false,
+      shortListColorsLimit: 15
     };
   },
   computed: {
     ...mapGetters('products', ['colors']),
+    colorsCount() {
+      return this.colors.length;
+    },
     selectedColors() {
       const colors = (this.$route.query.colors || '').split(',');
       return this.colors.filter(color => colors.includes(color.alias));
+    },
+    visibleColors() {
+      return this.displayAllColors ? this.colors : this.colors.slice(0, this.shortListColorsLimit);
     }
   },
   mounted() {
@@ -74,6 +88,9 @@ export default {
   methods: {
     isSelectedColor(color) {
       return this.selectedColors.some(c => c._id === color._id);
+    },
+    toggleDisplayAllColors() {
+      this.displayAllColors = !this.displayAllColors;
     }
   }
 };

package/components/subscribe/subscribe.vue

@@ -29,7 +29,7 @@
               v-slot="{ errors }"
               tag="div"
               name="Email"
-              rules="required"
+              rules="required|email"
               class="form-row">
               <input
                 :id="'email' + uniqueKey"

package/nuxt.config.js

@@ -56,6 +56,7 @@ module.exports = (config, axios, { raygunClient } = {}) => ({
     // { src: '@/node_modules/@lancom/shared/plugins/vue-tables-2', ssr: false }
   ],
   modules: [
+    'nuxt-helmet',
     '@nuxtjs/axios',
     '@nuxtjs/dotenv',
     '@nuxtjs/sitemap',
@@ -110,9 +111,11 @@ module.exports = (config, axios, { raygunClient } = {}) => ({
               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 feedTitle = (product.feedTitle || '')
+                .replace(/{colour}/g, sp.color.name)
+                .replace(/{size}/g, sp.size.name)
+                .replace(/{brand}/g, product.brand.name)
+              const title = feedTitle || `${product.name} ${sp.color.name}`;
               const description = `${product.description || product.fabricInfoShort || product.name || ''}`
                 .replace(/ /g, ' ')
                 .replace(/·/, '·');

package/package.json

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

package/plugins/vee-validate.js

@@ -12,7 +12,26 @@ extend('required', {
     return `${name} attribute is mandatory`;
   }
 });
-extend('email', email);
+console.log('ValidationObserver:email', email);
+extend('email', {
+  ...email,
+  validate(value) {
+    if (email.validate(value)) {
+      const auDomain = value.match(/\.co[a-z]+\.au$/i);
+      const comDomain = value.match(/\.co[a-z]+$/i);
+      if (auDomain && auDomain[0]) {
+        return auDomain[0] === '.com.au';
+      } else if (comDomain && comDomain[0]) {
+        return comDomain[0] === '.com';
+      }
+      return true;
+    }
+    return false;
+  }
+  // message(name) {
+  //   return `${name} attribute is mandatory`;
+  // }
+});
 extend('max', max);
 extend('float', float);
 extend('min_value', minValue);

package/store/cart.js

@@ -66,9 +66,12 @@ export const getters = {
 export const actions = {
   async addToCart({ state, commit }, { entities, shop, pricing }) {
     const addingEntities = [...entities];
-    const withoutPrints = e => (e.prints || []).length === 0;
+    const isSamePrints = (e, e2) => {
+      const samePrints = (e.prints || []).filter(p => (e2.prints || []).some(p2 => p2.guid === p.guid));
+      return (e.prints || []).length === samePrints.length;
+    };
     entities = entities.map(e => {
-      const entitiy = withoutPrints(e) && state.entities.find(e2 => withoutPrints(e2) && e2?.product?._id === e?.product?._id);
+      const entitiy = state.entities.find(e2 => isSamePrints(e, e2) && e2?.product?._id === e?.product?._id);
       if (entitiy) {
         e.simpleProducts.forEach(sp => {
           const simpleProduct = entitiy.simpleProducts.find(sp2 => sp2.SKU === sp.SKU);