@lancom/shared 0.0.84 → 0.0.85

package/assets/js/api/index.js

@@ -45,8 +45,8 @@ const api = {
   fetchPricingProducts(shop) {
     return _get(`shop/${shop}/products/pricing-products`);
   },
-  fetchProduct(shop, alias) {
-    return _get(`shop/${shop}/products/${alias}`);
+  fetchProduct(shop, alias, print) {
+    return _get(`shop/${shop}/products/${alias}?print=${print || ''}`);
   },
   fetchMenus(shop) {
     return _get(`shop/${shop}/menus`);

package/assets/js/models/product-layers.js

@@ -14,6 +14,7 @@ export class Layer {
   left = null;
   centeredScaling = true;
   lockUniScaling = true;
+  required = false;
 
   // selection style
   rotatingPointOffset = 30;

package/package.json

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

package/store/product.js

@@ -10,6 +10,7 @@ import { sortByName } from '../assets/js/utils/filters';
 
 export const state = () => ({
   product: null,
+  preSetPrint: null,
   loadError: null,
   productDetails: null,
   editorSize: {
@@ -40,6 +41,7 @@ export const state = () => ({
 
 export const getters = {
   product: ({ product }) => product,
+  preSetPrint: ({ preSetPrint }) => preSetPrint,
   loadError: ({ loadError }) => loadError,
   productDetails: ({ productDetails }) => productDetails,
   productDetailsLoaded: ({ productDetails }) => !!productDetails,
@@ -115,12 +117,14 @@ export const getters = {
 };
 
 export const actions = {
-  async fetchProduct({ commit }, { shop, slug }) {
+  async fetchProduct({ commit }, { shop, slug, print }) {
     try {
       commit('setLoadError', null);
-      const response = await api.fetchProduct(shop, slug);
+      const response = await api.fetchProduct(shop, slug, print);
       commit('setProduct', response);
+      commit('setPreSetPrint', (response.prints || []).find(({ _id }) => _id === print));
     } catch (e) {
+      console.log(e);
       const { status, data } = e?.response || {};
       const statusCode = status || 500;
       commit('setLoadError', {
@@ -210,6 +214,8 @@ export const mutations = {
     state.loadError = error;
   },
   setProductDetails(state, simpleProducts) {
+    const { preSetPrint } = state;
+    simpleProducts = simpleProducts.filter(sp => !preSetPrint || (preSetPrint.colors || []).includes(sp.color._id) )
     state.productDetails = { simpleProducts };
     const availableSizes = [];
     const sizesPerColor = simpleProducts.reduce((map, { color, size }) => {
@@ -287,6 +293,7 @@ export const mutations = {
       ...(state.template.layers || []).filter(l => l.guid !== layer.guid),
       layer
     ];
+    console.log('addTemplateLayer: ', layer);
     Vue.set(state.template, 'layers', layers);
   },
   removeTemplateLayer(state, layer) {
@@ -363,6 +370,9 @@ export const mutations = {
   },
   setVisibleSteps(state, visibleSteps) {
     state.template.visibleSteps = visibleSteps;
+  },
+  setPreSetPrint(state, preSetPrint) {
+    state.preSetPrint = preSetPrint;
   }
 };