@lancom/shared 0.0.260 → 0.0.262

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/assets/js/api/admin.js +11 -11
  2. package/assets/js/constants/country.js +1 -1
  3. package/assets/scss/ui_kit/_forms.scss +2 -2
  4. package/assets/scss/ui_kit/_tooltip.scss +1 -3
  5. package/assets/scss/variables/_theme.scss +3 -3
  6. package/components/asides/contact_us/contact-us.vue +6 -0
  7. package/components/checkout/cart/cart.mixin.js +5 -5
  8. package/components/checkout/cart/cart_price_info/cart-price-info.vue +2 -2
  9. package/components/checkout/cart/cart_shipments_pricing/cart-shipments-pricing.vue +2 -2
  10. package/components/checkout/order/address-form/address-form.vue +3 -4
  11. package/components/checkout/order/order-shipping-method/order-shipping-method.vue +2 -2
  12. package/components/checkout/order/order.vue +1 -1
  13. package/components/common/contacts-phone.vue +46 -0
  14. package/components/common/payment/payment_card/pinpayment/pinpayment.vue +5 -34
  15. package/components/common/postcode_select/postcode-select.vue +1 -5
  16. package/components/common/products_total_pricing/products-total-pricing.vue +1 -5
  17. package/components/design/approve_design_header/approve-design-header.vue +1 -1
  18. package/components/editor/editor.vue +2 -8
  19. package/components/editor/editor_pricing/editor-pricing.vue +2 -2
  20. package/components/editor/editor_pricing/editor_pricing_details/editor_pricing_details_prints/editor-pricing-details-prints.vue +7 -8
  21. package/components/editor/editor_pricing/editor_pricing_details/editor_pricing_details_products/editor-pricing-details-products.vue +5 -13
  22. package/components/editor/editor_product_details/editor-product-details.scss +0 -6
  23. package/components/editor/editor_product_details/editor-product-details.vue +2 -12
  24. package/components/faq/faq.vue +2 -2
  25. package/components/modals/order_modal/order-modal.vue +3 -17
  26. package/components/order/order_price/order-price.vue +3 -5
  27. package/components/order/order_prints_groups/order-prints-groups.vue +1 -3
  28. package/components/order/order_products_groups/order-products-groups.vue +1 -3
  29. package/components/order/order_refund_view/order-refund-view.vue +3 -5
  30. package/components/order/order_setup_groups/order-setup-groups.vue +2 -4
  31. package/components/order/order_sku_groups/order-sku-groups.vue +1 -3
  32. package/components/order/order_view/order-view.vue +6 -10
  33. package/components/pricing/pricing_digital_printing/pricing-digital-printing.vue +1 -3
  34. package/components/pricing/pricing_example/pricing-example.vue +3 -3
  35. package/components/pricing/pricing_how_we_calculate/pricing-how-we-calculate.vue +2 -7
  36. package/components/pricing/pricing_products_calculator/pricing_product_calculator/pricing-product-calculator.vue +2 -2
  37. package/components/pricing/pricing_screen_printing/pricing-screen-printing.vue +1 -3
  38. package/components/product/product_price_range/product-price-range.vue +5 -6
  39. package/components/product/product_prints_price_info/product-prints-price-info.vue +2 -2
  40. package/components/products/products_autocomplete/products-autocomplete.scss +12 -10
  41. package/components/quotes/quote_request/quote-request.vue +12 -5
  42. package/components/quotes/quote_view/quote_option_view/quote-option-view.vue +4 -5
  43. package/components/subscribe/subscribe.vue +10 -1
  44. package/mixins/meta-info.js +1 -4
  45. package/mixins/products-price.js +2 -3
  46. package/package.json +1 -1
  47. package/store/cart.js +6 -7
  48. package/store/index.js +4 -15
  49. package/store/product.js +2 -3
@@ -127,11 +127,11 @@
127
127
  {{ errors[0] }}
128
128
  </span>
129
129
  </validation-provider>
130
- <div v-if="suburb" class="form-row">
130
+ <div class="form-row">
131
131
  <input
132
132
  id="country"
133
133
  ref="country"
