Feature previews

[andrzejewsky]

AC:

• All available feature flags (feature previews) should be available within the modal, toggled from the user menu -> feature previews
• User should be able to enable or disable the feature
• Developer is able to create markdown file with new feature along with its description and image
• Developer can enable flag by default by setting enable: true within markdown attributes section
• When developer set visible: false in markdown, flag will not be visible in the feature preview modal
• When there is no flag, modal shows proper information about it

Notes:
after making changes within markdown files (add new one, edit etc.) please run npm run build-flags - it will generate the content

Screenshots

Pull Request Checklist

1. This code contains UI changes
2. All visible strings are translated with proper context including data-formatting
3. Attributes data-test-id are added for new elements
4. The changes are tested in Chrome/Firefox/Safari browsers and in light/dark mode
5. Your code works with the latest stable version of the core
6. I added changesets and read good practices

Test environment config

API_URI=https://automation-dashboard.staging.saleor.cloud/graphql/
APPS_MARKETPLACE_API_URI=https://apps.staging.saleor.io/api/v2/saleor-apps

Do you want to run more stable tests?

To run all tests, just select the stable checkbox. To speed up tests, increase the number of containers. Tests will be re-run only when the "run e2e" label is added.

1. stable
2. app
3. attribute
4. category
5. collection
6. customer
7. giftCard
8. homePage
9. login
10. menuNavigation
11. navigation
12. orders
13. pages
14. payments
15. permissions
16. plugins
17. productType
18. products
19. sales
20. shipping
21. translations
22. variants
23. vouchers

CONTAINERS=2

[changeset-bot]

⚠️ No Changeset found

Latest commit: fa82773

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[krzysztofzuraw]

Shouldn't provider be added to storybook as well?

[andrzejewsky]

@krzysztofzuraw https://github.com/saleor/saleor-dashboard/blob/main/.storybook/decorators/MockedProvidersDecorator.tsx#L38 it already is

[wojteknowacki]

The feature preview button should always open a list of feature flags - now user need to release user account modal to get back to list view if visible flag is set to false

261031419-2be62d8f-4b97-46d7-8c47-373aee5df4b2.mov

[wojteknowacki]

• When multiple flags are present list is not scrollable
• When log text added as description last line is fully visible