fix: after refactor

packages/commercetools/theme/components/Checkout/CartPreview.vue

@@ -32,6 +32,7 @@
       />
       <SfProperty
         name="Shipping"
+        v-if="chosenShippingMethod && chosenShippingMethod.zoneRates"
         :value="$n(getShippingMethodPrice(chosenShippingMethod), 'currency')"
         class="sf-property--full-width sf-property--large property"
       />
@@ -75,7 +76,7 @@ import {
   SfCircleIcon
 } from '@storefront-ui/vue';
 import { computed, ref } from '@vue/composition-api';
-import { useCheckout, useCart, cartGetters } from '<%= options.generate.replace.composables %>';
+import { useCheckout, useCart, cartGetters } from '@vue-storefront/commercetools';
 import getShippingMethodPrice from '@/helpers/Checkout/getShippingMethodPrice';
 
 export default {

packages/commercetools/theme/components/Checkout/ShippingForm.vue

@@ -176,7 +176,7 @@
         class="sf-heading--left sf-heading--no-underline title"
       />
       <div class="form">
-        <div class="form__radio-group" v-if="isShippingDetailsCompleted && !dirty">
+        <!-- <div class="form__radio-group" v-if="isShippingDetailsCompleted && !dirty">
           <SfRadio
             v-for="item in shippingMethods.shippingMethods"
             :key="item.id || item.name"
@@ -202,7 +202,7 @@
               </div>
             </template>
           </SfRadio>
-        </div>
+        </div> -->
         <div class="form__action">
           <nuxt-link
             to="/checkout/personal-details"
@@ -239,7 +239,7 @@ import {
   SfRadio,
   SfCheckbox
 } from '@storefront-ui/vue';
-import { useUserShipping, userShippingGetters, useShippingMethod, useUser, useShipping } from '@vue-storefront/commercetools';
+import { useUserShipping, userShippingGetters, useUser, useShipping } from '@vue-storefront/commercetools';
 import { ValidationProvider, ValidationObserver, extend } from 'vee-validate';
 import { required, min, digits } from 'vee-validate/dist/rules';
 import { useVSFContext } from '@vue-storefront/core';
@@ -277,13 +277,12 @@ export default {
   },
   props: {
     isSaving: Object,
-    handleShippingMethodSubmit: Function,
+    // handleShippingMethodSubmit: Function,
     handleShippingAddressSubmit: Function
   },
   setup(props, context) {
     const { $ct: { config } } = useVSFContext();
     const { shipping: address } = useShipping();
-    const { shippingMethods } = useShippingMethod();
     const { isAuthenticated } = useUser();
     const { shipping: userShipping, load: loadUserShipping, setDefaultAddress } = useUserShipping();
 
@@ -305,12 +304,12 @@ export default {
     });
 
     const handleStepSubmit = () => context.emit('stepSubmit');
-    const handleMethodSubmit = async (reset, shippingMethod) => {
-      chosenShippingMethod.value = shippingMethod;
-      await props.handleShippingMethodSubmit(shippingMethod);
-      reset();
-      isShippingMethodCompleted.value = true;
-    };
+    // const handleMethodSubmit = async (reset, shippingMethod) => {
+    //   chosenShippingMethod.value = shippingMethod;
+    //   await props.handleShippingMethodSubmit(shippingMethod);
+    //   reset();
+    //   isShippingMethodCompleted.value = true;
+    // };
 
     const handleAddressSubmit = (reset) => async () => {
       const addressId = currentAddressId.value;
@@ -387,7 +386,6 @@ export default {
       shippingDetails,
       chosenShippingMethod,
       countries: config.countries,
-      shippingMethods,
       setAsDefault,
       canAddNewAddress,
       currentAddressId,
@@ -397,7 +395,7 @@ export default {
       isShippingMethodCompleted,
       isShippingDetailsCompleted,
 
-      handleMethodSubmit,
+      // handleMethodSubmit,
       handleAddressSubmit,
       handleStepSubmit,
       handleAddNewAddressBtnClick,

packages/commercetools/theme/pages/Checkout.vue

@@ -21,8 +21,8 @@
 <script>
 
 import { SfSteps, SfButton } from '@storefront-ui/vue';
-import CartPreview from '~/components/checkout/CartPreview';
-import OrderReview from '~/components/checkout/OrderReview';
+import CartPreview from '~/components/Checkout/CartPreview';
+import OrderReview from '~/components/Checkout/OrderReview';
 import { ref, computed } from '@vue/composition-api';
 import { useUser } from '@vue-storefront/commercetools';
 

packages/commercetools/theme/pages/CheckoutV2/Shipping.vue

@@ -7,7 +7,6 @@
     />
     <ShippingForm
       :isSaving="isSaving"
-      :handleShippingMethodSubmit="handleShippingMethodSubmit"
       :handleShippingAddressSubmit="handleShippingAddressSubmit"
       @stepSubmit="handleStepSubmit"
     />
@@ -18,7 +17,7 @@
 import {
   SfHeading
 } from '@storefront-ui/vue';
-import { useShipping, useShippingMethod } from '@vue-storefront/commercetools';
+import { useShipping } from '@vue-storefront/commercetools';
 import { onSSR } from '@vue-storefront/core';
 import { reactive } from '@vue/composition-api';
 import ShippingForm from '@/components/Checkout/ShippingForm';
@@ -35,11 +34,6 @@ export default {
       load: loadShipping,
       error: shippingError
     } = useShipping();
-    const {
-      save: saveShippingMethod,
-      load: loadShippingMethod,
-      error: shippingMethodError
-    } = useShippingMethod();
 
     const isSaving = reactive({
       details: false,
@@ -56,25 +50,25 @@ export default {
       if (shippingError.value.save) {
         return;
       }
-      await loadShippingMethod();
+      // await loadShippingMethod();
       isSaving.details = false;
     };
 
-    const handleShippingMethodSubmit = async shippingMethod => {
-      isSaving.method = true;
-      await saveShippingMethod({ shippingMethod });
-      if (shippingMethodError.value.save) {
-        return;
-      }
-      isSaving.method = false;
-    };
+    // const handleShippingMethodSubmit = async shippingMethod => {
+    //   isSaving.method = true;
+    //   await saveShippingMethod({ shippingMethod });
+    //   if (shippingMethodError.value.save) {
+    //     return;
+    //   }
+    //   isSaving.method = false;
+    // };
 
     const handleStepSubmit = () => context.root.$router.push('/checkout/payment');
 
     return {
       isSaving,
       handleShippingAddressSubmit,
-      handleShippingMethodSubmit,
+      // handleShippingMethodSubmit,
       handleStepSubmit
     };
   }