@lancom/shared 0.0.423 → 0.0.426

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

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

package/store/product.js

@@ -45,6 +45,7 @@ export const state = () => ({
   selectedPrintUnderbases: {},
   selectedPrintUnderbase: false,
   editModeSelectedLayer: false,
+  offsetWarningVisible: false,
   selectedPrintAreas: {},
   productPricing: null,
   selectedTab: null,
@@ -162,6 +163,22 @@ export const getters = {
     const price = pricing?.prints?.prints?.reduce((sum , print) => sum + (+print.priceWithoutTax || 0), 0) || maxPrintsPrice;
     return price;
   },
+  offsetWarningVisible: ({ offsetWarningVisible }) => offsetWarningVisible,
+  showRecommendationToUseLargerImage: ({ selectedLayer }) => {
+    return (
+      selectedLayer &&
+      selectedLayer.type === 'art' &&
+      selectedLayer.dpi >= 75 &&
+      selectedLayer.dpi <= 100
+    );
+  },
+  showErrorAboutSmallImage: ({ selectedLayer }) => {
+    return (
+      selectedLayer &&
+      selectedLayer.type === 'art' &&
+      selectedLayer.dpi < 75
+    );
+  }
 };
 
 export const actions = {
@@ -319,6 +336,9 @@ export const mutations = {
   setPriceIncludeGST(state, priceIncludeGST) {
     state.priceIncludeGST = priceIncludeGST;
   },
+  setOffsetWarningVisible(state, offsetWarningVisible) {
+    state.offsetWarningVisible = offsetWarningVisible;
+  },
   setLoadError(state, error) {
     state.loadError = error;
   },