fix(checkout): find addresses with numeric id

user addresses are returned by the backend with addressId being of type `number`
but for some reason we were looking for them using the addressId casted
to `string`, so they were never found.

userShippingGetters.getAddress matches criteria based on strict type
checking `===` so that's why the eg. addressId String(131) did not match Number(131)

M2-755

Author: sethidden

packages/theme/modules/checkout/pages/Checkout/Billing.vue

@@ -311,7 +311,7 @@ import type {
   ShippingCartAddress, BillingCartAddress, Country, Customer, CustomerAddress,
 } from '~/modules/GraphQL/types';
 
-const NOT_SELECTED_ADDRESS = '';
+const NOT_SELECTED_ADDRESS = -1;
 
 extend('required', {
   ...required,
@@ -371,7 +371,7 @@ export default defineComponent({
         ? addressFromApiToForm(billingAddress.value)
         : getInitialCheckoutAddressForm(),
     );
-    const currentAddressId = ref(NOT_SELECTED_ADDRESS);
+    const currentAddressId = ref<number>(NOT_SELECTED_ADDRESS);
     const setAsDefault = ref(false);
     const isFormSubmitted = ref(false);
     const canAddNewAddress = ref(true);
@@ -453,7 +453,7 @@ export default defineComponent({
 
     const handleSetCurrentAddress = (addr: CustomerAddress) => {
       billingDetails.value = { ...addressFromApiToForm(addr) };
-      currentAddressId.value = String(addr?.id);
+      currentAddressId.value = addr?.id;
       canAddNewAddress.value = false;
       isBillingDetailsStepCompleted.value = false;
     };

packages/theme/modules/checkout/pages/Checkout/Shipping.vue

@@ -288,7 +288,7 @@ import { addressFromApiToForm, CheckoutAddressForm, getInitialCheckoutAddressFor
 import { mergeItem } from '~/helpers/asyncLocalStorage';
 import { isPreviousStepValid } from '~/helpers/checkout/steps';
 
-const NOT_SELECTED_ADDRESS = '';
+const NOT_SELECTED_ADDRESS = -1;
 
 extend('required', {
   ...required,
@@ -339,7 +339,7 @@ export default defineComponent({
     const { isAuthenticated } = useUser();
     const shippingDetails = ref<CheckoutAddressForm>(address.value ? addressFromApiToForm(address.value) : getInitialCheckoutAddressForm());
     const shippingMethods = ref<AvailableShippingMethod[]>([]);
-    const currentAddressId = ref(NOT_SELECTED_ADDRESS);
+    const currentAddressId = ref<number>(NOT_SELECTED_ADDRESS);
     const setAsDefault = ref(false);
     const isFormSubmitted = ref(false);
     const canAddNewAddress = ref(true);
@@ -397,7 +397,7 @@ export default defineComponent({
 
     const handleSetCurrentAddress = (addr: CustomerAddress) => {
       shippingDetails.value = { ...addressFromApiToForm(addr) };
-      currentAddressId.value = String(addr?.id);
+      currentAddressId.value = addr?.id;
       canAddNewAddress.value = false;
       isShippingDetailsStepCompleted.value = false;
     };