Replacement for unstable picker discontinued in v4

App Bridge
1

When creating discounts, and have to select customer segments.

There are a open Github issues about others experiencing the same issue as I

The migration to App Bridge v4 has been halted due to this issue.
Has there been any progress on this or any solutions?

2

Hi @Hirano :wave:,

This feature is currently in development. Stay tuned!

2 Likes
3

Hi @Charlie-Shopify,

I am looking forward to this development.
When is the release scheduled?

The GraphQL Admin API version for my Remix-based app is currently set to 2024-04, which will no longer be supported after April 1, 2025.

To update the GraphQL Admin API to version 2024-07, it will be necessary to use App Bridge v4. However, App Bridge v4 no longer supports the unstable picker component.

I am currently using the unstable picker for customer retrieval. Therefore, if the release is scheduled after April 2025, I will need to create a custom alternative for the unstable picker.

4

Hi @Charlie-Shopify,

I’ve developed a replacement for the unstable picker myself. However, I would like to use the features under development once you are released. Thank you.

5

We have released the picker API which allows you to quickly create a familiar merchant experience with your apps custom data.

1 Like
6

Hi @jzaz,

Thanks for releasing the great API!

Is it possible to implement onLoadMore(Callback when the user reaches the bottom of the list of items. ) with the picker API?

the Unstable picker, it was there to retrieve customer information as needed.

7

Hey @Hirano :wave:

We recommend filtering down the resources you provide to the picker so users don’t have to select from such a large number of items. We don’t currently support onLoadMore functionality but are considering it as an enhancement in the future.

8

Hi @Charlie-Shopify,

I understood that the user is expected to always use the search field.
Thank you.

9

How would you recommend “filtering down the resources” to replicate the example customer picker in the discount components example, which uses unstable_picker / onLoad?

The picker doesn’t have any options to handle events, so there’s no way to take the search query from the picker and use that to filter a list provided to the component… unless I’m missing something?

1 Like