Refactoring for PWA

[htuzel]

What is changed

Hierarchical Category Widget

• Limited category depth to a maximum of 3 levels
• Removed the chevron icon from the last children
• Changed open categories' chevron to point upwards

Autocomplete Search Bar

• Added 'X' button to clear input when open
• Autocomplete closes and performs search when any suggestion or term is clicked
• Updated result count in autocomplete to be accurate
• Improved spacing and alignment on mobile views
• Enhanced spacing for suggestion tags in web view to be closer to corresponding heading
• Corrected links and added target="_blank" to open in new tabs

Quick Access Tiles in Autocomplete

• Replaced "Outfits Women" with "Women’s Tops"
  • Updated title/text
  • Changed link
  • Used cropped version of image
• Replaced "Sale on Women Top" with "Sale on Women’s Jackets"
  • Updated title/text
  • Changed link
  • Used cropped version of image
• Replaced "Top Sellers Spring / Summer 2024" with "New Arrivals"
  • Updated title/text
  • Changed link
  • Improved spacing/alignments

Refinements and Counter Updates

• Refinements counts now update when selected
• Corrected autocomplete counter for specific queries (e.g., 'skirt')
• Consistent result count between autocomplete and instant search

PDP (Product Detail Page)

• Fixed issue with 'Add to Cart' button status always loading on Firefox

Category and Search Behavior

• Highlighted selected categories and colors in blue
• Updated images for category suggestions in no results to match categories
• Cleared facets in new searches when a term is searched again

Autocomplete Suggestions Improvement

• Reintroduced Categories suggestions
• Changed order of suggestions: RECENT, TRENDING, CATEGORIES, BRANDS
• Displayed proper brand suggestions instead of "None"
• Launched instant search and dismissed autocomplete when suggested tags are clicked

Miscellaneous Fixes

• Removed article test data
• Linked "How can we help" links in autocomplete to Algolia FAQ

Detailed Jira ticket is here