@lancom/shared 0.0.327 → 0.0.328

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

@@ -5,20 +5,20 @@
         <validation-provider
           v-slot="{ errors }"
           tag="div"
-          name="Full Name"
+          :name="namePrefix + 'Full Name'"
           rules="required"
           class="form-col col-half">
           <label
-            for="fullName"
+            :for="'fullName'+uniqueKey"
             class="form-label">
             Full Name
           </label>
           <input
-            id="fullName"
+            :id="'fullName'+uniqueKey"
             ref="fullName"
             v-model="address.fullName"
             placeholder="Full Name"
-            name="fullName"
+            :name="'fullName'+uniqueKey"
             type="text"
             class="form-field labelless"
             :class="{
@@ -35,19 +35,19 @@
         <validation-provider
           v-slot="{ errors }"
           tag="div"
-          name="company"
+          :name="namePrefix + 'Company'"
           class="form-col col-half">
           <label
-            for="company"
+            :for="'company'+uniqueKey"
             class="form-label">
             Company Name
           </label>
           <input
-            id="company"
+            :id="'company'+uniqueKey"
             ref="company"
             v-model="address.company"
             placeholder="Company Name"
-            name="company"
+            :name="'company'+uniqueKey"
             type="text"
             class="form-field labelless"
             :class="{
@@ -66,20 +66,20 @@
         <validation-provider
           v-slot="{ errors }"
           tag="div"
-          name="email"
+          :name="namePrefix + 'Email'"
           rules="required|email"
           class="form-col col-half">
           <label
-            for="email"
+            :for="'email'+uniqueKey"
             class="form-label">
             Email
           </label>
           <input
-            id="email"
+            :id="'email'+uniqueKey"
             ref="email"
             v-model="address.email"
             placeholder="Email"
-            name="email"
+            :name="'email'+uniqueKey"
             type="email"
             class="form-field labelless"
             :class="{
@@ -96,20 +96,20 @@
         <validation-provider
           v-slot="{ errors }"
           tag="div"
-          name="Phone"
+          :name="namePrefix + 'Phone'"
           rules="required|phone"
           class="form-col col-half">
           <label
-            for="phone"
+            :for="'phone'+uniqueKey"
             class="form-label">
             Phone number
           </label>
           <input
-            id="phone"
+            :id="'phone'+uniqueKey"
             ref="phone"
             v-model="address.phone"
             placeholder="Phone"
-            name="phone"
+            :name="'phone'+uniqueKey"
             type="text"
             class="form-field labelless"
             :class="{
@@ -127,19 +127,19 @@
       <validation-provider
         v-slot="{ errors }"
         tag="div"
-        name="Address line 1"
+        :name="namePrefix + 'Address line 1'"
         rules="required"
         class="form-row">
         <label
-          for="addressLine1"
+          :for="'addressLine1'+uniqueKey"
           class="form-label">
           Address line 1
         </label>
         <input
-          id="addressLine1"
+          :id="'addressLine1'+uniqueKey"
           ref="addressLine1"
           v-model="address.addressLine1"
-          name="addressLine1"
+          :name="'addressLine1'+uniqueKey"
           type="text"
           class="form-field labelless"
           placeholder="Address line 1"
@@ -158,18 +158,18 @@
       <validation-provider
         v-slot="{ errors }"
         tag="div"
-        name="Address line 2"
+        :name="namePrefix + 'Address line 2'"
         class="form-row">
         <label
-          for="addressLine2"
+          :for="'addressLine2'+uniqueKey"
           class="form-label">
           Address line 2
         </label>
         <input
-          id="addressLine2"
+          :id="'addressLine2'+uniqueKey"
           ref="addressLine2"
           v-model="address.addressLine2"
-          name="addressLine2"
+          :name="'addressLine2'+uniqueKey"
           type="text"
           class="form-field labelless"
           placeholder="Address line 2"
@@ -191,20 +191,21 @@
           :suburb="address.suburb"
           :labelless="true"
           :required="true"
+          :name-prefix="namePrefix"
           placeholder="Suburb"
           @select="handleSuburbChange">
         </postcode-select>
         <div class="form-col col-half">
           <label
-            for="country"
+            :for="'country'+uniqueKey"
             class="form-label">
             Country
           </label>
           <input
-            id="country"
+            :id="'country'+uniqueKey"
             ref="country"
             :value="address.country === 'Australia' ? 'Only Australia' : address.country"
-            name="country"
+            :name="'country'+uniqueKey"
             type="country"
             class="form-field filled labelless"
             disabled />
@@ -214,18 +215,18 @@
         v-if="!withoutAdditionalInfo"
         v-slot="{ errors }"
         tag="div"
-        name="additionalInfo"
+        :name="namePrefix + 'Additional Info'"
         class="form-row">
         <label
-          for="additionalInfo"
+          :for="'additionalInfo'+uniqueKey"
           class="form-label">
           Additional Info
         </label>
         <input
-          id="additionalInfo"
+          :id="'additionalInfo'+uniqueKey"
           ref="additionalInfo"
           v-model="address.additionalInfo"
-          name="additionalInfo"
+          :name="'additionalInfo'+uniqueKey"
           placeholder="Additional Info"
           type="text"
           class="form-field labelless"
@@ -253,6 +254,11 @@ export default {
   components: {
     PostcodeSelect
   },
+  data() {
+    return {
+      uniqueKey: Math.random()
+    };
+  },
   props: {
     address: {
       type: Object,
@@ -264,6 +270,10 @@ export default {
     withoutAdditionalInfo: {
       type: Boolean,
       default: false
+    },
+    namePrefix: {
+      type: String,
+      default: ''
     }
   },
   computed: {

package/components/checkout/order/order-billing-information/order-billing-information.vue

@@ -25,6 +25,7 @@
             <address-form
               :address="order.billingAddress"
               :copy-from="order.shippingAddress"
+              name-prefix="Delivery "
               :without-additional-info="true" />
           </div>
         </div>

package/components/checkout/order/order-success/order-success.scss

@@ -7,7 +7,7 @@
     right: 0;
   }
   &__card {
-    min-height: 250px;
+    min-height: 400px;
     display: flex;
     align-items: center;
     justify-content: center;

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

@@ -4,7 +4,7 @@
       v-slot="{ errors }"
       tag="div"
       :rules="required ? 'required' : ''"
-      name="Postcode"
+      :name="namePrefix + 'Postcode'"
       class="form-group">
       <label
         v-if="labelless"
@@ -55,6 +55,9 @@
       <input
         type="text"
         :value="value"
+        :id="'postcode'+uniqueKey"
+        :name="'postcode'+uniqueKey"
+        :required="required"
         :class="{ 'filled': value || selected }"
         class="form-hidden-validator form-field"
         style="display: none" />
@@ -120,10 +123,15 @@ export default {
     },
     suburb: {
       type: Object
+    },
+    namePrefix: {
+      type: String,
+      default: ''
     }
   },
   data() {
     return {
+      uniqueKey: Math.random(),
       selected: null,
       suburbs: [],
       options: [],

package/package.json

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