🐛 bug: shippingLine undefined

:%s

framework/commerce/types/cart.ts

@@ -122,7 +122,7 @@ export type CartCheckout = {
   // Discounts that have been applied on the cart.
   discounts?: Discount[]
   totalDiscount: number
-  shippingLine: {
+  shippingLine?: {
     priceWithTax: number
     shippingMethod: ShippingMethod
   }

framework/vendure/api/operations/get-product.ts

@@ -2,7 +2,7 @@ import { Product } from '@commerce/types/product'
 import { OperationContext } from '@commerce/api/operations'
 import { Provider, VendureConfig } from '../'
 import { GetProductQuery } from '../../schema'
-import { getProductQuery, getProductDetailQuery } from '../../utils/queries/get-product-query'
+import { getProductQuery } from '../../utils/queries/get-product-query'
 
 export default function getProductOperation({
   commerce,

framework/vendure/utils/normalize.ts

@@ -94,10 +94,10 @@ export function normalizeCartForCheckout(order: CartFragment): CartCheckout {
       countryCode: order.shippingAddress?.countryCode || '',
       phoneNumber: order.shippingAddress?.phoneNumber || '',
     },
-    shippingLine: {
-      priceWithTax: order.shippingLines[0].priceWithTax / 100,
-      shippingMethod: order.shippingLines[0].shippingMethod as ShippingMethod
-    },
+    shippingLine: order.shippingLines[0] ? {
+      priceWithTax: order.shippingLines[0]?.priceWithTax / 100,
+      shippingMethod: order.shippingLines[0]?.shippingMethod as ShippingMethod
+    }: undefined,
     totalDiscount: order.discounts?.reduce((total, item) => total + item.amountWithTax, 0) / 100 || 0,
     discounts: order.discounts.map(item => {
       return { value: item.amountWithTax, description: item.description }

src/components/modules/checkout/CheckoutBill/CheckoutBill.tsx

@@ -49,7 +49,7 @@ const CheckoutBill = ({ data }: CheckoutBillProps) => {
           </div>
           <div className={s.line}>
             Shipping
-            <div className={s.shipping}>{data?.shippingLine.priceWithTax || 0}  {data?.currency?.code}</div>
+            <div className={s.shipping}>{data?.shippingLine?.priceWithTax || 0}  {data?.currency?.code}</div>
           </div>
           <div className={s.line}>
             Estimated Total

src/components/modules/checkout/CheckoutInfo/CheckoutInfo.tsx

@@ -91,8 +91,10 @@ const CheckoutInfo = ({ onViewCart, currency = "" }: CheckoutInfoProps) => {
         }
         return ''
       case CheckoutStep.ShippingMethodInfo:
-        console.log('oder here: ', order?.shippingLine)
-        return `${order?.shippingLine.shippingMethod.name}, ${order?.shippingLine.priceWithTax ? `${order?.shippingLine.priceWithTax} ${currency}`: 'Free'}` || ''
+        if (order?.shippingLine) {
+          return `${order?.shippingLine.shippingMethod.name}, ${order?.shippingLine.priceWithTax ? `${order?.shippingLine.priceWithTax} ${currency}` : 'Free'}` || ''
+        }
+        return ''
       default:
         return ""
     }