@lancom/shared 0.0.62 → 0.0.66

package/static/images/visa.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24">
+    <g fill="none" fill-rule="evenodd">
+        <rect width="36" height="24" fill="#FFF" rx="4"/>
+        <g fill-rule="nonzero">
+            <path fill="#004E8C" d="M2 6.813h31.934V2H2v4.813"/>
+            <path fill="#FFA336" d="M2 21.986h31.934v-4.814H2v4.814"/>
+            <g fill="#004E8C">
+                <path d="M13.184 8.203h1.638l-4.445 7.468H8.444l-.175-5.909c-.008-.268-.015-.546-.113-.76a.961.961 0 0 0-.455-.47 1.548 1.548 0 0 0-.71-.16v-.17h3.189l.156 5.085 2.848-5.084M15.138 15.671l2.283-7.468H15.39l-2.283 7.468h2.031M16.318 15.039c.308.323.706.549 1.249.66.542.11 1.23.108 1.882-.008.653-.115 1.27-.342 1.705-.686.436-.343.691-.804.815-1.303.124-.499.118-1.035-.144-1.454-.262-.42-.778-.72-1.208-1.004-.43-.284-.773-.55-.916-.85a.822.822 0 0 1 .083-.848c.167-.214.442-.309.781-.33.34-.023.742.028 1.076.125.333.096.599.24.826.432l.677-1.118c-.314-.233-.672-.398-1.176-.52a5.892 5.892 0 0 0-1.723-.156 2.932 2.932 0 0 0-1.474.5 2.98 2.98 0 0 0-1.007 1.164c-.209.451-.254.936-.126 1.355.127.418.429.772.74 1.025.31.253.63.406.912.582.282.175.525.373.655.61s.149.513-.008.743c-.157.23-.49.412-.873.477-.383.064-.817.012-1.22-.115a3.292 3.292 0 0 1-1.1-.592l-.426 1.31M23.921 13.943l-.92 1.728h-1.637l4.357-7.468h1.846l.623 7.468h-1.923l-.135-1.728h-2.211m1.928-3.626l-1.411 2.654h1.618l-.207-2.654"/>
+            </g>
+        </g>
+        <rect width="36" height="24" rx="4"/>
+    </g>
+</svg>

package/store/auth.js

@@ -0,0 +1,70 @@
+import decode from 'jwt-decode';
+import api from '@lancom/shared/assets/js/api';
+const Cookie = process.client ? require('js-cookie') : undefined;
+
+export const state = () => ({
+  token: null,
+  status: '',
+  err: {},
+  user: null
+});
+
+const checkRoles = (user, roles) => {
+  return roles.some(r => user?.roles?.includes(r));
+};
+
+export const getters = {
+  isAuthenticated: state => !!state.token,
+  isGuestUser: state => !state.token,
+  isAdmin: state => checkRoles(state.user, ['admin']),
+  isContentEditor: state => checkRoles(state.user, ['admin', 'content-editor']),
+  user: state => state.user,
+  authStatus: state => state.status,
+  stateError: state => state.err
+};
+export const actions = {
+  async auth_request({ commit }, { user, customer, shop }) {
+    commit('AUTH_REQUEST');
+    const request = customer ? api.authCustomer(customer, shop._id) : api.admin.authUser(user);
+    try {
+      const { token, user, customer } = await request;
+      Cookie.set('auth', token);
+      this.$axios.defaults.headers.authorization = token;
+      commit('AUTH_SUCCESS', token, customer || user);
+      return customer || user;
+    } catch (err) {
+      commit('AUTH_ERROR', err);
+      Cookie.remove('auth');
+    }
+  },
+  auth_logout({ commit }) {
+    commit('AUTH_LOGOUT');
+    Cookie.remove('auth');
+  },
+  update_user({ commit }, { token, user }) {
+    Cookie.set('auth', token);
+    this.$axios.defaults.headers.authorization = token;
+    commit('AUTH_SUCCESS', token, user);
+  }
+};
+export const mutations = {
+  AUTH_REQUEST(state) {
+    state.status = 'loading';
+  },
+  AUTH_SUCCESS(state, token, user) {
+    state.status = 'success';
+    state.token = token;
+    state.hasLoadedOnce = true;
+    state.user = user || decode(token);
+  },
+  AUTH_ERROR(state, error) {
+    state.status = 'error';
+    state.err.message = error.response.data.message;
+    state.err.status = error.response.status;
+    state.hasLoadedOnce = true;
+  },
+  AUTH_LOGOUT(state) {
+    state.token = '';
+    state.user = null;
+  }
+};

package/store/cart.js

