MWPW-158674 [MEP] Support nested placholders in MEP placeholders

libs/features/personalization/personalization.js

@@ -926,6 +926,21 @@ export function handleFragmentCommand(command, a) {
   return false;
 }
 
+export function parseNestedPlaceholders({ placeholders }) {
+  if (!placeholders) return;
+  Object.entries(placeholders).forEach(([key, value]) => {
+    const matches = value.match(/{{(.*?)}}/g);
+    if (matches) {
+      matches.forEach((match) => {
+        const foundKey = match.replace(/{{|}}/g, '').trim();
+        if (placeholders[foundKey]) {
+          placeholders[key] = placeholders[key].replace(match, placeholders[foundKey]);
+        }
+      });
+    }
+  });
+}
+
 export async function applyPers(manifests, postLCP = false) {
   if (!manifests?.length) return;
   let experiments = manifests;
@@ -935,6 +950,7 @@ export async function applyPers(manifests, postLCP = false) {
   }
 
   experiments = cleanAndSortManifestList(experiments);
+  parseNestedPlaceholders(config);
 
   let results = [];
 

test/features/personalization/parseNestedPlaceholders.test.js

@@ -0,0 +1,19 @@
+import { expect } from '@esm-bundle/chai';
+import { parseNestedPlaceholders } from '../../../libs/features/personalization/personalization.js';
+
+const config = {
+  placeholders: {
+    'promo-product-name': 'CC All Apps',
+    'promo-header': 'Buy now and save {{promo-discount}}% off {{promo-product-name}}.',
+    'promo-discount': '50',
+    'promo-description': 'For just {{promo-price}}, get 20+...',
+    'promo-price': 'US$49.99',
+  },
+};
+describe('test different values', () => {
+  it('should update placeholders', () => {
+    parseNestedPlaceholders(config);
+    expect(config.placeholders['promo-header']).to.equal('Buy now and save 50% off CC All Apps.');
+    expect(config.placeholders['promo-description']).to.equal('For just US$49.99, get 20+...');
+  });
+});