@lancom/shared 0.0.261 → 0.0.262

package/assets/js/api/admin.js

@@ -132,34 +132,34 @@ export default {
     return _post(`admin/orders/pick-pdf`, { orders });
   },
   saveOrderSubsequentInvoice(order, invoice) {
-    return invoice._id ? _put(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/invoice/${invoice._id}`, invoice) : _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/invoice`, invoice);
+    return invoice._id ? _put(`admin/shop/${order.shop}/order/${order._id}/invoice/${invoice._id}`, invoice) : _post(`admin/shop/${order.shop}/order/${order._id}/invoice`, invoice);
   },
   sendOrderSubsequentInvoice(order, invoice) {
-    return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/invoice/${invoice}/send`);
+    return _post(`admin/shop/${order.shop}/order/${order._id}/invoice/${invoice}/send`);
   },
-  exportOrderToShippingService(order, shipment) {
-    return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/export-to-shipping-service`, shipment);
+  exportOrderToStarshipit(order, shipment) {
+    return _post(`admin/shop/${order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/export-to-starshipit`, shipment);
   },
   markShipmentAsDispatched(order, shipment) {
-    return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/dispatched`, shipment);
+    return _post(`admin/shop/${order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/dispatched`, shipment);
   },
   markSubOrderAsDispatched(order, subOrder) {
-    return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/sub-order/${subOrder._id}/dispatched`, subOrder);
+    return _post(`admin/shop/${order.shop}/order/${order._id}/sub-order/${subOrder._id}/dispatched`, subOrder);
   },
   generateDuplicateOrderCode(order) {
     return _get(`admin/order/${order}/duplicate-code`);
   },
   sendShipmentTracking(order, shipment, tracking) {
-    return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/tracking/${tracking._id}/send`, tracking);
+    return _post(`admin/shop/${order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/tracking/${tracking._id}/send`, tracking);
   },
-  removeShipment(order, shipment) {
-    return _delete(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}`);
+  removeShipmentFromStarshipit(order, shipment) {
+    return _delete(`admin/shop/${order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}`);
   },
   calculateShipmentRates(order, shipment) {
-    return _get(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/calculate-shipping`);
+    return _get(`admin/shop/${order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/calculate-shipping`);
   },
   createPrintLabels(order, shipment, rate) {
-    return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/print-labels`, rate);
+    return _post(`admin/shop/${order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/print-labels`, rate);
   },
   createOrderRefund(order, refund, shop) {
     return _post(`shop/${shop}/order/${order}/refund`, refund);

package/assets/js/constants/country.js

@@ -1,4 +1,4 @@
 export const COUNTRIES_CODES = {
   Australia: 'AU',
-  'United Kingdom': 'GB'
+  'United Kingdom': 'UK'
 };

package/assets/scss/ui_kit/_forms.scss

@@ -177,7 +177,7 @@ html[dir=rtl] .form-icon-left {
   height: 50px;
   border-width: 1px;
   border-style: solid;
-  border-color: $grey_3;
+  border-color: #EFF1F2;
   border-radius: 5px;
   font-style: normal;
   font-weight: normal;
@@ -424,7 +424,7 @@ html[dir=rtl] .textarea {
   }
   &__tags {
     min-height: 50px;
-    border: 1px solid $grey_3;
+    border: 1px solid #e5e5e5;
     border-radius: 8px !important;
     padding: 19px 3px 4px 20px;
   }

package/assets/scss/ui_kit/_tooltip.scss

@@ -1,5 +1,3 @@
-@import "@/assets/scss/variables";
-
 .tooltip {
   display: block !important;
   z-index: 10000;
@@ -27,7 +25,7 @@
   &.white &-inner {
     background: #FFF !important;
     color: #575872 !important;
-    border: 1px solid $grey_3 !important;
+    border: 1px solid #EFF1F2 !important;
   }
   &.white &-arrow {
     border-color: #FFF !important;

package/assets/scss/variables/_theme.scss

@@ -15,7 +15,7 @@ $white_high_emphasis: #FFFFFF;
 $white_medium_emphasis: rgba(255, 255, 255, .66);
 $gray: #575872 !default;
 $medium_gray: #B0B0BA !default;
-$light_gray: #F9F9FC;
+$light_gray: #F9F9FC !default;
 $link: #5D89A9;
 $error: #E44868;
 $secondary_900: #20303C;
@@ -52,8 +52,8 @@ $black: #343750 !default;
 $gray_main: #616277 !default;
 $grey_1: #616277 !default;
 $grey_2: #B0B0BA !default;
-$grey_3: #EFF1F2;
-$grey_4: #F9F9FC;
+$grey_3: #EFF1F2 !default;
+$grey_4: #F9F9FC !default;
 $grey_5: #9898A5 !default;
 
 $white: #fff;

package/components/asides/contact_us/contact-us.vue

@@ -170,6 +170,7 @@
 <script>
 import { mapGetters } from 'vuex';
 import api from '@lancom/shared/assets/js/api';
+import gtm from '@lancom/shared/assets/js/utils/gtm';
 
 export default {
   name: 'LancomContactUs',
@@ -201,6 +202,11 @@ export default {
           ...this.form
         };
         const response = await api.contactUs(body, this.shop._id);
+        gtm.push({
+          event: 'submit_contact_form',
+          referer: window.location.href,
+          ...this.form
+        });
         this.$toastr.s(`Thank you for getting in touch! Your Code is: ${response.code}`);
         this.$emit('close');
       } catch (error) {

package/components/checkout/cart/cart.mixin.js

@@ -12,7 +12,7 @@ export default {
     };
   },
   computed: {
-    ...mapGetters(['shop', 'country']),
+    ...mapGetters(['shop']),
     ...mapGetters('auth', ['user']),
     ...mapGetters('cart', [
       'entities',
@@ -45,11 +45,11 @@ export default {
   },
   watch: {
     entities() {
-      this.calculateCartPriceWithDebounce({ shop: this.shop, country: this.country });
+      this.calculateCartPriceWithDebounce({ shop: this.shop });
     }
   },
   mounted() {
-    this.calculateCartPriceWithDebounce({ shop: this.shop, country: this.country });
+    this.calculateCartPriceWithDebounce({ shop: this.shop });
     if (!this.suburb && this.user?.suburb) {
       this.handleSuburbChange(this.user.suburb);
     }
@@ -65,11 +65,11 @@ export default {
     ]),
     handleSuburbChange(suburb) {
       this.setSuburb(suburb);
-      this.calculateCartPrice({ shop: this.shop, country: this.country });
+      this.calculateCartPrice({ shop: this.shop });
     },
     handleCouponChange(coupon) {
       this.setCoupon(coupon);
-      this.calculateCartPrice({ shop: this.shop, country: this.country });
+      this.calculateCartPrice({ shop: this.shop });
     },
     async removeSimpleProducts(simpleProducts) {
       const message = 'This will delete all items in this row, Press OK to continue or Cancel';

package/components/checkout/cart/cart_price_info/cart-price-info.vue

@@ -41,7 +41,7 @@ export default {
     };
   },
   computed: {
-    ...mapGetters(['shop', 'country']),
+    ...mapGetters(['shop']),
     ...mapGetters('cart', [
       'entities',
       'cartPricing',
@@ -62,7 +62,7 @@ export default {
       'calculateCartPrice'
     ]),
     async calculatePrice() {
-      await this.calculateCartPrice({ shop: this.shop, country: this.country });
+      await this.calculateCartPrice({ shop: this.shop });
     }
   }
 };

package/components/checkout/cart/cart_shipments_pricing/cart-shipments-pricing.vue

@@ -33,7 +33,7 @@
           :class="{
             'CartShipmentsPricing__rate--disabled': rate.disabled
           }"
-          @click="selectRate({ supplier, rate, shop, country })">
+          @click="selectRate({ supplier, rate, shop })">
           <div class="CartShipmentsPricing__rate-info">
             <div class="CartShipmentsPricing__rate-icon">
               <checked-icon :checked="rate.selected" />
@@ -77,7 +77,7 @@ export default {
   },
   mixins: [confirm],
   computed: {
-    ...mapGetters(['shop', 'country']),
+    ...mapGetters(['shop']),
     ...mapGetters('cart', [
       'cartPricing'
     ]),

package/components/checkout/order/address-form/address-form.vue

@@ -203,7 +203,7 @@
           <input
             id="country"
             ref="country"
-            :value="address.country === 'Australia' ? 'Only Australia' : address.country"
+            value="Only Australia"
             name="country"
             type="country"
             class="form-field filled labelless"
@@ -264,7 +264,7 @@ export default {
     }
   },
   computed: {
-    ...mapGetters(['shop', 'country']),
+    ...mapGetters(['shop']),
     ...mapGetters('cart', [
       'suburb'
     ]),
@@ -296,13 +296,12 @@ export default {
         this.$set(this.address, 'state', suburb.state);
         this.$set(this.address, 'postcode', suburb.postcode);
         this.$set(this.address, 'city', suburb.locality);
-        this.$set(this.address, 'country', suburb.country);
       }
     },
     handleSuburbChange(suburb) {
       this.setAddressSuburb(suburb);
       this.setSuburb(suburb);
-      this.calculateCartPrice({ shop: this.shop, country: this.country });
+      this.calculateCartPrice({ shop: this.shop });
     }
   }
 };

package/components/checkout/order/order-shipping-method/order-shipping-method.vue

@@ -45,7 +45,7 @@ export default {
     };
   },
   computed: {
-    ...mapGetters(['shop', 'country']),
+    ...mapGetters(['shop']),
     ...mapGetters('cart', ['cartPricing']),
     shippingPricing() {
       return this.cartPricing?.shipping;
@@ -53,7 +53,7 @@ export default {
   },
   mounted() {
     if (!this.shippingPricing) {
-      this.calculateCartPrice({ shop: this.shop, country: this.country });
+      this.calculateCartPrice({ shop: this.shop });
     }
   },
   methods: {

package/components/checkout/order/order.vue

@@ -98,7 +98,7 @@ export default {
       company: null,
       additionalInfo: null,
       suburb: null,
-      country: null,
+      country: 'Australia',
       state: null,
       postcode: null
     };

package/components/common/contacts-phone.vue

@@ -0,0 +1,46 @@
+<template>
+  <span>
+    <i
+      v-if="icon"
+      class="icon-smartphone">
+    </i>
+    <a 
+      :href="`tel:${contacts.phone}`"
+      :style="{ color }"
+      @click="onClick">
+      {{contacts.phone}}
+    </a>
+  </span>
+</template>
+  
+<script>
+import { mapGetters } from 'vuex';
+import gtm from '@lancom/shared/assets/js/utils/gtm';
+
+export default {
+  name: 'ContactsPhone',
+  props: {
+    icon: {
+      type: Boolean,
+      default: false
+    },
+    color: {
+      type: String,
+      default: '#303030'
+    }
+  },
+  computed: {
+    ...mapGetters(['contacts'])
+  },
+  methods: {
+    onClick() {
+      gtm.push({
+        event: 'click_on_phone',
+        referer: window.location.href
+      });
+    }
+  }
+};
+</script>
+  
+  

package/components/common/payment/payment_card/pinpayment/pinpayment.vue

@@ -86,8 +86,6 @@
 </template>
 
 <script>
-let interval = null;
-
 export default {
   name: 'Payment',
   props: {
@@ -110,17 +108,14 @@ export default {
       fields: null
     };
   },
-  async mounted() {
+  mounted() {
     this.loading = true;
-
-    await this.preloadPinpayments();
-
     if (window.HostedFields) {
-      await this.initHostedPayment();
+      this.initHostedPayment();
     } else {
-      window.addEventListener('load', async () => {
+      window.addEventListener('load', () => {
         if (!this.fields) {
-          await this.initHostedPayment();
+          this.initHostedPayment();
         }
       });
     }
@@ -199,31 +194,7 @@ export default {
           }
         );
       });
-    },
-    async preloadPinpayments() {
-        if (!window.HostedFields) {
-          clearInterval(interval);
-          await this.loadPinpayments();
-          await new Promise((resolve, reject) => {
-            interval = setInterval(() => {
-              if (window.HostedFields) {
-                clearInterval(interval);
-                resolve()
-              }
-            }, 100);
-          });
-        }
-      },
-      loadPinpayments() {
-        return new Promise((resolve) => {
-          const script = document.createElement('script');
-          script.type = "text/javascript";
-          script.src = 'https://cdn.pinpayments.com/pin.hosted_fields.v1.js';
-          script.onload = () => resolve();
-          const body = document.getElementsByTagName('body')[0]; 
-          body.appendChild(script);
-        });
-      }
+    }
   }
 };
 </script>

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

@@ -88,9 +88,6 @@ export default {
   },
   filters: { highlight },
   props: {
-    country: {
-      type: Object
-    },
     value: {
       type: String
     },
@@ -150,8 +147,7 @@ export default {
     async handleSearch(query) {
       if (query.length) {
         this.isLoading = true;
-        const country = this.country ? (this.country.isoCode === 'GB' ? 'England' : (this.country.name || this.country)) : 'Australia';
-        this.suburbs = await api.fetchSuburbs({ query, country });
+        this.suburbs = await api.fetchSuburbs({ query });
         this.options = this.suburbs.map(this.createOptionFromSuburb);
         this.isLoading = false;
       } else {

package/components/common/products_total_pricing/products-total-pricing.vue

@@ -21,14 +21,13 @@
         Total: {{ pricing.totalPrice | price(currency) }} <br />
       </div>
       <div class="lc_regular14 mt-4">
-        Incl. {{ taxName }} ({{ pricing.tax.percent }}) {{ pricing.tax.totalPrice | price(currency) }}
+        Incl. GST ({{ pricing.tax.percent }}) {{ pricing.tax.totalPrice | price(currency) }}
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import { mapGetters } from 'vuex';
 import { price } from '@lancom/shared/assets/js/utils/filters';
 
 export default {
@@ -45,9 +44,6 @@ export default {
       type: String,
       default: 'Tee'
     }
-  },
-  computed: {
-    ...mapGetters(['taxName'])
   }
 };
 </script>

package/components/design/approve_design_header/approve-design-header.vue

@@ -36,7 +36,7 @@
           {{ order.postcode }},
           {{ order.state }},
           {{ order.city }},
-          {{ order.country || 'Australia'}}
+          Australia
         </span>
       </div>
     </div>

package/components/editor/editor.vue

@@ -18,9 +18,7 @@
               </component>
             </template>
           </tabs>
-          <div
-            v-if="productAvailableInCurrentCountry"
-            class="Editor__footer">
+          <div class="Editor__footer">
             <btn
               btn-label="Start again"
               btn-class="white"
@@ -137,12 +135,8 @@ export default {
     ...mapGetters('layers', [
       'layerThumbnails'
     ]),
-    productAvailableInCurrentCountry() {
-      const { countries } = this.product;
-      return !(countries || []).length || countries.includes(this.country._id);
-    },
     addToCartDisabled() {
-      return !this.usedSimpleProducts.length || (this.product.printOnly && !this.template.layers.length);
+      return !(this.template.layers.length && this.usedSimpleProducts.length);
     }
   },
   watch: {

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

@@ -116,11 +116,11 @@ export default {
     return {
       price: null,
       showDetails: false,
-      calculatePriceWithDebounce: debounce(() => this.calculateProductPrice({ shop: this.shop, country: this.country }), 500)
+      calculatePriceWithDebounce: debounce(() => this.calculateProductPrice(this.shop), 500)
     };
   },
   computed: {
-    ...mapGetters(['shop', 'country']),
+    ...mapGetters(['shop']),
     ...mapGetters('product', [
       'defaultSimpleProduct',
       'usedSimpleProducts',

package/components/editor/editor_pricing/editor_pricing_details/editor_pricing_details_prints/editor-pricing-details-prints.vue

@@ -32,18 +32,18 @@
           </td>
           <td>
             <strong>
-              {{ (priceIncludeGST ? group.setupPrice : group.setupPriceWithoutTax) | priceWithTax(pricingSettings, currency) }}
+              {{ group.setupPriceWithoutTax | priceWithTax(pricingSettings, currency) }}
             </strong>
           </td>
           <td>
             <span v-if="group.costType !== 'setup only'">
               <strong>
-                {{ (priceIncludeGST ? group.totalPrice : group.totalPriceWithoutTax) | price(currency) }}
+                {{ (displayPricingWithTax ? group.totalPrice : group.totalPriceWithoutTax) | price(currency) }}
               </strong>
-              = {{ group.amount }} x {{ (priceIncludeGST ? group.price : group.priceWithoutTax) | price(currency) }}
+              = {{ group.amount }} x {{ (displayPricingWithTax ? group.price : group.priceWithoutTax) | price(currency) }}
             </span>
             <strong v-else>
-              {{ (priceIncludeGST ? group.totalPrice : group.totalPriceWithoutTax) | price(currency) }}
+              {{ (displayPricingWithTax ? group.totalPrice : group.totalPriceWithoutTax) | price(currency) }}
             </strong>
           </td>
         </tr>
@@ -58,7 +58,7 @@
           </td>
           <td>
             <strong>
-              {{ (priceIncludeGST ? productPricing.products.prints.totalPrice : productPricing.products.prints.totalPriceWithoutTax) | price(currency) }}
+              {{ (displayPricingWithTax ? productPricing.products.prints.totalPrice : productPricing.products.prints.totalPriceWithoutTax) | price(currency) }}
             </strong>
           </td>
         </tr>
@@ -80,13 +80,12 @@ export default {
     sizesRange
   },
   computed: {
-    ...mapGetters(['pricingSettings']),
+    ...mapGetters(['displayPricingWithTax', 'pricingSettings']),
     ...mapGetters('product', [
       'product',
       'usedSimpleProducts',
       'productPricing',
-      'mainProductPricing',
-      'priceIncludeGST'
+      'mainProductPricing'
     ]),
     hasPrintSurcharge() {
       return this.product.printSurcharge > 0;

package/components/editor/editor_pricing/editor_pricing_details/editor_pricing_details_products/editor-pricing-details-products.vue

@@ -31,20 +31,13 @@
             {{ group.sizes | sizesRange }}
           </td>
           <td>
-            <span
-              v-if="priceIncludeGST"
-              class="EditorPricingDetailsProducts__hoverable">
+            <span class="EditorPricingDetailsProducts__hoverable">
               {{ groupPrice | priceWithTax(pricingSettings, currency) }}
             </span>
-            <span
-              v-else
-              class="EditorPricingDetailsProducts__hoverable">
-              {{ groupPrice | price(currency) }}
-            </span>
           </td>
           <td>
             <strong>
-              {{ (priceIncludeGST ? group.totalPrice : group.totalPriceWithoutTax) | price(currency) }}
+              {{ (displayPricingWithTax ? group.totalPrice : group.totalPriceWithoutTax) | price(currency) }}
             </strong>
           </td>
         </tr>
@@ -54,7 +47,7 @@
           </td>
           <td>
             <strong>
-              {{ (priceIncludeGST ? productPricing.products.products.totalPrice : productPricing.products.products.totalPriceWithoutTax) | price(currency) }}
+              {{ (displayPricingWithTax ? productPricing.products.products.totalPrice : productPricing.products.products.totalPriceWithoutTax) | price(currency) }}
             </strong>
           </td>
         </tr>
@@ -76,13 +69,12 @@ export default {
     sizesRange
   },
   computed: {
-    ...mapGetters(['pricingSettings']),
+    ...mapGetters(['displayPricingWithTax', 'pricingSettings']),
     ...mapGetters('product', [
       'product',
       'usedSimpleProducts',
       'mainProductPricing',
-      'productPricing',
-      'priceIncludeGST'
+      'productPricing'
     ]),
     hasUsedSimpleProducts() {
       return this.usedSimpleProducts.length > 0;

package/components/editor/editor_product_details/editor-product-details.scss

@@ -47,10 +47,4 @@
       text-align: center;
     }
   }
-  &__available-warning {
-    background-color: $error;
-    color: $white;
-    padding: 10px;
-    margin-top: 10px;
-  }
 }

package/components/editor/editor_product_details/editor-product-details.vue

@@ -61,13 +61,8 @@
         </div>
       </div>
     </div>
-    <div
-      v-if="!productAvailableInCurrentCountry"
-      class="EditorProductDetails__available-warning">
-      Product Not Available in {{ country.name }}
-    </div>
     <fragment
-      v-if="productDetailsLoaded && productAvailableInCurrentCountry">
+      v-if="productDetailsLoaded">
       <div class="EditorProductDetails__section">
         <product-colors-selector />
       </div>
@@ -117,13 +112,8 @@ export default {
       'layerThumbnails'
     ]),
     ...mapGetters([
-      'pricingSettings',
-      'country'
+      'pricingSettings'
     ]),
-    productAvailableInCurrentCountry() {
-      const { countries } = this.product;
-      return !(countries || []).length || countries.includes(this.country._id);
-    },
     productLink() {
       return generateProductLink(this.product);
     },

package/components/faq/faq.vue

@@ -111,7 +111,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "@/assets/scss/variables";
+@import "@lancom/shared/assets/scss/variables";
 $types: delivery, general, other, printing, garments;
 .FAQ {
   &__wrapper {
@@ -218,7 +218,7 @@ $types: delivery, general, other, printing, garments;
     &-body {
       padding: 6px 30px 24px 30px;
       line-height: 27px;
-      color: $grey_1;
+      color: $gray;
       overflow: hidden;
       @import "@lancom/shared/assets/scss/normalize";
     }