@@ -0,0 +1,154 @@
+import groupBy from 'lodash/groupBy';
+import api from '@lancom/shared/assets/js/api';
+import { getPrintTypeSizePricing } from '@lancom/shared/assets/js/utils/prints';
+
+export const state = () => ({
+  id: null,
+  entities: [],
+  suburb: null,
+  cartPricing: null
+});
+
+const getSimpleProductsQuantity = simpleProducts => {
+  return (simpleProducts || []).reduce((quantity, sp) => quantity + (+sp.amount || 0), 0);
+};
+
+const getEntitiesQuantity = entities => {
+  return (entities || []).reduce((quantity, { simpleProducts }) => quantity + getSimpleProductsQuantity(simpleProducts), 0);
+};
+
+const getProductsQuantities = entities => {
+  const grouped = groupBy(entities, e => e.product._id);
+  const quantities = Object.keys(grouped).map(_id => {
+    const [{ product: { name, minimumOrderQuantity } }] = grouped[_id];
+    return { _id, name, minimumOrderQuantity, quantity: getEntitiesQuantity(grouped[_id]) };
+  });
+  return quantities;
+};
+
+const getPrintsQuantities = entities => {
+  const printTypes = entities.reduce((types, e) => [...types, ...e.prints.map(({ printType }) => printType)], []);
+  const grouped = groupBy(printTypes, '_id');
+  const quantities = Object.keys(grouped).map(_id => {
+    const [{ name, minQuantity }] = grouped[_id];
+    const printTypeEntities = entities.filter(e => (e.prints || []).some(({ printType }) => printType?._id === _id));
+    return { name, minQuantity, quantity: getEntitiesQuantity(printTypeEntities) };
+  });
+  return quantities;
+};
+
+export const getters = {
+  entities: ({ entities }) => entities,
+  simpleProducts: ({ entities }) => entities.reduce((simpleProducts, entity) => [...simpleProducts, ...(entity.simpleProducts || [])], []),
+  notEmptySimpleProducts: (state, { simpleProducts }) => simpleProducts.filter(e => e.amount > 0),
+  simpleProductsQuantity: (state, { notEmptySimpleProducts }) => notEmptySimpleProducts.reduce((quantity, sp) => quantity + sp.amount, 0),
+  suburb: ({ suburb }) => suburb,
+  cartPricing: ({ cartPricing }) => cartPricing,
+  cartProductsPricing: ({ cartPricing }) => (cartPricing && cartPricing.products) || {},
+  isEmpty: (state, { simpleProductsQuantity }) => simpleProductsQuantity === 0,
+  quantities: ({ entities }) => ({
+    products: getProductsQuantities(entities),
+    prints: getPrintsQuantities(entities)
+  }),
+  notValidProductsQuantities(state, { quantities }) {
+    return (quantities?.products || []).filter(({ minimumOrderQuantity, quantity }) => quantity < minimumOrderQuantity);
+  },
+  notValidPrintsQuantities(state, { quantities }) {
+    return (quantities?.prints || []).filter(({ minQuantity, quantity }) => quantity < minQuantity);
+  },
+};
+
+export const actions = {
+  async addToCart({ state, commit }, { entities, shop }) {
+    const payload = {
+      _id: state.id || undefined,
+      entities: [...state.entities, ...entities]
+    };
+    const cart = await api.saveCart(payload, shop._id);
+    if (cart) {
+      commit('setId', cart._id);
+      commit('setEntities', cart.entities);
+    }
+  },
+  async removeSimpleProductsFromCart({ commit, state }, { simpleProducts, shop }) {
+    const removeGuids = (simpleProducts || []).map(e => e.guid);
+    const entities = state.entities.map(entity => ({
+      ...entity,
+      simpleProducts: entity.simpleProducts.filter(sp => !removeGuids.includes(sp.guid))
+    })).filter(({ simpleProducts }) => simpleProducts.length > 0);
+    const payload = { _id: state.id, entities };
+    await api.saveCart(payload, shop._id);
+    commit('setEntities', entities);
+  },
+  async calculateCartPrice({ state: { suburb, entities }, commit }, shop) {
+    const getSimpleObj = i => i && ({ _id: i._id, name: i.name });
+    const payload = {
+      entities: entities.map(({ _id, guid, prints, simpleProducts, product }) => ({
+        _id,
+        guid,
+        simpleProducts: simpleProducts.map(({ _id, guid, amount, pricing, unprintedPricing, weight = 0 }) => ({
+          amount,
+          pricing: (prints || []).length > 0 ? pricing : unprintedPricing,
+          weight: product.weight,
+          guid,
+          _id
+        })).filter(({ amount }) => +amount > 0),
+        prints: (prints || []).map(print => {
+          const { setupCost, printCost } = getPrintTypeSizePricing(print.printType, print.printSize._id) || {};
+          return {
+            costType: print.printType.costType,
+            setupCost,
+            printCost,
+            printType: getSimpleObj(print.printType),
+            printArea: getSimpleObj(print.printArea),
+            printSize: getSimpleObj(print.printSize)
+          };
+        }),
+        printSurcharge: product.printSurcharge || 0
+      })),
+      postcode: suburb && suburb.postcode
+    };
+    const response = await api.calculateProductPrice(payload, shop._id);
+    commit('setCartPricing', response);
+  },
+  async setSimpleProductAmount({ state, commit }, { guid, amount, shop }) {
+    const entities = (state.entities || []).map(product => ({
+      ...product,
+      simpleProducts: (product.simpleProducts || []).map(sp => ({
+        ...sp,
+        amount: sp.guid === guid ? +amount : sp.amount
+      }))
+    }));
+    const payload = { _id: state.id, entities };
+    await api.saveCart(payload, shop._id);
+    commit('setEntities', entities);
+  },
+  clearCart({ commit }) {
+    commit('clearCart');
+  }
+};
+
+export const mutations = {
+  setCart(state, cart) {
+    state.id = cart?._id;
+    state.entities = cart?.entities || [];
+  },
+  setId(state, id) {
+    state.id = id;
+  },
+  setEntities(state, entities) {
+    state.entities = entities;
+  },
+  setSuburb(state, suburb) {
+    state.suburb = suburb;
+  },
+  setCartPricing(state, price) {
+    state.cartPricing = price;
+  },
+  clearCart(state) {
+    state.id = null;
+    state.entities = [];
+    state.cartPricing = null;
+    state.suburb = null;
+  }
+};