134
- :value="suburb.country"
134
+ value="Only Australia"
135
135
  name="country"
136
136
  type="country"
137
137
  class="form-field filled labelless"
@@ -303,9 +303,6 @@ export default {
303
303
  mounted() {
304
304
  if (this.orderData) {
305
305
  this.form = {
306
- state: null,
307
- country: null,
308
- postcode: null,
309
306
  city: this.orderData.city,
310
307
  phone: this.orderData.phone,
311
308
  addressLine1: this.orderData.addressLine1,
@@ -328,27 +325,16 @@ export default {
328
325
  ...mapActions('cart', [
329
326
  'calculateCartPrice'
330
327
  ]),
331
- setAddressSuburb(suburb) {
332
- this.$set(this.form, 'suburb', suburb);
333
- if (suburb) {
334
- this.$set(this.form, 'state', suburb.state);
335
- this.$set(this.form, 'postcode', suburb.postcode);
336
- this.$set(this.form, 'city', suburb.locality);
337
- this.$set(this.form, 'country', suburb.country);
338
- }
339
- },
340
328
  handleSuburbChange(suburb) {
341
329
  this.form.suburb = suburb;
342
- this.setAddressSuburb(suburb);
343
330
  this.setSuburb(suburb);
344
- this.calculateCartPrice({ shop: this.shop, country: this.country });
331
+ this.calculateCartPrice({ shop: this.shop });
345
332
  },
346
333
  back() {
347
334
  this.switchModal('showCartModal');
348
335
  },
349
336
  async submit() {
350
337
  try {
351
- debugger;
352
338
  this.processing = true;
353
339
  const recaptchaToken = await this.getRecaptcha('create_order');
354
340
  await this.createOrder({
@@ -25,20 +25,19 @@
25
25
  <b>Delivery:</b> {{ price.shipping.totalPriceWithoutTax | price(currency) }} ({{ price.shipping.weight }})
26
26
  </div>
27
27
  <div class="lc_caption OrderPrice__row">
28
- <b>Order amount ex {{ taxName }}:</b> {{ price.totalPriceWithoutTax | price(currency) }}
28
+ <b>Order amount ex GST:</b> {{ price.totalPriceWithoutTax | price(currency) }}
29
29
  </div>
30
30
  <div class="lc_caption OrderPrice__row">
31
- <b>{{ taxName }}:</b> {{ price.tax.totalPrice | price(currency) }} ({{ price.tax.percent }})
31
+ <b>GST:</b> {{ price.tax.totalPrice | price(currency) }} ({{ price.tax.percent }})
32
32
  </div>
33
33
  <div class="lc_caption OrderPrice__row">
34
- <b>Order amount inc {{ taxName }}:</b> {{ price.totalPrice | price(currency) }}
34
+ <b>Order amount inc GST:</b> {{ price.totalPrice | price(currency) }}
35
35
  </div>
36
36
  </div>
37
37
  </div>
38
38
  </template>
39
39
 
40
40
  <script>
41
- import { mapGetters } from 'vuex';
42
41
  import { groupProductsPrintsBySize } from '@lancom/shared/assets/js/utils/products-grouping';
43
42
  import { price, print } from '@lancom/shared/assets/js/utils/filters';
44
43
 
@@ -52,7 +51,6 @@ export default {
52
51
  }
53
52
  },
54
53
  computed: {
55
- ...mapGetters(['taxName']),
56
54
  price() {
57
55
  return this.order.price;
58
56
  },
@@ -51,7 +51,7 @@
51
51
  <td>{{ total.price | price(currency) }}</td>
52
52
  </tr>
53
53
  <tr v-if="totalsWithGst">
54
- <td>Total inc. {{ taxName }}</td>
54
+ <td>Total inc. GST</td>
55
55
  <td colspan="3"></td>
56
56
  <td>{{ total.amount }}</td>
57
57
  <td></td>
@@ -65,7 +65,6 @@
65
65
  </template>
66
66
 
67
67
  <script>
68
- import { mapGetters } from 'vuex';
69
68
  import ProductSideWithPrint from '@lancom/shared/components/common/product_side_with_print/product-side-with-print';
70
69
  import { COLORS_IMAGES_TYPES } from '@lancom/shared/assets/js/constants/colors';
71
70
  import { groupProductsByPrints } from '@lancom/shared/assets/js/utils/products-grouping';
@@ -95,7 +94,6 @@ export default {
95
94
  }
96
95
  },
97
96
  computed: {
98
- ...mapGetters(['taxName']),
99
97
  printsGroups() {
100
98
  return groupProductsByPrints(this.order.products, this.order.price.products);
101
99
  },
@@ -40,7 +40,7 @@
40
40
  <td>{{ total.price | price(currency) }}</td>
41
41
  </tr>
42
42
  <tr v-if="totalsWithGst">
43
- <td>Total inc. {{ taxName }}</td>
43
+ <td>Total inc. GST</td>
44
44
  <td colspan="3"></td>
45
45
  <td>{{ total.amount }}</td>
46
46
  <td>{{ total.prints.amount }}</td>
@@ -59,7 +59,6 @@
59
59
  </template>
60
60
 
61
61
  <script>
62
- import { mapGetters } from 'vuex';
63
62
  import { print, price } from '@lancom/shared/assets/js/utils/filters';
64
63
  import { groupProductsByDesign } from '@lancom/shared/assets/js/utils/products-grouping';
65
64
  import OrderProductsGroup from './order_products_group/order-products-group';
@@ -92,7 +91,6 @@ export default {
92
91
  }
93
92
  },
94
93
  computed: {
95
- ...mapGetters(['taxName']),
96
94
  productsGroups() {
97
95
  return groupProductsByDesign(this.order.products, this.order.price.products);
98
96
  },
@@ -88,13 +88,13 @@
88
88
  'OrderRefundView__totals--paid': isPaid
89
89
  }">
90
90
  <div class="lc_regular16">
91
- Total ex {{ taxName }}: <b>{{ refund.total | price(currency) }}</b>
91
+ Total ex GST: <b>{{ refund.total | price(currency) }}</b>
92
92
  </div>
93
93
  <div class="lc_regular16">
94
- {{ taxName }}: <b>{{ refund.totalGST - refund.total | price(currency) }}</b>
94
+ GST: <b>{{ refund.totalGST - refund.total | price(currency) }}</b>
95
95
  </div>
96
96
  <div class="lc_regular16">
97
- Total inc {{ taxName }}: <b>{{ refund.totalGST | price(currency) }}</b>
97
+ Total inc GST: <b>{{ refund.totalGST | price(currency) }}</b>
98
98
  </div>
99
99
  </div>
100
100
  </div>
@@ -103,7 +103,6 @@
103
103
  </template>
104
104
 
105
105
  <script>
106
- import { mapGetters } from 'vuex';
107
106
  import OrderViewMixin from './../order_view/order-view.mixin';
108
107
  import OrderViewProduct from './../order_view/order_view_product/order-view-product';
109
108
 
@@ -124,7 +123,6 @@ export default {
124
123
  }
125
124
  },
126
125
  computed: {
127
- ...mapGetters(['taxName']),
128
126
  isPaid() {
129
127
  return this.refund.status === 'refunded';
130
128
  },
@@ -12,8 +12,8 @@
12
12
  <th>SKU</th>
13
13
  <th>Quantity</th>
14
14
  <th>Price</th>
15
- <th>{{ taxName }}</th>
16
- <th>Total Inc. {{ taxName }}</th>
15
+ <th>GST</th>
16
+ <th>Total Inc. GST</th>
17
17
  </tr>
18
18
  </thead>
19
19
  <tbody class="centered">
@@ -46,7 +46,6 @@
46
46
  </template>
47
47
 
48
48
  <script>
49
- import { mapGetters } from 'vuex';
50
49
  import { COLORS_IMAGES_TYPES } from '@lancom/shared/assets/js/constants/colors';
51
50
  import { groupProductsByPrints } from '@lancom/shared/assets/js/utils/products-grouping';
52
51
  import { price, print } from '@lancom/shared/assets/js/utils/filters';
@@ -68,7 +67,6 @@ export default {
68
67
  }
69
68
  },
70
69
  computed: {
71
- ...mapGetters(['taxName']),
72
70
  printsGroups() {
73
71
  return groupProductsByPrints(this.order.products, this.order.price.products);
74
72
  },
@@ -49,7 +49,7 @@
49
49
  </td>
50
50
  </tr>
51
51
  <tr v-if="totalsWithGst">
52
- <td> Total inc. {{ taxName }}</td>
52
+ <td> Total inc. GST</td>
53
53
  <td colspan="3"></td>
54
54
  <td>{{ total.amount }}</td>
55
55
  <td></td>
@@ -68,7 +68,6 @@
68
68
  </template>
69
69
 
70
70
  <script>
71
- import { mapGetters } from 'vuex';
72
71
  import { groupProductsBySKU } from '@lancom/shared/assets/js/utils/products-grouping';
73
72
  import { price } from '@lancom/shared/assets/js/utils/filters';
74
73
  import { copyToClipboard } from '@lancom/shared/assets/js/utils/copy-to-clipboard';
@@ -97,7 +96,6 @@ export default {
97
96
  }
98
97
  },
99
98
  computed: {
100
- ...mapGetters(['taxName']),
101
99
  featureGroups() {
102
100
  return groupProductsBySKU(this.order.products, this.order.price.products);
103
101
  },
@@ -127,10 +127,10 @@
127
127
  Shipping Total: <b>{{ model.shippingTotal | price(order.currency) }}</b>
128
128
  </div>
129
129
  <div class="lc_regular16">
130
- Total ex {{ taxName }}: <b>{{ (model.total + couponTotal) | price(order.currency) }}</b>
130
+ Total ex GST: <b>{{ (model.total + couponTotal) | price(order.currency) }}</b>
131
131
  </div>
132
132
  <div class="lc_regular16">
133
- {{ taxName }}: <b>{{ model.totalGST - model.total | price(order.currency) }}</b>
133
+ GST: <b>{{ model.totalGST - model.total | price(order.currency) }}</b>
134
134
  </div>
135
135
  <div
136
136
  v-if="!invoice && order.couponCode"
@@ -138,7 +138,7 @@
138
138
  Coupon: <b>{{ couponTotal | price(order.currency) }}</b>
139
139
  </div>
140
140
  <div class="lc_regular16">
141
- Total inc {{ taxName }}: <b>{{ model.totalGST | price(order.currency) }}</b>
141
+ Total inc GST: <b>{{ model.totalGST | price(order.currency) }}</b>
142
142
  </div>
143
143
  <div class="lc_regular16">
144
144
  {{ isPaid ? 'Paid' : 'Pending Payment' }}: <b>{{ model.totalGST | price(order.currency) }}</b>
@@ -175,10 +175,10 @@
175
175
  Shipping Total: <b>{{ model.shippingTotal | price(order.currency) }}</b>
176
176
  </div>
177
177
  <div class="lc_regular16">
178
- Total ex {{ taxName }}: <b>{{ (model.total + couponTotal) | price(order.currency) }}</b>
178
+ Total ex GST: <b>{{ (model.total + couponTotal) | price(order.currency) }}</b>
179
179
  </div>
180
180
  <div class="lc_regular16">
181
- {{ taxName }}: <b>{{ model.totalGST - model.total | price(order.currency) }}</b>
181
+ GST: <b>{{ model.totalGST - model.total | price(order.currency) }}</b>
182
182
  </div>
183
183
  <div
184
184
  v-if="!invoice && order.couponCode"
@@ -186,7 +186,7 @@
186
186
  Coupon: <b>{{ couponTotal | price(order.currency) }}</b>
187
187
  </div>
188
188
  <div class="lc_regular16">
189
- Total inc {{ taxName }}: <b>{{ model.totalGST | price(order.currency) }}</b>
189
+ Total inc GST: <b>{{ model.totalGST | price(order.currency) }}</b>
190
190
  </div>
191
191
  <div class="lc_regular16">
192
192
  {{ isPaid ? 'Paid' : 'Pending Payment' }}: <b>{{ model.totalGST | price(order.currency) }}</b>
@@ -198,7 +198,6 @@
198
198
  </template>
199
199
 
200
200
  <script>
201
- import { mapGetters } from 'vuex';
202
201
  import OrderViewMixin from './order-view.mixin';
203
202
  import OrderViewProduct from './order_view_product/order-view-product';
204
203
 
@@ -213,9 +212,6 @@ export default {
213
212
  type: Boolean,
214
213
  default: true
215
214
  }
216
- },
217
- computed: {
218
- ...mapGetters(['taxName'])
219
215
  }
220
216
  };
221
217
  </script>
@@ -205,7 +205,7 @@
205
205
  v-if="isSelectedPrint"
206
206
  class="form-row">
207
207
  <span class="PricingMainSection__section-content-label">
208
- Inclusive of {{ taxName }}:
208
+ Inclusive of GST:
209
209
  </span>
210
210
  <span class="PricingMainSection__section-content-value">
211
211
  {{ productPricing.tax.totalPrice | price(currency) }}
@@ -225,7 +225,6 @@
225
225
  </template>
226
226
 
227
227
  <script>
228
- import { mapGetters } from 'vuex';
229
228
  import { PRODUCT_TYPES, PRODUCT_TYPES_LIST } from '@lancom/shared/assets/js/constants/product';
230
229
  import productsPrice from '@lancom/shared/mixins/products-price';
231
230
  import Range from '@lancom/shared/components/common/range/range';
@@ -255,7 +254,6 @@ export default {
255
254
  };
256
255
  },
257
256
  computed: {
258
- ...mapGetters(['taxName']),
259
257
  productEditorLink() {
260
258
  return `/${this.product.SKU}/${this.product.alias}/editor`;
261
259
  },
@@ -63,7 +63,7 @@
63
63
  {{ productPricing.totalPrice | price(currency) }}
64
64
  </div>
65
65
  <div class="PricingExample__example-tax">
66
- Inclusive of {{ taxName }}: {{ productPricing.tax.totalPrice | price(currency) }}
66
+ Inclusive of GST: {{ productPricing.tax.totalPrice | price(currency) }}
67
67
  </div>
68
68
  <div class="mt-10">
69
69
  + Delivery
@@ -139,7 +139,7 @@ export default {
139
139
  };
140
140
  },
141
141
  computed: {
142
- ...mapGetters(['shop', 'country', 'taxName']),
142
+ ...mapGetters(['shop']),
143
143
  printsPricing() {
144
144
  return this.productPricing?.products[this.product._id]?.prints.prints || [];
145
145
  }
@@ -152,7 +152,7 @@ export default {
152
152
  const prints = this.generateSidesPrints();
153
153
  const layers = prints.map(({ printType, printSize, printArea }) => ({ printType: printType?._id, printSize: printSize?._id, printArea: printArea?._id }));
154
154
  const entities = getProductsForCalculatePricing(this.product, [this.simpleProduct], layers, true, true);
155
- this.productPricing = await api.calculateProductPrice({ entities, country: this.country?._id }, this.shop._id);
155
+ this.productPricing = await api.calculateProductPrice({ entities }, this.shop._id);
156
156
  },
157
157
  generateSidesPrints() {
158
158
  return this.sides
@@ -76,7 +76,7 @@
76
76
  Your Total Price
77
77
  </div>
78
78
  <div class="PricingHowWeCalculate__entity-description">
79
- (inclusive of {{ taxName }})
79
+ (inclusive of GST)
80
80
  </div>
81
81
  </div>
82
82
  </div>
@@ -86,13 +86,8 @@
86
86
  </template>
87
87
 
88
88
  <script>
89
- import { mapGetters } from 'vuex';
90
-
91
89
  export default {
92
- name: 'PricingHowWeCalculate',
93
- computed: {
94
- ...mapGetters(['taxName'])
95
- }
90
+ name: 'PricingHowWeCalculate'
96
91
  };
97
92
  </script>
98
93
 
@@ -216,7 +216,7 @@ export default {
216
216
  };
217
217
  },
218
218
  computed: {
219
- ...mapGetters(['shop', 'country']),
219
+ ...mapGetters(['shop']),
220
220
  maxScreenPrintColors() {
221
221
  const printTypes = this.product.printTypes.filter(printType => printType.type === 'screen print');
222
222
  return Math.max(...printTypes.map(printType => printType.colorsQuantity));
@@ -262,7 +262,7 @@ export default {
262
262
  const prints = this.generateSidesPrints(type);
263
263
  const layers = prints.map(({ printType, printSize, printArea }) => ({ printType: printType?._id, printSize: printSize?._id, printArea: printArea?._id }));
264
264
  const entities = getProductsForCalculatePricing(this.product, [this.simpleProduct], layers, true, true);
265
- const pricing = await api.calculateProductPrice({ entities, postcode: this.postcode, country: this.country?._id }, this.shop._id);
265
+ const pricing = await api.calculateProductPrice({ entities, postcode: this.postcode }, this.shop._id);
266
266
  return { pricing, prints, type };
267
267
  })
268
268
  );
@@ -205,7 +205,7 @@
205
205
  v-if="isSelectedPrint"
206
206
  class="form-row">
207
207
  <span class="PricingScreenPrintSection__section-content-label">
208
- Inclusive of {{ taxName }}:
208
+ Inclusive of GST:
209
209
  </span>
210
210
  <span class="PricingScreenPrintSection__section-content-value">
211
211
  {{ productPricing.tax.totalPrice | price(currency) }}
@@ -226,7 +226,6 @@
226
226
 
227
227
  <script>
228
228
  import Multiselect from 'vue-multiselect';
229
- import { mapGetters } from 'vuex';
230
229
  import { PRODUCT_TYPES, PRODUCT_TYPES_LIST } from '@lancom/shared/assets/js/constants/product';
231
230
  import productsPrice from '@lancom/shared/mixins/products-price';
232
231
  import Range from '@lancom/shared/components/common/range/range';
@@ -286,7 +285,6 @@ export default {
286
285
  };
287
286
  },
288
287
  computed: {
289
- ...mapGetters(['taxName']),
290
288
  productEditorLink() {
291
289
  return `/${this.product.SKU}/${this.product.alias}/editor`;
292
290
  },
@@ -10,12 +10,12 @@
10
10
  {{ product[minPriceAttr] | tax(gstTax) | price(currency) }}
11
11
  <span
12
12
  v-if="visiblePriceInfo"
13
- class="lc_regular11 lc_bold">inc. {{ taxName }}</span>
13
+ class="lc_regular11 lc_bold">inc. GST</span>
14
14
  </div>
15
15
  <div
16
16
  v-if="withoutGst"
17
17
  :class="withGst ? 'lc_regular11' : 'lc_h4'">
18
- {{ prePriceText }} {{ product[minPriceAttr] | price(currency) }} + {{ taxName }}
18
+ {{ prePriceText }} {{ product[minPriceAttr] | price(currency) }} + GST
19
19
  </div>
20
20
  </div>
21
21
  <div
@@ -27,12 +27,12 @@
27
27
  {{ product[minPriceAttr] | tax(gstTax) | price(currency) }} {{ rangeDivider }} {{ product[maxPriceAttr] | tax(gstTax) | price(currency) }}
28
28
  <span
29
29
  v-if="visiblePriceInfo"
30
- class="lc_regular11 lc_bold"> inc. {{ taxName }}</span>
30
+ class="lc_regular11 lc_bold"> inc. GST</span>
31
31
  </div>
32
32
  <div
33
33
  v-if="withoutGst"
34
34
  :class="withGst ? 'lc_regular11' : 'lc_h4'">
35
- {{ prePriceText }} {{ product[minPriceAttr] | price(currency) }} {{ rangeDivider }} {{ product[maxPriceAttr] | price(currency) }} + {{ taxName }}
35
+ {{ prePriceText }} {{ product[minPriceAttr] | price(currency) }} {{ rangeDivider }} {{ product[maxPriceAttr] | price(currency) }} + GST
36
36
  </div>
37
37
  </div>
38
38
  </div>
@@ -84,8 +84,7 @@ export default {
84
84
  },
85
85
  computed: {
86
86
  ...mapGetters([
87
- 'gstTax',
88
- 'taxName'
87
+ 'gstTax'
89
88
  ])
90
89
  }
91
90
  };
@@ -4,7 +4,7 @@
4
4
  <checkbox
5
5
  v-model="inclGST"
6
6
  :dark="true">
7
- <div class="ml-5">Inc. {{ taxName }}</div>
7
+ <div class="ml-5">Inc. GST</div>
8
8
  </checkbox>
9
9
  </div>
10
10
  <tabs
@@ -88,7 +88,7 @@ export default {
88
88
  };
89
89
  },
90
90
  computed: {
91
- ...mapGetters(['shop', 'taxName']),
91
+ ...mapGetters(['shop']),
92
92
  ...mapGetters('product', ['priceIncludeGST']),
93
93
  ...mapGetters(['helpMessages']),
94
94
  hasPrintSurcharge() {
@@ -10,21 +10,20 @@
10
10
  right: 0;
11
11
  top: 41px;
12
12
  padding: 10px;
13
- background-color: white;
14
- border: 1px solid $medium_gray;
15
- z-index: 999;
13
+ background-color: $black;
14
+ color: $white;
16
15
  }
17
16
  &__result-item {
18
17
  padding-bottom: 10px;
19
18
  margin-bottom: 10px;
20
- border-bottom: 1px solid $medium_gray;
19
+ border-bottom: 1px solid $gray_main;
21
20
  &:last-child {
22
21
  border-bottom: none;
23
22
  margin-bottom: 0px;
24
23
  }
25
24
  ::v-deep {
26
25
  a {
27
- color: $gray_main;
26
+ color: $white;
28
27
  font-size: 13px;
29
28
  text-decoration: none;
30
29
  }
@@ -34,22 +33,24 @@
34
33
  padding: 10px;
35
34
  text-align: center;
36
35
  display: block;
37
- background-color: $black;
38
- color: $white !important;
36
+ background-color: $white;
39
37
  &:hover {
40
- background-color: $white;
41
- color: $black !important;
38
+ background-color: $black;
39
+ color: $white;
42
40
  }
43
41
  }
44
42
  }
45
43
  &__input {
46
44
  input {
47
- border-color: $medium_gray;
45
+ background-color: #535353;
46
+ border: none;
48
47
  border-radius: 0px;
48
+ color: $white;
49
49
  height: 41px;
50
50
  position: relative;
51
51
  z-index: 1;
52
52
  &::placeholder {
53
+ font-weight: 600;
53
54
  font-size: 14px;
54
55
  color: $grey_3;
55
56
  }
@@ -60,6 +61,7 @@
60
61
  right: 10px;
61
62
  font-size: 17px;
62
63
  pointer-events: none;
64
+ color: $white;
63
65
  &.icon-search {
64
66
  z-index: 2;
65
67
  pointer-events: all;
@@ -354,7 +354,7 @@ export default {
354
354
  email: '',
355
355
  phone: '',
356
356
  suburb: null,
357
- country: null
357
+ country: 'Australia'
358
358
  },
359
359
  expectedItemsQuantity: null,
360
360
  description: '',
@@ -366,7 +366,7 @@ export default {
366
366
  };
367
367
  },
368
368
  computed: {
369
- ...mapGetters(['shop']),
369
+ ...mapGetters(['shop', 'currency']),
370
370
  ...mapGetters('cart', ['entities']),
371
371
  },
372
372
  methods: {
@@ -400,8 +400,7 @@ export default {
400
400
  try {
401
401
  this.processing = true;
402
402
  const recaptchaToken = await this.getRecaptcha('quote_request');
403
- const body = {
404
- recaptchaToken,
403
+ const quoteInfo = {
405
404
  ...this.quote,
406
405
  quoteTypes: Object.keys(this.selectedQuoteTypes),
407
406
  shop: this.shop._id,
@@ -428,9 +427,17 @@ export default {
428
427
  })
429
428
  }
430
429
  };
430
+ const body = {
431
+ recaptchaToken,
432
+ ...quoteInfo
433
+ };
431
434
  const quote = await api.saveQuoteRequest(body, this.shop._id);
432
435
 
433
- gtm.push({ event: 'generate_lead', currency: 'AUD' });
436
+ gtm.push({
437
+ event: 'submit_quote_request',
438
+ currency: this.currency?.symbol || 'AUD',
439
+ ...quoteInfo
440
+ });
434
441
 
435
442
  this.$toastr.s('Your request will be processed within 24-48 hours. Thank You.');
436
443
  this.$emit('added', quote);
@@ -11,9 +11,9 @@
11
11
  <div>Products Total: <b>{{ option.productsTotal | price(currency) }}</b></div>
12
12
  <div>Prints Total: <b>{{ option.printsTotal | price(currency) }}</b></div>
13
13
  <div>Shipping Total: <b>{{ option.shippingTotal | price(currency) }}</b></div>
14
- <div>Total ex {{ taxName }}: <b>{{ option.total | price(currency) }}</b></div>
15
- <div>{{ taxName }}: <b>{{ optionGst(option) | price(currency) }}</b></div>
16
- <div>Total inc {{ taxName }}: <b>{{ option.total | tax(gstTax) | price(currency) }}</b></div>
14
+ <div>Total ex GST: <b>{{ option.total | price(currency) }}</b></div>
15
+ <div>GST: <b>{{ optionGst(option) | price(currency) }}</b></div>
16
+ <div>Total inc GST: <b>{{ option.total | tax(gstTax) | price(currency) }}</b></div>
17
17
  </div>
18
18
  </div>
19
19
  </template>
@@ -40,8 +40,7 @@ export default {
40
40
  },
41
41
  computed: {
42
42
  ...mapGetters([
43
- 'gstTax',
44
- 'taxName'
43
+ 'gstTax'
45
44
  ])
46
45
  },
47
46
  methods: {
@@ -45,7 +45,8 @@
45
45
  }" />
46
46
  <label
47
47
  :for="'email' + uniqueKey"
48
- class="form-label label-inner">
48
+ class="form-label label-inner"
49
+ @click="$refs.email.focus()">
49
50
  Your email address
50
51
  </label>
51
52
  <span
@@ -77,6 +78,7 @@
77
78
  <script>
78
79
  import { mapGetters } from 'vuex';
79
80
  import api from '@lancom/shared/assets/js/api';
81
+ import gtm from '@lancom/shared/assets/js/utils/gtm';
80
82
 
81
83
  export default {
82
84
  name: 'Subscribe',
@@ -120,6 +122,13 @@ export default {
120
122
  ...this.subscriber
121
123
  };
122
124
  await api.subscribe(body, this.shop._id);
125
+
126
+ gtm.push({
127
+ event: 'submit_subscribe_form',
128
+ referer: window.location.href,
129
+ ...this.subscriber
130
+ });
131
+
123
132
  this.isSubscribed = true;
124
133
  this.subscriber.email = null;
125
134
  } catch (error) {
@@ -34,10 +34,7 @@ const metaInfo = {
34
34
  }
35
35
  },
36
36
  head() {
37
- const hasQueryParams = Object
38
- .keys(this.$route.query || {})
39
- .filter(key => !['color', 'store'].includes(`${key || ''}`.toLowerCase()))
40
- .length > 0;
37
+ const hasQueryParams = Object.keys(this.$route.query || {}).length > 0;
41
38
 
42
39
  const { short_text: shortText, image, meta = {} } = this.routeInfo || {};
43
40
  const pageItemMeta = this.pageItem?.meta || {};
@@ -22,7 +22,7 @@ const productsPrice = {
22
22
  };
23
23
  },
24
24
  computed: {
25
- ...mapGetters(['pricingSettings', 'shop', 'country']),
25
+ ...mapGetters(['pricingSettings', 'shop']),
26
26
  printsPricing() {
27
27
  const pricing = {};
28
28
  if (this.productPricing) {
@@ -72,8 +72,7 @@ const productsPrice = {
72
72
  const playload = {
73
73
  products: this.calcProducts,
74
74
  postcode: this.postcode,
75
- screenPrint: this.screenPrint,
76
- country: this.country?._id
75
+ screenPrint: this.screenPrint
77
76
  };
78
77
  this.productPricing = await api.calculateProductPrice(playload, this.shop._id);
79
78
  }