Issue in Final Amount Payable when extra services added

My use case has main services and extra services. I do transfer the main services using short codes. I do want the extra services to be displayed all the time, so i injected javascript to auto click the div. (document.getElementsByClassName('bpa-front-si-card__row')[0]) this does the work. This shows the extra services tab by default. But after selecting the schedule and appointment, on final page it shows final price of just the main service and not the extra services added. My main service price is $50, and extra services price is $100, which is displayed on page, but payable amount is just $50. I did check the logs, it also has all extra services in front form submission payload.