package/store/index.js

@@ -0,0 +1,108 @@
+import api from '@lancom/shared/assets/js/api';
+import { saveStatePlugin, loadState } from '@lancom/shared/plugins/save-state';
+const cookieparser = process.server ? require('cookieparser') : undefined;
+const CLOSED_NOTIFICATION = 'lancom-closed-notification-1.0';
+
+export const state = () => ({
+  shop: {},
+  menus: [],
+  contacts: {},
+  orderInfo: {},
+  pricing: {},
+  notificationBar: {},
+  helpMessages: {},
+  depositInfo: {}
+});
+
+export const getters = {
+  shop: ({ shop }) => shop || {},
+  menus: ({ menus }) => menus || [],
+  topMenu: ({ menus }) => (menus || []).find(({ type }) => type === 'top'),
+  footerMenus: ({ menus }) => (menus || []).filter(({ type }) => type === 'footer'),
+  helpMessages: ({ helpMessages }) => helpMessages || {},
+  contacts: ({ contacts }) => contacts || {},
+  notificationBar: ({ notificationBar }) => notificationBar || {},
+  pricingSettings: ({ pricing }) => pricing || {},
+  orderSettings: ({ orderInfo }) => orderInfo || {},
+  gstTax: ({ pricing }) => pricing?.gstTax || 0,
+  screenPrintsPrices: ({ pricing }) => pricing?.screenPrintsPrices || {},
+  depositInfo: ({ depositInfo }) => depositInfo || {}
+};
+
+export const actions = {
+  async nuxtServerInit({ commit }, { req }) {
+    const shop = await api.fetchShopByUrl(process.env.HOST_NAME);
+    const menus = await api.fetchMenus(shop._id);
+    commit('setMenus', menus);
+    commit('setShop', shop);
+    commit('setSettings', shop.settings);
+
+    try {
+      if (req.headers.cookie) {
+        const { auth } = cookieparser.parse(req.headers.cookie);
+        if (auth) {
+          commit('auth/AUTH_SUCCESS', auth);
+        }
+      }
+    } catch (e) {}
+  },
+  async loadState({ commit, state: { shop, notificationBar } }) {
+    const state = await loadState();
+    if (state) {
+      commit('setState', state);
+      if (state.cart?.id) {
+        const cart = await api.fetchCartById(shop._id, state.cart?.id);
+        commit('cart/setCart', cart);
+      }
+    }
+    const closedNotification = localStorage.getItem(CLOSED_NOTIFICATION);
+    if (notificationBar?.text === closedNotification) {
+      commit('setNotificationBar', { ...notificationBar, enabled: false });
+    }
+  },
+  async loadHelpMessages({ commit }, { shop, group }) {
+    const helpMessages = await api.fetchHelpMessages(shop, group);
+    commit('addHelpMessages', helpMessages);
+  },
+  closeNotification({ commit, state: { notificationBar } }) {
+    localStorage.setItem(CLOSED_NOTIFICATION, (notificationBar?.text || ''));
+    commit('setNotificationBar', { ...notificationBar, enabled: false });
+  }
+};
+
+export const mutations = {
+  setSettings(state, { contacts, pricing, notificationBar, order, depositInfo }) {
+    state.contacts = contacts;
+    state.pricing = pricing;
+    state.orderInfo = order;
+    state.notificationBar = notificationBar;
+    state.depositInfo = depositInfo;
+  },
+  setShop(state, shop) {
+    state.shop = shop;
+  },
+  setNotificationBar(state, notificationBar) {
+    state.notificationBar = notificationBar;
+  },
+  setMenus(state, menus) {
+    state.menus = menus;
+  },
+  setState(state, newState) {
+    const data = { ...state };
+    Object.keys(newState || {}).forEach(key => {
+      data[key] = { ...(data[key] || {}), ...(newState[key] || {}) };
+    });
+    this.replaceState(data);
+  },
+  addHelpMessages(state, messages) {
+    state.helpMessages = {
+      ...state.helpMessages,
+      ...((messages || []).reduce((list, message) => {
+        list[message.type] = message;
+        return list;
+      }, {}))
+    };
+  }
+};
+
+export const plugins = process.browser ? [saveStatePlugin] : [];

