Fixes the fulfillment portion of #5157
Impact: major
Type: feature|refactor

Issue

This is one part of a bigger ticket that is refactoring the whole Order Fulfillment UI. You will only be testing the Fulfillment section during this PR, the other pieces have already been tested.

You will be testing:

1. The Cancel order button in the top App Bar
2. The Cancel group button in one or more fulfillment groups.
3. The Update group status button in one or more fulfillment groups.
4. The Tracking number field in one or more fulfillment groups.

Breaking changes

None. this is done in the background, on a separate URL, so existing code isn't affected.

Testing

• Add orderStatusLabels to the Shops collection shop object. This will provide translations for all the Chip style order status badges in the Orders Fulfillment UI.

"orderStatusLabels": {
    "new" : [ 
        {
            "language" : "en",
            "label" : "Order received"
        }, 
        {
            "language" : "es",
            "label" : "Recibido"
        }
    ],
    "coreOrderWorkflow/processing" : [ 
        {
            "language" : "en",
            "label" : "Order received"
        }, 
        {
            "language" : "es",
            "label" : "Recibido"
        }
    ],
    "coreOrderWorkflow/completed" : [ 
        {
            "language" : "en",
            "label" : "Shipped"
        }, 
        {
            "language" : "es",
            "label" : "Enviado"
        }
    ],
    "coreOrderWorkflow/canceled" : [ 
        {
            "language" : "en",
            "label" : "Canceled"
        }, 
        {
            "language" : "es",
            "label" : "Cancelado"
        }
    ],
    "coreOrderWorkflow/picked" : [ 
        {
            "language" : "en",
            "label" : "Picked"
        }
    ],
    "coreOrderWorkflow/packed" : [ 
        {
            "language" : "en",
            "label" : "packed"
        }
    ],
    "coreOrderWorkflow/shipped" : [ 
        {
            "language" : "en",
            "label" : "shipped"
        }
    ]
}

• Create multiple (~5) orders to perform various actions on. Some of these orders should have multiple fulfillment groups (see this PR for instructions on how to create multiple groups). From the Orders table, click on an order to be directed to the single order page. Once there, change the URL from /orders/ to /orders-beta/ to see the new UI.

Test the following workflows:

• Create a new user, add them to the Shop Manager Group, and give the group Order fulfillment permissions. Test the following with those permission.

• On an order with multiple fulfillment groups, use the Cancel order button in the toolbar to cancel all fulfillment groups. Do the same on an order with a single fulfillment group. See that the Cancel button disappears when an order has already been cancelled.

• On an order with multiple fulfillment groups, use the Cancel fulfillment group button individually inside each group to cancel the group. Cancel all the groups this way, and see that the overall order is cancelled once all the individual groups have been cancelled. Do the same on an order with a single fulfillment group. See that the Cancel button disappears when an order has already been cancelled.

• On an order with multiple fulfillment groups, add a tracking number on each group and see they update correctly. Then, click the tracking number to edit it, and update the number. See that it updates correctly.

• On an order with multiple fulfillment groups, change the Order status to various stages, both in the usual order (picked -> packed -> shipped), and also in random orders. Make sure the individual group updates as it should, and no other groups update. Do the same on an order with a single fulfillment group.

• Change the user permissions so they only have Order View permissions. See that you can still see the order, but all the buttons are gone and you cannot preform and fulfillment actions.