B-21365 Customer UB Shipment Card MAIN

.circleci/config.yml

@@ -877,8 +877,8 @@ commands:
             export FEATURE_FLAG_MANAGE_SUPPORTING_DOCS=false
             export FEATURE_FLAG_THIRD_ADDRESS_AVAILABLE=false
             export FEATURE_FLAG_QUEUE_MANAGEMENT=false
-            export FEATURE_FLAG_ENABLE_ALASKA=false
             export FEATURE_FLAG_UNACCOMPANIED_BAGGAGE=false
+            export FEATURE_FLAG_ENABLE_ALASKA=false
 
             # disable for speed, playwright tests can fail otherwise
             export DB_DEBUG=false

src/components/Customer/Home/Step/Step.stories.jsx

@@ -119,6 +119,7 @@ Shipments.args = {
             weightTickets: [],
           },
         },
+        { id: '0004', shipmentType: SHIPMENT_OPTIONS.UNACCOMPANIED_BAGGAGE },
       ]}
       onShipmentClick={action('shipment edit icon clicked')}
       moveSubmitted={false}

src/components/Customer/MtoShipmentForm/MtoShipmentForm.jsx

@@ -190,8 +190,9 @@ class MtoShipmentForm extends Component {
     const isNTSR = shipmentType === SHIPMENT_OPTIONS.NTSR;
     const isBoat = shipmentType === SHIPMENT_TYPES.BOAT_HAUL_AWAY || shipmentType === SHIPMENT_TYPES.BOAT_TOW_AWAY;
     const isMobileHome = shipmentType === SHIPMENT_TYPES.MOBILE_HOME;
+    const isUB = shipmentType === SHIPMENT_OPTIONS.UNACCOMPANIED_BAGGAGE;
     const shipmentNumber =
-      shipmentType === SHIPMENT_OPTIONS.HHG || isBoat || isMobileHome ? this.getShipmentNumber() : null;
+      shipmentType === SHIPMENT_OPTIONS.HHG || isBoat || isMobileHome || isUB ? this.getShipmentNumber() : null;
     const isRetireeSeparatee =
       orders.orders_type === ORDERS_TYPE.RETIREMENT || orders.orders_type === ORDERS_TYPE.SEPARATION;
 
@@ -311,14 +312,14 @@ class MtoShipmentForm extends Component {
 
                   <div className={styles.MTOShipmentForm}>
                     <ShipmentTag shipmentType={shipmentType} shipmentNumber={shipmentNumber} />
-
                     <h1>{shipmentForm.header[`${shipmentType}`]}</h1>
-
                     <Alert headingLevel="h4" type="info" noIcon>
-                      Remember: You can move {formatWeight(orders.authorizedWeight)} total. You’ll be billed for any
-                      excess weight you move.
+                      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>
-
                     <Form className={formStyles.form}>
                       {showPickupFields && (
                         <SectionWrapper className={formStyles.formSection}>

src/components/Customer/MtoShipmentForm/MtoShipmentForm.stories.jsx

@@ -95,6 +95,7 @@ export const HHGShipmentRetiree = () =>
   renderStory({ shipmentType: SHIPMENT_OPTIONS.HHG, orders: { orders_type: 'RETIREMENT', authorizedWeight: 5000 } });
 export const NTSReleaseShipment = () => renderStory({ shipmentType: SHIPMENT_OPTIONS.NTSR });
 export const NTSShipment = () => renderStory({ shipmentType: SHIPMENT_OPTIONS.NTS });
+export const UBShipment = () => renderStory({ shipmentType: SHIPMENT_OPTIONS.UNACCOMPANIED_BAGGAGE });
 
 // edit shipment stories (form should prefill)
 export const EditHHGShipment = () =>
@@ -115,6 +116,12 @@ export const EditNTSShipment = () =>
     isCreatePage: false,
     mtoShipment: mockMtoShipment,
   });
+export const EditUBShipment = () =>
+  renderStory({
+    shipmentType: SHIPMENT_OPTIONS.UNACCOMPANIED_BAGGAGE,
+    isCreatePage: false,
+    mtoShipment: mockMtoShipment,
+  });
 
 export const EditShipmentAsSeparatee = () =>
   renderStory({