@lancom/shared 0.0.424 → 0.0.427

package/assets/js/api/admin.js

@@ -3,12 +3,6 @@ import { _get, _post, _delete, _put } from './helpers';
 import { sortSizes } from './../utils/sizes';
 import { sortByName } from './../utils/filters';
 
-const CACHE = {
-  PRINT_AREAS: 'print-areas',
-  PACKAGES: 'packages'
-};
-const promiseCache = new Map();
-
 export default {
   updateInventoryFromLink(link, warehouse) {
     const url = `admin/products/inventory/link${warehouse ? `?warehouse=${warehouse}` : ''}`;
@@ -116,9 +110,6 @@ export default {
   saveOrder(order) {
     return order._id ? _put(`admin/order/${order._id}`, order) : _post('admin/order', order);
   },
-  validateOrderDate(order, field) {
-    return _post(`admin/order/${order._id}/validate-date`, { [field]: order[field] });
-  },
   fetchPurchaseOrders(params) {
     return _get(`admin/purchase-orders`, params);
   },
@@ -224,13 +215,8 @@ export default {
   removeCategory(id) {
     return _delete(`admin/categories/${id}`);
   },
-  dropPackagesCache() {
-    promiseCache.delete(CACHE.PACKAGES);
-  },
   fetchPackages() {
-    const promise = promiseCache.get(CACHE.PACKAGES) || _get('admin/packages');
-    promiseCache.set(CACHE.PACKAGES, promise);
-    return promise;
+    return _get('admin/packages');
   },
   fetchPackageById(id) {
     return _get(`admin/packages/${id}`);
@@ -674,16 +660,8 @@ export default {
   removePrintType(id) {
     return _delete(`admin/print-types/${id}`);
   },
-  dropPrintAreasCache() {
-    promiseCache.delete(CACHE.PRINT_AREAS);
-  },
-  fetchPrintAreas(params) {
-    if (params) {
-      return _get('admin/print-areas', params);
-    }
-    const promise = promiseCache.get(CACHE.PRINT_AREAS) || _get('admin/print-areas');
-    promiseCache.set(CACHE.PRINT_AREAS, promise);
-    return promise;
+  fetchPrintAreas() {
+    return _get('admin/print-areas');
   },
   fetchPrintAreaById(id) {
     return _get(`admin/print-areas/${id}`);
@@ -694,8 +672,8 @@ export default {
   removePrintArea(id) {
     return _delete(`admin/print-areas/${id}`);
   },
-  fetchPrintSizes(params) {
-    return _get('admin/print-sizes', params);
+  fetchPrintSizes() {
+    return _get('admin/print-sizes');
   },
   fetchPrintSizeById(id) {
     return _get(`admin/print-sizes/${id}`);
@@ -826,11 +804,7 @@ export default {
   findResources(query) {
     return _get(`admin/order/resources?search=${query || ''}`);
   },
-  approveMockupRequest(order, resource) {
-    const shopId = order.shop?._id || order.shop;
-    return _post(`admin/shop/${shopId}/order/${order._id}/resources/${resource._id}/approve-request`, {});
-  },
   getReOrderReport(params) {
-    return _get('admin/reports/re-order', params);
-  }
+    return _get(`admin/reports/re-order`, params);
+  },
 };

package/assets/js/api/index.js

@@ -1,15 +1,10 @@
+
 import { _get, _post, _put, _delete, _patch } from './helpers';
 import adminApi from './admin';
 import { unminifySimpleProducts } from './utils/simple-products';
 import { unminifyProduct } from './utils/product';
-import { getSharePromise } from './../utils/share-promises';
-
-const shareRequestsPromises = getSharePromise(5 * 60 * 1000);
 
 const api = {
-  clearAllSharePromises() {
-    return _post('clear-share-promises');
-  },
   fetchClientSettings(shop, params) {
     return _get(`shop/${shop}/client-settings`, params);
   },
@@ -25,9 +20,6 @@ const api = {
   saveCustomer(customer, shop) {
     return customer._id ? _patch(`shop/${shop}/customer/${customer.accessToken}`, customer) : _post(`shop/${shop}/customer`, customer);
   },
-  fetchCustomer(accessToken, shop) {
-    return _get(`shop/${shop}/customer/${accessToken}`);
-  },
   authCustomer(customer, shop) {
     return _post(`shop/${shop}/customer/login`, customer);
   },
@@ -77,8 +69,7 @@ const api = {
     return _get(`shop/${shop}/menus`);
   },
   fetchBanners(shop, params) {
-    const KEY = `shop/${shop}/banners_${JSON.stringify(params || {})}`;
-    return shareRequestsPromises.share(KEY, () => _get(`shop/${shop}/banners`, params));
+    return _get(`shop/${shop}/banners`, params);
   },
   fetchProductsKits(shop, params) {
     return _get(`shop/${shop}/products-kit`, params);
@@ -93,8 +84,7 @@ const api = {
     return _get(`shop/${shop}/news/${alias}?preview=${preview}`);
   },
   fetchNewsTags(shop, params) {
-    const KEY = `shop/${shop}/news-tag_${JSON.stringify(params || {})}`
-    return shareRequestsPromises.share(KEY, () => _get(`shop/${shop}/news-tag`, params));
+    return _get(`shop/${shop}/news-tag`, params);
   },
   fetchNewsTag(shop, alias) {
     return _get(`shop/${shop}/news-tag/${alias}`);
@@ -132,10 +122,6 @@ const api = {
   addOrderTimeline(id, item) {
     return _post(`order/${id}/timeline`, item);
   },
-  approveOrderMockup(order, resource) {
-    const shopId = order.shop?._id || order.shop;
-    return _post(`shop/${shopId}/order/${order._id}/resources/${resource._id}/approve`, resource);
-  },
   generateApprovalPDFs(token) {
     return _post(`order/${token}/approval-pdfs`);
   },

package/components/common/coupon_select/coupon-select.vue

@@ -74,7 +74,7 @@
       <div
         v-else
         class="lc_caption form-help is-danger">
-        Invalid coupon: Min Order for Coupon: {{ minOrderValue | price(currency) }}
+        Invalid coupon: Min Order for Coupon: {{ value.minOrderValue | price(currency) }}
       </div>
       <div v-if="hasQualifyingProducts" class="lc_caption mb-10">
         <div v-if="noQualifyingProductsInCart">
@@ -129,18 +129,8 @@ export default {
     hasQualifyingProductsInCart() {
       return this.sumQualifyingProductsInCart > 0;
     },
-    minOrderValue() {
-      const value = [
-        this.value,
-        ...(this.value?.values || [])
-      ]
-      .filter(v => v?.minOrderValue > 0)
-      .sort((a, b) => a.minOrderValue - b.minOrderValue)[0];
-
-      return value?.minOrderValue || 0;
-    },
     isValidPricing() {
-      return !this.minOrderValue || this.pricing.coupon;
+      return !this.value?.minOrderValue || this.pricing.coupon;
     },
     model: {
       get() {

package/components/common/phone_input/phone-input.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
-    <div :class="containerClassname">
+    <div class="form-row">
       <label
         v-if="labelless"
-        :class="labelClassname"
+        class="form-label"
         @click="$refs.phone.$el.focus()">
         {{ displayLabelText }}
       </label>
@@ -31,8 +31,8 @@
               :disabled="disabled"
               :name="'phone' + uniqueKey"
               type="text"
+              class="form-field"
               :class="{
-                [inputClassname]: true,
                 'is-danger': errors.length,
                 filled: model,
                 labelless
@@ -115,18 +115,6 @@ export default {
     namePrefix: {
       type: String,
       default: ''
-    },
-    containerClassname: {
-      type: String,
-      default: 'form-row'
-    },
-    labelClassname: {
-      type: String,
-      default: 'form-label'
-    },
-    inputClassname: {
-      type: String,
-      default: 'form-field'
     }
   },
   data() {

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

@@ -177,9 +177,7 @@ export default {
     if (this.suburb) {
       const option = this.createOptionFromSuburb(this.suburb);
       this.selected = option;
-      if (this.selected.value) {
-        await this.handleSearch(this.selected.value.trim());
-      }
+      await this.handleSearch(this.selected.value.trim())
     }
   },
   methods: {

package/components/customer/customer.vue

@@ -70,10 +70,10 @@ export default {
     ...mapActions('auth', ['update_user']),
     createdCustomer({ customer: user, token }) {
       this.update_user({ user, token });
-      this.$router.push('/');
+      this.$router.push('/customer/orders');
     },
     signin() {
-      this.$router.push('/');
+      this.$router.push('/customer/orders');
     }
   }
 };

package/components/customer/customer_navigation_menu/customer-navigation-menu.vue

@@ -15,12 +15,6 @@
 <script>
 export default {
   name: 'CustomerMenu',
-  props: {
-    activeMenuItem: {
-      type: String,
-      required: true
-    }
-  },
   data() {
     return {
       menuItems: [{
@@ -35,12 +29,14 @@ export default {
         label: 'Coupons',
         key: 'coupons',
         url: '/customer/coupons'
-      }, {
-        label: 'Preferences',
-        key: 'preferences',
-        url: '/customer/preferences'
       }]
     };
+  },
+  props: {
+    activeMenuItem: {
+      type: String,
+      required: true
+    }
   }
 };
 </script>
@@ -72,5 +68,5 @@ export default {
       background-color: $green;
     }
   }
-}
+} 
 </style>

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

@@ -66,10 +66,14 @@
                 :key="`${layer.createdAt}-${index}`"
                 :layer="layer"
                 :active="selectedLayer && selectedLayer.createdAt === layer.createdAt"
+                :visible-move-up="layer !== group.layers[0]"
+                :visible-move-down="layer !== group.layers[group.layers.length - 1]"
                 @select="setSelectedLayer(layer)"
                 @edit="editLayer(layer)"
                 @duplicate="duplicateLayer(layer)"
-                @remove="removeLayer(layer)">
+                @remove="removeLayer(layer)"
+                @up="moveUp(layer)"
+                @down="moveDown(layer)">
               </editor-layers-layer>
             </div>
           </div>
@@ -166,6 +170,8 @@ export default {
       'setSelectedLayerField',
       'addTemplateLayer',
       'removeTemplateLayer',
+      'moveUpTemplateLayer',
+      'moveDownTemplateLayer',
       'updateTemplateLayer',
       'setEditableSide',
       'setSelectedPrintArea',
@@ -217,6 +223,12 @@ export default {
       this.removeTemplateLayer(layer);
       this.setSelectedLayer(null);
     },
+    moveUp(layer) {
+      this.moveUpTemplateLayer(layer);
+    },
+    moveDown(layer) {
+      this.moveDownTemplateLayer(layer);
+    },
     closeEditableLayer(invalid) {
       if (invalid) {
         this.removeTemplateLayer(this.selectedLayer);

package/components/editor/editor_layers/editor_layers_layer/editor-layers-layer.scss

@@ -100,13 +100,31 @@
   &__edit {
     width: 100%;
   }
-  &__remove {
+  &__controls{
     position: absolute;
     top: 16px;
     right: 12px;
     font-size: 18px;
     color: #777;
     cursor: pointer;
+    display: flex;
+    span {
+      position: relative;
+    }
+  }
+  &__up {
+    // position: absolute;
+    // top: 4px;
+    // right: 0;
+    display: inline-block;
+    transform: rotate(90deg);
+  }
+  &__down {
+    // position: absolute;
+    // top: 4px;
+    // right: 0;
+    display: inline-block;
+    transform: rotateZ(-90deg);
   }
   &__actions {
     display: flex;
@@ -137,4 +155,4 @@
       }
     }
   }
-}
+}

package/components/editor/editor_layers/editor_layers_layer/editor-layers-layer.vue

@@ -3,9 +3,21 @@
     class="EditorLayersLayer__wrapper"
     :class="{ active }"
     @click="$emit('select')">
-    <i
-      class="icon-delete EditorLayersLayer__remove"
-      @click="$emit('remove')"></i>
+    <div class="EditorLayersLayer__controls">
+      <span v-if="visibleMoveUp">
+        <i
+          class="icon-arrow-left EditorLayersLayer__up"
+          @click="$emit('up')"></i>
+      </span>
+      <span v-if="visibleMoveDown">
+        <i
+          class="icon-arrow-left EditorLayersLayer__down"
+          @click="$emit('down')"></i>
+      </span>
+      <i
+        class="icon-delete"
+        @click="$emit('remove')"></i>
+    </div>
     <div class="EditorLayersLayer__thumb">
       <i
         v-if="layerIcon"
@@ -81,12 +93,18 @@ import { number } from '@lancom/shared/assets/js/utils/filters';
 
 export default {
   name: 'EditorLayersLayer',
-  mixins: [printLayerMixin],
   filters: { number },
+  mixins: [printLayerMixin],
   props: {
     active: {
       type: Boolean,
       default: false
+    },
+    visibleMoveUp: {
+      type: Boolean
+    },
+    visibleMoveDown: {
+      type: Boolean
     }
   },
   computed: {

package/components/editor/editor_workspace/editor_workspace_side/editor-workspace-side.vue

@@ -176,7 +176,6 @@ export default {
       backgroundImageUrl: null,
       backgroundImageLoaded: false,
       deleteButtonPos: null,
-      offsetWarningVisible: false,
       drawingInProcess: false,
       breakpoints: new Breakpoints()
     };
@@ -192,7 +191,10 @@ export default {
       'selectedLayer',
       'selectedLayerCopy',
       'editorSize',
-      'editModeSelectedLayer'
+      'editModeSelectedLayer',
+      'offsetWarningVisible',
+      'showRecommendationToUseLargerImage',
+      'showErrorAboutSmallImage'
     ]),
     editableLayersCount() {
       return this.editableLayers?.length;
@@ -240,21 +242,6 @@ export default {
         height: `${height * ratio}px`,
       };
     },
-    showRecommendationToUseLargerImage() {
-      return (
-        this.selectedLayer &&
-        this.selectedLayer.type === 'art' &&
-        this.selectedLayer.dpi >= 75 &&
-        this.selectedLayer.dpi <= 100
-      );
-    },
-    showErrorAboutSmallImage() {
-      return (
-        this.selectedLayer &&
-        this.selectedLayer.type === 'art' &&
-        this.selectedLayer.dpi < 75
-      );
-    },
     printAreaIsSmall() {
       const code = this.printAreaSize?.alias || this.printAreaSize;
       return code === 'rect10';
@@ -315,7 +302,8 @@ export default {
       'setSelectedLayerField',
       'setEditModeSelectedLayer',
       'setSelectedLayer',
-      'removeTemplateLayer'
+      'removeTemplateLayer',
+      'setOffsetWarningVisible'
     ]),
     ...mapMutations('layers', [
       'setLayersThumbnail'
@@ -480,7 +468,7 @@ export default {
       this.deleteButtonPos = pos;
     },
     setOffsetWarningVisibility(visible) {
-      this.offsetWarningVisible = visible;
+      this.setOffsetWarningVisible(visible);
     },
     toogleBoundBox(state, option) {
       if (!this.fabricHelper || ['mini', 'xs'].includes(this.breakpoints.is)) {

package/components/pages/customer/sign_in/sign-in.vue

@@ -23,8 +23,8 @@ export default {
     };
   },
   methods: {
-    onSignin(faq) {
-      this.$router.push('/');
+    onSignin() {
+      this.$router.push('/customer/orders');
     }
   }
 };

package/components/product/editor_pricing/editor-pricing.vue

@@ -64,7 +64,7 @@
         v-else-if="isValidOrderQuantity"
         class="EditorPricing__main-alert">
         <img src="~static/images/smile.svg" />
-        All good to go!
+        {{ hasPrintIssues ? 'Proceed with order, Will be in touch regarding print issue' : 'All good to go!' }}
       </div>
 
       <div
@@ -108,7 +108,6 @@ import addToCartMixin from '@lancom/shared/mixins/add-to-cart';
 
 export default {
   name: 'EditorPricing',
-  mixins: [addToCartMixin],
   filters: {
     price,
     tax,
@@ -119,13 +118,7 @@ export default {
     EditorPricingDetails,
     AddToCartBtn
   },
-  data() {
-    return {
-      price: null,
-      showDetails: false,
-      calculatePriceWithDebounce: debounce(() => this.calculateProductPrice({ shop: this.shop, country: this.country, currency: this.currency }), 500)
-    };
-  },
+  mixins: [addToCartMixin],
   props: {
     hasCartBtn: {
       type: Boolean,
@@ -136,6 +129,13 @@ export default {
       default: true
     }
   },
+  data() {
+    return {
+      price: null,
+      showDetails: false,
+      calculatePriceWithDebounce: debounce(() => this.calculateProductPrice({ shop: this.shop, country: this.country, currency: this.currency }), 500)
+    };
+  },
   computed: {
     ...mapGetters(['shop', 'country', 'currency']),
     ...mapGetters('product', [
@@ -149,8 +149,14 @@ export default {
       'isPrintPricing',
       'minimumOrderQuantity',
       'priceIncludeGST',
-      'multipack'
+      'multipack',
+      'offsetWarningVisible',
+      'showRecommendationToUseLargerImage',
+      'showErrorAboutSmallImage'
     ]),
+    hasPrintIssues() {
+      return this.offsetWarningVisible || this.showRecommendationToUseLargerImage || this.showErrorAboutSmallImage;
+    },
     hasUsedSimpleProducts() {
       return this.usedSimpleProducts.length > 0;
     },

package/components/product/product.vue

@@ -32,6 +32,12 @@
         <section class="Product__section">
           <wizard-editor />
         </section>
+        <!-- <section class="Product__section">
+          <product-colors-selector v-if="productDetails" />
+        </section> -->
+        <!-- <section class="Product__section">
+          <product-tier-prices :product="product" />
+        </section> -->
         <section class="Product__section">
           <product-fabric-and-size-info :product="product" />
         </section>
@@ -53,17 +59,23 @@ import RelatedProducts from '@lancom/shared/components/product/related_products/
 import Gallery from '@lancom/shared/components/product/gallery/gallery';
 import { generateProductLink } from '@lancom/shared/assets/js/utils/product';
 import ProductMainInfo from './layouts/product_main_info/product-main-info';
+import ProductColorsSelector from './product_colors_selector/product-colors-selector';
+import ProductTierPrices from './layouts/product_tier_prices/product-tier-prices';
 import ProductFabricAndSizeInfo from './layouts/product_fabric_and_size_info/product-fabric-and-size-info';
 import ProductPackaging from './layouts/product_packaging/product-packaging';
 import ProductModelMeasurements from './layouts/product_model_measurements/product-model-measurements';
 import ProductSizeTable from './layouts/product_size_table/product-size-table';
 import WizardEditor from './wizard-editor/wizard-editor.vue';
 
+    
+// import ProductLabelsCustomization from './layouts/product_labels_customization/product-labels-customization';
 
 export default {
   name: 'Product',
   components: {
     ProductMainInfo,
+    ProductColorsSelector,
+    ProductTierPrices,
     ProductFabricAndSizeInfo,
     ProductPackaging,
     ProductModelMeasurements,

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

@@ -41,12 +41,6 @@ export default {
     ProductReview
   },
   mixins: [],
-  props: {
-    product: {
-      type: Object,
-      required: true
-    }
-  },
   data() {
     const reviews = this.product.reviews || [];
     const [, mainReviewId] = (this.$route.hash || '').match(/review-([a-z0-9]+)/i) || [];
@@ -62,6 +56,12 @@ export default {
       ].filter(review => !!review)
     };
   },
+  props: {
+    product: {
+      type: Object,
+      required: true
+    }
+  },
   computed: {
     currentReview() {
       return this.reviews[this.activeIndex];

package/components/product/related_products/related-products.vue

@@ -36,15 +36,15 @@ export default {
       products: []
     };
   },
-  async fetch() {
-    const { products } = await api.fetchRelatedProducts(this.shop._id, this.product.alias, { needShuffle: true });
-    this.products = products.splice(0, 6);
-  },
   computed: {
     ...mapGetters(['shop']),
     hasProducts() {
       return this.products.length > 0;
     }
+  },
+  async fetch() {
+    const { products } = await api.fetchRelatedProducts(this.shop._id, this.product.alias, { needShuffle: true });
+    this.products = products.splice(0, 6);
   }
 };
 </script>

package/package.json

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

package/routes/index.js

@@ -87,11 +87,6 @@ module.exports = function(routes, resolve, config) {
     path: '/order/:token/payment',
     component: resolve('@lancom/shared/pages/order/_token/payment/index.vue'),
     chunkName: 'pages/order/payment'
-  }, {
-    name: 'order-resource',
-    path: '/order/:token/resource/:resource',
-    component: resolve('@lancom/shared/pages/order/_token/resource/_resource.vue'),
-    chunkName: 'pages/order/resource'
   }, {
     name: 'order-payment-invoice',
     path: '/order/:token/payment/invoice/:invoice',
@@ -147,11 +142,6 @@ module.exports = function(routes, resolve, config) {
     path: '/customer/password/:token',
     component: resolve('@lancom/shared/pages/customer/password/_token.vue'),
     chunkName: 'pages/customer/password/reset'
-  }, {
-    name: 'customer-preferences',
-    path: '/customer/preferences',
-    component: resolve('@lancom/shared/pages/customer/preferences.vue'),
-    chunkName: 'pages/customer/preferences'
   }, {
     name: 'checkout-cart',
     path: '/checkout/cart',

package/store/auth.js

@@ -18,7 +18,6 @@ export const getters = {
   isGuestUser: state => !state.token,
   isAdmin: state => checkRoles(state.user, ['admin']),
   isContentEditor: state => checkRoles(state.user, ['admin', 'content-editor']),
-  isDesigner: state => checkRoles(state.user, ['admin', 'designer']),
   isWarehouse: state => checkRoles(state.user, ['admin', 'warehouse']),
   user: state => state.user,
   userWarehouse: state => state.user?.warehouse,