MWPW-195996: adds new icon and product name option

[cmiqueo]

Summary

• Add Flex Card style to the CaaS configurator with sub-options for font size, image placement, text alignment, and toggles to hide details/title/description/footer
• Move Custom Card HTML input into a nested group that only appears when the Custom Card style is selected, and add a Product Name details-text option (fetched via a new getProducts helper)
• Restyle the nested option groups (blade/flex/custom) into a unified indented, dark, rounded panel and clean up obsolete CSS

Jira Ticket

Resolves: MWPW-195996

Changes

• libs/blocks/caas-config/caas-config.js
  • Add flex-card to cardStyle options plus flexCardImageOptions, flexCardTextAlign, and flexCardTextSize option maps
  • Render flexCardOptions and customCardOptions nested panels conditionally on the selected card style
  • Move the customCard text input out of the always-on list into the conditional Custom Card panel
  • Add productName to the details-text options; minor label/ordering/quote cleanup
• libs/blocks/caas-config/caas-config.css
  • Remove old .blade-card-options > div and .caas-config .nested rules
  • Add shared styling for .blade-card-options, .flex-card-options, and .nested (indented dark rounded panel, monospace text inputs)
• libs/blocks/caas/utils.js
  • Add getProducts() helper (returns mnemonics tags, lana-logs on failure)
  • Build flexCard config block in getConfig when a flex-card option deviates from defaults
  • Fetch products when detailsTextOption === 'productName' and include in config
  • Add flex card defaults (flexCardTextAlign, flexCardTextSize, hide toggles, flexCardImageOptions) to defaultState

Test plan

• In the CaaS configurator, select Flex Card and confirm the flex sub-options panel appears, is styled/indented, and updates the generated config only when options deviate from defaults
• Select Custom Card and confirm the Custom Card HTML input now only shows under that style
• Set details text to Product Name and verify products are fetched and included in the config, and that a fetch failure degrades gracefully (returns [], logs via lana)
• Confirm blade-card and carousel nested panels still render with the new shared styling
• Unit tests added/updated

ScreenShot

Test URLs:

• Before: https://main--milo--adobecom.aem.page/?martech=off
• After: https://mwpw-195996--milo--adobecom.aem.page/?martech=off

[aem-code-sync]

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

• Re-sync branch

Commits

• 36e87c5 ✅ (latest)
• 282f72c ✅
• 7663d36 ✅
• 585525b ❌
• 7598c58 ❌
• 93a440f ❌
• 899a6ae ❌
• af8d3ea ❌
• 3644db1 ❌
• 92969c6 ❌
• fd806c4 ❌
• cd751cb ❌
• 2af6ea6 ❌
• 9888c8b ❌
• 0b32f7e ❌
• 72d192b ❌
• d0b1d04 ❌
• 0a3d94c ❌
• 2c2d2f4 ❌
• b8d0020 ❌
• 026bb94 ❌
• 699295c ❌
• 5ad7a15 ❌
• fd4f971 ❌
• 2948fbe ❌
• 5783a3f ❌
• ee2935b ❌
• dc133e4 ❌
• 0b31688 ❌
• 7a27bc2 ❌

[github-actions]

This PR has not been updated recently and will be closed in 7 days if no action is taken. Please ensure all checks are passing, https://github.com/orgs/adobecom/discussions/997 provides instructions. If the PR is ready to be merged, please mark it with the "Ready for Stage" label.