B-21365 Customer UB Shipment Card - INT

[traskowskycaci]

Agility ticket

Summary

Note: As there is still no way to create a UB shipment strictly with the UI, the work done in this BL item is not feature flagged off. All work here is only seen after a UB shipment is created via the createMTOShipment endpoint with either swagger or postman.

This work is to refine the customer UI for the UB shipment card, shipment container, and shipment list. A bonus of us reusing the HHG components is that some of the functionality just falls in - such as editing/deleting shipments.

How to test

1. Access the milmove app as a customer, create a move and an HHG shipment. Do not complete the move.
2. Using the createMTOShipment endpoint, create a UB or two.

{
  "moveTaskOrderID": "yourMoveIDHere",
  "shipmentType": "UNACCOMPANIED_BAGGAGE",
  "requestedPickupDate": "2024-10-04",
  "pickupAddress": {
      "streetAddress1": "123 Main St",
      "city": "Nicholasville",
      "state": "KY",
      "postalCode": "40356",
      "country": "US",
      "county": "JESSAMINE"
   }
}

You should see the shipments appear now:

3. Click the edit button for all UBs you created, and fill out all the information as you would with an HHG:

4. Click the Review and submit button:
   

5. You should see the normal HHG shipment card:
   

6. You should also see the new UB shipment card, which reuses the HHG shipment card component so it will look very similar in structure, but be labeled as UB:
   

7. Extra credit: since we are reusing so much of the HHG functionality for this, test out that deleting the shipment also works. Technically not in scope for this PR but it's nice that it works.

Frontend

• This change meets the standards for Section 508 compliance.
  
  

[robot-mymove]

	Warnings
⚠️	Files located in legacy directories (src/shared or src/scenes) have been edited. Are you sure you don’t want to also relocate them to the new file structure? View the frontend file org ADR for more information

Generated by 🚫 dangerJS against 9233289

[danieljordan-caci]

Just doing a quick static review before pulling, but this can be shortened:

<Alert headingLevel="h4" type="info" noIcon>
  Remember: You can move {isUB ? 'up to your UB allowance for this move' : formatWeight(orders.authorizedWeight) + ' total'}. 
  You’ll be billed for any excess weight you move.
</Alert>

[traskowskycaci]

Updated

[TevinAdams]

Reviewed code and test case passed, except for deleting the UB Shipment. Clicked the delete button but nothing happened. ACs have been met.

[traskowskycaci]

Reviewed code and test case passed, except for deleting the UB Shipment. Clicked the delete button but nothing happened. ACs have been met.

@TevinAdams Looks like you tried to delete as the office user - this is only for the customer. I just tested again and delete works as the customer

[danieljordan-caci]

Worked purdy good!