Add recommendations block with ACDL

[herzog31]

• Added product recommendations which supports all available context (cart, category, product, page type, purchase and view history).
• Added ACDL with basic commerce context and events.
• Added ACDL schema validation. Create a sessionStorage entry acdl:debug = true to enable it.
• When no recommendations are available, an empty placeholder is displayed to prevent layout shifts.
• This PR is using a more lightweight version of ACDL based on Replace lodash adobe/adobe-client-data-layer#155.
• Currently only the first returned recommendation unit is displayed.
• TODO:
  • Add ACDL as npm dependency and use postinstall script like in 🛒 Commerce Dropins 🛒  #34.
  • Store visited products directly in session storage instead of relying on ACDL.
  • Populate eventInfo as required by event collector.
  • PLP / Search widget is not instrumented with storefront events, therefore PRecs will not work on these pages.
    • This uses a build from Replace MSE SDK with direct access to ACDL adobe/storefront-product-listing-page#19.
  • Search autocomplete widget to be instrumented with storefront events.
    • This uses an internal custom build. Check How To document.
  • Store purchase history from placeOrder events.
  • Add storefront events to product recommendations

Test URLs:

• Before: https://main--aem-boilerplate-commerce--hlxsites.hlx.page/
• After:
  • https://recommendations--aem-boilerplate-commerce--hlxsites.hlx.live/
  • https://recommendations--aem-boilerplate-commerce--hlxsites.hlx.live/cart
  • https://recommendations--aem-boilerplate-commerce--hlxsites.hlx.live/gear
  • https://recommendations--aem-boilerplate-commerce--hlxsites.hlx.live/products/crown-summit-backpack/24-MB03

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• 3686f01 🔄 (latest)
• 793494f ✅
• 3c33ebe ✅
• 826d2ca ✅
• b47e843 ✅
• 5b50032 ✅
• 9b97591 ✅
• d0554f4 ✅
• ac5c938 ✅
• ec1f23b ✅
• a52c814 ✅
• 671c4b4 ✅
• c6f2fb1 ✅
• a2ca757 ✅
• f059e56 ✅
• 774720f ✅
• ae07731 ✅
• c101adc ✅
• 769aa8c ❌
• b5f507a ❌
• abd9fdc ❌
• 1cf384c ❌
• c0223e8 ❌
• 9f0553b ❌
• bc902f8 ❌

[aem-code-sync]

Page	Scores	Audits	Google
/
/cart
/gear
/products/crown-summit-backpack/24-MB03

[aem-code-sync]

Page	Scores	Audits	Google
/
/cart
/gear
/products/crown-summit-backpack/24-MB03

[aem-code-sync]

Page	Scores	Audits	Google
/
/cart
/gear
/products/crown-summit-backpack/24-MB03

[aem-code-sync]

Page	Scores	Audits	Google
/
/cart
/gear
/products/crown-summit-backpack/24-MB03

[aem-code-sync]

Page	Scores	Audits	Google
/
/cart
/gear
/products/crown-summit-backpack/24-MB03

[aem-code-sync]

Page	Scores	Audits	Google
/
/cart
/gear
/products/crown-summit-backpack/24-MB03

[sirugh]

If you already know what "updated" means, cool, but maybe you could add a specific version or ticket here.