@viur/shop-components 0.14.6 → 0.14.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viur/shop-components",
-  "version": "0.14.6",
+  "version": "0.14.7",
   "description": "Frontend Vue components for the shop module of ViUR",
   "repository": {
     "type": "git",

package/src/ShopOrderStepper.vue

@@ -3,10 +3,11 @@
         ref="stepper"
         class="viur-shop-order-tabgroup"
         no-scroll-controls
+        :data-steppervisible="shopStore.state.stepperVisible"
     >
         <template v-for="(tab,name) in shopStore.state.tabs">
             <StepperTab
-v-show="shopStore.state.currentTab!=='complete'"
+                v-show="shopStore.state.stepperVisible"
                 :tab="name"
             >
             </StepperTab>
@@ -106,4 +107,8 @@ sl-tab-panel {
   }
 }
 
+.viur-shop-order-tabgroup[data-steppervisible='false']::part(nav){
+  visibility: hidden;
+}
+
 </style>

package/src/composables/address.js

@@ -96,7 +96,12 @@ export const useAddress = defineStore('useAddressStore', () => {
         // The address skel is the same, we just need to reload the relation
         fetchCart();
       } else {
-        await updateCart({shipping_address_key: key});
+        let resp = await updateCart({shipping_address_key: key});
+        const data = await resp.json()
+        shopStore.state.cartRoot['shipping_address'] = data['shipping_address']
+        if (shopStore.state.cartRoot.discount){
+          shopStore.state.discounts = {[shopStore.state.cartRoot.discount.dest.key]:shopStore.state.cartRoot.discount}
+        }
       }
     } else if (type === 'billing') {
       const {addOrUpdateOrder, fetchOrder, billingAddressKey} = useOrder();

package/src/shop.js

@@ -125,7 +125,13 @@ export const useViurShopStore = defineStore("viurshopStore", () => {
         paymentProviderData:null,
         UserDataLayout: shallowRef(AddressFormLayout),
         discounts:{},
-        stepperActionComponent:shallowRef(ShopOrderStepperAction)
+        stepperActionComponent:shallowRef(ShopOrderStepperAction),
+
+        //stepper rules:
+        stepperVisible: computed(()=>{
+          return state.currentTab!=='complete'
+        })
+
     })
 
     function addTab({name, component, displayname, iconname, iconlibrary,active})