New target for customer account UI extension to display information for each order in Order Index page

[mgrbec]

Please list the related package(s)

customer-account-ui-extensions

If this related to specific APIs or components, please list them here

New "Order Index" static target or new "Order Index" block placement location

Is your feature request related to a problem? Please describe.

We would like to display some additional order related information in Order Index page in customer accounts. For example, we have our own order statuses and some specific metadata stored in order metafields that is very important to our B2B customers. We would like to display that information for each order in the order list.

Describe the changes you are looking for

We would like to have new extension target (static or block) for "Order Index" page that would enable us to add custom text or other elements to each order in the list. Its placement should be somewhere within the order grid item.

Describe alternatives you’ve considered

The only alternative that we can think of is to add new Order action menu item titled "Additional Order Info" to Order Index page using customer-account.order.action.menu-item.render target. Click on this item would display our additional order information in a modal popup using customer-account.order.action.render target. But it is really not convenient for our customers and doesn't really solve our problem.

Additional context

Screenshot with visual explanation where the new target would be displayed:

[brianshen1990]

cc @ryansnape and @graeme-shopify

[renerbaffa]

hey @mgrbec thanks for the suggestion.
I've forwarded that along to our product team that will evaluate and prioritize it.

[kirakik]

Hey @mgrbec, would love to better understand your use case! Some questions:

1. You mention you want to add your own order statuses - would the ability to replace the order status at the top of each order on the list meet that need? Or do you want to inject specific statuses on top of the Shopify order status?
   
2. Would you expect to be able to add these not only in the order grid list, but also in the order table view?
3. Would you expect to be able to sort and filter by the information you add to the order?
4. Do you have any other use cases that would require more flexibility than the ability to add plain text?
5. Are the values you want to inject available in metafields?

[mgrbec]

Hi @kirakik , here are my answers:

1.) Both would work for our use case. Shopify statuses are not needed in our case, so it would be better if we can hide them, but they don't do any harm if they are displayed.
2.) Yes, this would be expected.
3.) We could live without that, but ideally, it would be awesome if such feature was possible. We have few other information stored in order metafields that should ideally be added to sorting and/or filtering options of the grid/table.
4.) There is another use case. It is not so important for us because we can solve it also in the order details page instead of order index page. Use case is to display 2 buttons for certain orders based on our custom status of the order. They should be displayed only for orders in certain status. Actions on these buttons would be:

• button 1: call our backend API with order data and display API response on the front-end
• button 2: show a popup with a text field where user inputs text and confirms it, then call our backend API with order data and text from text field input and display API response on the front-end
  I think we could also cover described use case using Order Action Menu Extensions, but we would like to add 2 actions only to some orders, not to all of them.
  5.) Yes, all values we would like to display in the grid/table and optionally use for sorting or filtering, are stored in order metafields.