INT B-21416 intl crating tio update for payment request-FE

[taeJungCaci]

B-21416

Summary

This is the FE portion of the implementation done on B-22020.
Displays international crating/uncrating service item payment request param information in TIO payment request review page.

Note: External crating is subject to 4 cubic ft min and all the others are not. Meaning if you select 'External Crate' option when creating the service item, it will charge as 4 cubic ft if the crate size is lower than that.

How to test

NOTE: So currently the crate size - cu ft is allowed 2 decimal places (ex. 0.01) which means it will calculate correctly if the dimensions are at least about 2.6 x 2.6 x 2.6 inches. If you put any lower size than this you will get a cu ft size of 0.00 which will result in $0 for the total amount.

1. As a customer -> create any move with a iHHG shipment.
2. As a SC -> edit and submit.
3. As a TOO -> Approve and send to prime.
4. As a Prime -> add service item to the shipment and choose International Crating on the dropdown.
5. Fill out the form - make sure item size is less than the crating size and put 2600 for each L, W, H. Also choose external crate and 'standalone' option.
6. Create another International crating service item, but this time don't choose the external crate or standalone option and put 2600 or greater for each L, W, H.
7. Create 1 more service item - a International uncrating service item and put at least 2600 for each sizes.
8. As a TOO -> approve these service items added.
9. As a Prime -> Request payment for the service items.
10. As a TIO -> review the payment request (may have to review weights first and approve).
11. Verify the labels match and values are what you input:

If you have selected "External crate" option for International Crating and have chosen dimensions that is less than 4 cu ft, that you should see Crating size (cu ft) - Minimum 4.00, Actual size, External crate, and Minimum crating size applied labels.

You should also see OCONUS label for ICRT if your pickup address is OCONUS. Otherwise CONUS.
You should also see OCONUS label for IUCRT if your destination address is OCONUS. Otherwise CONUS.

12. Check the screenshots to compare.
13. Approve or reject all the service items and complete the review.
14. On the Payment Request page - scroll down and expand the list to see calculations details for crating/uncrating and compare with screenshots to see all the labels are there.

Screenshots

Crating

Uncrating

[danieljordan-caci]

Tried my best to break it, tested everything I could. Works for CONUS <-> OCONUS, hits the cap when it needs to. LGTM! Good work - thanks for the nitpicky refactor. Calculations match up, rounding happens when it should!

[danieljordan-caci]

Also thank you for adding playwright tests!

[taeJungCaci]

Also thank you for adding playwright tests!

Thanks for taking the time to review!

[danieljordan-caci]

re-approving

[KonstanceH]

LGTM!

[brooklyn-welsh]

LGTM!