Added error message to shipping methods

resources/views/cart/queries/fragments/cart.graphql

@@ -99,6 +99,7 @@ fragment cart on Cart {
             carrier_code
             method_code
             method_title
+            error_message
             amount {
                 value
             }

resources/views/checkout/steps/shipping-method.blade.php

@@ -20,9 +20,11 @@
         <label class="flex items-center p-5 border rounded relative bg-white" v-if="!cart.value.shipping_addresses?.[0]?.uid">
             <span>@lang('Please enter a shipping address first')</span>
         </label>
-        <label class="flex items-center gap-x-1.5 p-5 border rounded bg-white cursor-pointer text-sm text" v-for="(method, index) in cart.value.shipping_addresses?.[0]?.available_shipping_methods">
+        <label class="flex gap-x-1.5 p-5 border rounded bg-white text-sm text has-[[disabled]]:cursor-not-allowed" v-for="(method, index) in cart.value.shipping_addresses?.[0]?.available_shipping_methods">
             <template v-if="false"></template>
-                @stack('shipping_methods')
+
+            @stack('shipping_methods')
+
             <template v-else>
                 <x-rapidez::input.radio.base
                     name="shipping_method"
@@ -32,9 +34,20 @@
                     data-testid="shipping-method"
                     v-on:change="mutate"
                     required
+                    class="mr-1"
                 />
-                <span class="ml-1">@{{ method.method_title }}</span>
-                <span v-if="method.amount.value">- @{{ price(method.amount.value) }}</span>
+                <span class="flex flex-col">
+                    <span>
+                        <span v-if="method.method_title" class="font-medium">
+                            @{{ method.method_title }}
+                        </span>
+                        <span v-else class="font-medium">
+                            @{{ method.carrier_title }}
+                        </span>
+                        <span v-if="method.amount.value"> - @{{ price(method.amount.value) }}</span>
+                    </span>
+                    <span class="basis-full text-muted" v-if="method.error_message" v-text="method.error_message"></span>
+                </span>
             </template>
         </label>
     </fieldset>