[EPIC] Full Composability

[nefeline]

Issue Description:

This project aims to introduce full composability to the Customize Your Store Assembler, which will provide users with the flexibility to design their own homepage by adding, removing, shuffling, and rearranging patterns.

This initiative is directly tied and dependent on #45834 : both features are expected to be released together.

Features

Beta Give feedback

1. CYS > Full Composability - Ensure pattern categories are displayed on the Design your Homepage section #47461
   focus: customize-your-store plugin: woocommerce team: Kirigami & Origami type: enhancement +4
   
2. CYS > Full Composability - Update the frame to ensure that one header, one Intro pattern, and one footer are displayed #47462
   focus: customize-your-store plugin: woocommerce team: Kirigami & Origami type: enhancement +4
3. CYS > Full Composability - When the user hovers over a pattern in the panel, ensure a tooltip with the pattern name appears #47463
   focus: customize-your-store plugin: woocommerce team: Kirigami & Origami type: enhancement +4
4. CYS > Full Composability - Ensure a discreet badge is displayed informing how many patterns have been inserted from each category #47464
   focus: customize-your-store plugin: woocommerce team: Kirigami & Origami type: enhancement +4
   
5. CYS > Full composability - Ensure the panel with patterns can be closed whenever clicking on the close button #47465
   focus: customize-your-store plugin: woocommerce team: Kirigami & Origami type: enhancement +4
6. [CYS - Full Composability]: Allow user to move blocks via Block Toolbar #47326
   focus: customize-your-store team: Kirigami & Origami type: enhancement +3
   
7. [CYS - Full Composability]: Allow user to shuffle patterns of the same category #47327
   focus: customize-your-store team: Kirigami & Origami type: enhancement +3
   
8. [CYS - Full Composability]: Render a toolbar on top of the selected pattern #47325
   focus: customize-your-store team: Kirigami & Origami type: enhancement +3
   
9. [CYS - Full Composability]: Allow user to select a pattern with hover #47371
   focus: customize-your-store team: Kirigami & Origami type: enhancement +3
   
10. [CYS - Full Composability]: In some cases, when the user click on a child block, this latter is focused #47453
    focus: customize-your-store team: Kirigami & Origami +2
    
11. [CYS - Full Composability]: Add pattern category in the block toolbar #47454
    focus: customize-your-store team: Kirigami & Origami type: enhancement +3
    
12. [CYS - Full Composability]: Add tooltip on the hovered pattern #47455
    focus: customize-your-store team: Kirigami & Origami type: enhancement +3
    
13. [CYS - Full Composability]: Toolbar: weird border when it conflicts with editor borders #47456
    focus: customize-your-store team: Kirigami & Origami +2
    
14. CYS > Full Composability - Add the delete button to the block toolbar #47521
    focus: customize-your-store plugin: woocommerce team: Kirigami & Origami type: enhancement +4
    
15. [CYS - Full Composability] Ensure that the Assembler doesn't crash when the feature flag is enabled, but site doesn't have the latest version of Gutenberg #47545
    focus: customize-your-store team: Kirigami & Origami type: bug +3
    
16. [CYS - Full Composability] In some cases double scrollbar appears #47570
    focus: customize-your-store team: Kirigami & Origami type: bug +3
    
17. [CYS - Full Composability] Update the default patterns in the assembler #47577
    focus: customize-your-store team: Kirigami & Origami +2
    
18. [CYS - Full Composability]: Ensure that the block toolbar is rendered only when the homepage sidebar is open #47751
    focus: customize-your-store team: Kirigami & Origami +2
    
19. [CYS - Full Composability]: Ensure that the Shuffle button is visible on the first template #47752
    focus: customize-your-store team: Kirigami & Origami +2
    
20. [CYS - Full Composability] Scroll freeze whenever attempting to move patterns #47855
    focus: customize-your-store plugin: woocommerce team: Kirigami & Origami type: bug +4
21. CYS: Not render the tooltip if the pointer is moved away from the frame and then back #48182
    focus: customize-your-store team: Kirigami & Origami type: enhancement +3
    
22. [CYS - Full Composability]: After the deletion of a pattern, the highlighted pattern is the header. Instead, it should be the pattern next to the deleted one. #48251
    focus: customize-your-store team: Kirigami & Origami type: bug +3
    
23. [CYS - Full Composability]: When the user is in the "Design your homepage" menu, hovering over the header or footer will should not make them highlighted. #48252
    focus: customize-your-store team: Kirigami & Origami +2
    
24. [CYS - Full Composability]: Cannot read properties of undefined (reading 'current') #48308
    focus: customize-your-store team: Kirigami & Origami type: bug +3
    
25. [CYS] Pattern Sidebar: Review pattern categories and copies #48381
    focus: customize-your-store team: Kirigami & Origami +2
    
26. [CYS - Full Composability]: Review which patterns are active/inactive depending for each assembler section #48426
    team: Kirigami & Origami +1
    
27. [CYS]: Delete and Shuffle button in the Block Toolbar don't have tooltip #48438
    focus: customize-your-store team: Kirigami & Origami +2
    
28. [CYS]: Update Block Toolbar position #48551
    focus: customize-your-store team: Kirigami & Origami type: enhancement +3
    
29. CYS: Assembler is not loaded on WordPress 6.6 #48663
    focus: customize-your-store type: bug +2
    

Bugs

Beta Give feedback

1. CYS: In some cases, the border of the footer/header is violet #48669
   focus: customize-your-store team: Kirigami & Origami +2
   
2. CYS: When the user clicks Design your homepage, the Intro sidebar should be opened #48678
   focus: customize-your-store team: Kirigami & Origami type: enhancement +3
   
3. CYS: Block List Patterns: Woo Patterns preview aren't rendered correctly #48680
   focus: customize-your-store team: Kirigami & Origami +2
4. CYS: When the user clicks on the no block placeholder, the tooltip is rendered #48682
   focus: customize-your-store type: bug +2
   
5. CYS: Improve copy/UX when the user can't save due block placeholder #48683
   focus: customize-your-store team: Kirigami & Origami +2
6. CYS: The added patterns are wrapped twice by group blocks #48711
   focus: customize-your-store type: bug +2
   
7. CYS: Button to resize the image is visible #48713
   type: bug +1
   
8. CYS: Pop-up effect opt-in tracking section notice #48728
   focus: customize-your-store team: Kirigami & Origami +2
   

Next iteration

Beta Give feedback

1. [CYS]: Shuffle feature should be available when the user hovers header and footer #48439
   focus: customize-your-store team: Kirigami & Origami +2