fix: readonly address error

apps/web/composables/useAddressV2/useCheckoutAddress.ts

@@ -27,8 +27,24 @@ export const useCheckoutAddress = (type: AddressType) => {
     await setCheckoutAddress(address);
   };
 
+  const handleGuestAddressCleanup = (addressId: number) => {
+    const addressType = type === AddressType.Shipping ? AddressType.Billing : AddressType.Shipping;
+    const { hasCheckoutAddress: hasAddress, clear: clearAddress } = useCheckoutAddress(addressType);
+    const { get: getAddress, destroy: destroyAddress } = useAddressStore(addressType);
+
+    if (hasAddress.value) clearAddress();
+    if (getAddress(addressId) !== undefined) destroyAddress(addressId);
+  };
+
   const clear = () => {
+    const { shippingAsBilling } = useShippingAsBilling();
+    const { isGuest } = useCustomer();
+
+    const addressId = state.value.checkoutAddress?.id;
     state.value.checkoutAddress = {} as Address;
+
+    if (!addressId || !isGuest.value || !shippingAsBilling.value) return;
+    handleGuestAddressCleanup(addressId);
   };
 
   const hasCheckoutAddress = computed(() => {

docs/changelog/changelog_en.md

@@ -66,6 +66,7 @@ NPM_AUTH_TOKEN="<TOKEN>"
 
 ### 🩹 Fixed
 
+- Addressed a scenario where deleting the checkout address as a guest triggered an unknown error.
 - Added no-preflight class to prevent tailwind preflight for content coming from backend editor.
 - Adjusted the checkout layout for tablet screen sizes.
 - Changed image quality in quick checkout to use middle image and positioned quantity.