@lancom/shared 0.0.292 → 0.0.294

package/assets/js/utils/product.js

@@ -127,7 +127,7 @@ export function generateProductsLink($route, data) {
 }
 
 export function generateProductLink(product, color, toEditor = false) {
-  const baseLink = `/${product.brand.alias}/${product.productType.alias}/${product.alias}`;
+  const baseLink = `/${product.brand?.alias}/${product.productType?.alias}/${product.alias}`;
   return `${toEditor ? `${baseLink}/editor` : baseLink}${color ? `?color=${color.alias}` : ''}`;
 }
 

package/components/checkout/cart/cart.vue

@@ -98,7 +98,7 @@ export default {
       return !!this.SETTINGS.CART_ONLY_POSTCODE;
     },
     postcodeLabel() {
-      return this.MESSAGES.CART_POSTCODE || 'Postcode';
+      return this.onlyPostcode ? 'Postcode' : (this.MESSAGES.CART_POSTCODE || 'Postcode');
     },
     postcodeInfoLabel() {
       return this.MESSAGES.CART_POSTCODE_INFO || 'Enter postcode to calculate shipping';

package/mixins/faq.mixin.js

@@ -0,0 +1,23 @@
+export default {
+  jsonld() {
+    const mainEntity = this.groups.reduce((items, group) => {
+      return [
+        ...items,
+        ...group.entities.map(item => ({
+          '@type': 'Question',
+          name: item.question,
+          acceptedAnswer: {
+            '@type': 'Answer',
+            text: item.answer
+          }
+        }))
+      ];
+    }, []);
+
+    return {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      mainEntity
+    };
+  }
+};

package/package.json

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

package/pages/faq/_group/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <div class="FAQ__wrapper view-transition">
+    <faq
+      :groups="groups"
+      :togable="false"
+      :preopened-group="openedGroup"
+      :preopened-entity="openedEntity">
+    </faq>
+  </div>
+</template>
+
+<script>
+import metaInfo from '@lancom/shared/mixins/meta-info';
+import api from '@lancom/shared/assets/js/api';
+import Faq from '@lancom/shared/components/faq/faq';
+import faqMixin from '@lancom/shared/mixins/faq.mixin';
+
+export default {
+  name: 'FAQPage',
+  mixins: [metaInfo, faqMixin],
+  components: {
+    Faq
+  },
+  async asyncData({ store, params, error }) {
+    const { _id } = store.getters.shop;
+    const groups = await api.fetchFAQ(_id);
+    const group = groups.find(g => g.type === params.group);
+    if (!group) {
+      return error({
+        statusCode: 404,
+        error: 'Faq not found'
+      });
+    }
+    return { groups: [group] };
+  },
+  data() {
+    return {
+      groups: [],
+      openedGroup: this.$route.params.group,
+      openedEntity: this.$route.query.id
+    };
+  }
+};
+</script>
+
+<style lang="scss">
+.FAQ {
+  &__wrapper {
+    margin-top: 20px;
+  }
+}
+</style>

package/pages/faq/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="FAQ__wrapper view-transition">
+    <faq
+      :groups="groups"
+      :preopened-group="openedGroup"
+      :preopened-entity="openedEntity" />
+  </div>
+</template>
+
+<script>
+import metaInfo from '@lancom/shared/mixins/meta-info';
+import api from '@lancom/shared/assets/js/api';
+import Faq from '@lancom/shared/components/faq/faq';
+import faqMixin from '@lancom/shared/mixins/faq.mixin';
+
+export default {
+  name: 'FAQPage',
+  mixins: [metaInfo, faqMixin],
+  components: {
+    Faq
+  },
+  async asyncData({ store }) {
+    const { _id } = store.getters.shop;
+    const groups = await api.fetchFAQ(_id);
+    return { groups };
+  },
+  data() {
+    return {
+      groups: [],
+      openedGroup: this.$route.query.group,
+      openedEntity: this.$route.query.id
+    };
+  }
+};
+</script>
+
+<style lang="scss">
+.FAQ {
+  &__wrapper {
+    margin-top: 20px;
+  }
+}
+</style>

package/routes/index.js

@@ -59,5 +59,15 @@ module.exports = function(routes, resolve) {
     path: '/checkout/order',
     component: resolve('@lancom/shared/pages/checkout/order.vue'),
     chunkName: 'pages/checkout/reset'
+  }, {
+    name: 'faq',
+    path: '/faq',
+    component: resolve('@lancom/shared/pages/faq/index.vue'),
+    chunkName: 'pages/faq'
+  }, {
+    name: 'faq-group',
+    path: '/faq/:group',
+    component: resolve('@lancom/shared/pages/faq/_group/index.vue'),
+    chunkName: 'pages/faq/group'
   }];
 }