package/store/layers.js

@@ -0,0 +1,28 @@
+import Vue from 'vue';
+
+// import api from '@lancom/shared/assets/js/api';
+
+export const state = () => ({
+  editableLayer: null,
+  layerThumbnails: {}
+});
+
+export const getters = {
+  layerThumbnails: ({ layerThumbnails }) => layerThumbnails,
+  editableLayer: ({ editableLayer }) => editableLayer
+};
+
+export const actions = {
+};
+
+export const mutations = {
+  setLayersThumbnail(state, { side, value }) {
+    Vue.set(state.layerThumbnails, side, value);
+  },
+  setEditableLayer(state, layer) {
+    state.editableLayer = layer;
+  },
+  resetLayers(state) {
+    state.layerThumbnails = {};
+  }
+};

package/store/order.js

@@ -0,0 +1,55 @@
+import Vue from 'vue';
+import api from '@lancom/shared/assets/js/api';
+import { populateProductsFields } from '@lancom/shared/assets/js/utils/order';
+
+export const state = () => ({
+  orderData: null,
+  card: null
+});
+
+export const getters = {
+  orderData: ({ orderData }) => orderData,
+  card: ({ card }) => card
+};
+
+export const actions = {
+  async createOrder({ commit }, data) {
+    const { pricing, products, shop } = data;
+    const order = { ...data, products: populateProductsFields(products, pricing) };
+    if (pricing) {
+      order.totalGST = pricing.totalPrice;
+      order.total = pricing.totalPriceWithoutTax;
+      order.productsTotal = pricing.products?.products?.totalPriceWithoutTax || 0;
+      order.printsTotal = pricing.products?.prints?.totalPriceWithoutTax || 0;
+      order.shippingTotal = pricing.shipping?.totalPriceWithoutTax || 0;
+    }
+    const response = await api.createOrder(order, shop);
+    commit('setOrderData', response);
+  },
+  async submitPayment({ commit, state: { orderData } }, { card, shop }) {
+    const { _id } = orderData || {};
+    const response = await api.createOrderPayment(_id, card, shop);
+    commit('setOrderData', response);
+    return {};
+  },
+  async saveOrder({ commit }, data) {
+    const response = await api.updateOrder(data._id, data);
+    commit('setOrderData', response);
+  },
+  deleteOrder({ state }) {
+    const { token } = state.orderData;
+    return api.deleteOrder(token);
+  }
+};
+
+export const mutations = {
+  setOrderData(state, orderData) {
+    state.orderData = orderData;
+  },
+  setCard(state, card) {
+    state.card = card;
+  },
+  clearCharge({ orderData }) {
+    Vue.set(orderData, 'charge', null);
+  }
+};

package/store/page.js

@@ -0,0 +1,22 @@
+import api from '@lancom/shared/assets/js/api';
+
+export const state = () => ({
+  routeInfo: null
+});
+
+export const getters = {
+  routeInfo: ({ routeInfo }) => routeInfo
+};
+
+export const actions = {
+  async fetchRouteInfo({ commit }, { route, shop }) {
+    const routeInfo = await api.fetchRouteInfo(route, shop);
+    commit('setRouteInfo', routeInfo);
+  }
+};
+
+export const mutations = {
+  setRouteInfo(state, routeInfo) {
+    state.routeInfo = routeInfo;
+  }
+};