@capillarytech/creatives-library 9.0.30 → 9.0.32

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "9.0.30",
+  "version": "9.0.32",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Components/CommonTestAndPreview/index.js

@@ -665,10 +665,17 @@ const CommonTestAndPreview = (props) => {
     let resolvedText = text;
 
     // Replace each tag with its custom value
-    Object.keys(tagValues).forEach((tagPath) => {
+    Object.keys(tagValues || {}).forEach((tagPath) => {
       const tagName = tagPath.split('.').pop(); // Get the actual tag name from the path
-      const tagRegex = new RegExp(`{{${tagName}}}`, 'g');
-      resolvedText = resolvedText.replace(tagRegex, tagValues[tagPath] || `{{${tagName}}}`);
+      // Escape regex metacharacters in tagName (arbitrary JSON key) so it can't break the pattern.
+      const escapedTagName = tagName.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+      const tagRegex = new RegExp(`{{${escapedTagName}}}`, 'g');
+      const rawValue = tagValues[tagPath];
+      // Preserve legitimate falsy values (0, false); only an unset/blank slot keeps the placeholder.
+      const hasValue = rawValue !== null && rawValue !== undefined && rawValue !== '';
+      const replacement = hasValue ? String(rawValue) : `{{${tagName}}}`;
+      // Replacer function (not a string) so `$&`/`$1`-style sequences in the value are inserted literally.
+      resolvedText = resolvedText.replace(tagRegex, () => replacement);
     });
 
     return resolvedText;
@@ -1056,7 +1063,7 @@ const CommonTestAndPreview = (props) => {
   const buildRcsTestMessagePayload = (
     creativeFormData,
     _unusedEditorContentString,
-    _customValuesObj,
+    customValuesObj,
     deliverySettingsOverride,
     basePayload,
     _rcsTestMetaExtras = {},
@@ -1071,7 +1078,9 @@ const CommonTestAndPreview = (props) => {
     } else if (rcsContentFromForm?.cardContent) {
       rcsCardPayloadList = [rcsContentFromForm.cardContent];
     }
-    // Raw title/description with template tags; SMS fallback uses tagged template fields (pickFirst…).
+    // Title/description/suggestion text carry {{tag}} placeholders; resolve them against the
+    // user's test values here, same as every other channel (see resolveTagsInText usage below
+    // for SMS/EMAIL/WHATSAPP) — otherwise the test send goes out with literal tags unresolved.
     const cardContentForTestMetaApi = rcsCardPayloadList.map((singleRcsCardPayload) => {
       const normalizedCardMediaForTestApi = singleRcsCardPayload?.media
         ? normalizeRcsTestCardMedia(singleRcsCardPayload.media)
@@ -1079,11 +1088,25 @@ const CommonTestAndPreview = (props) => {
       const suggestionsFromCard = Array.isArray(singleRcsCardPayload?.suggestions)
         ? singleRcsCardPayload.suggestions
         : [];
-      const suggestionsFormattedForTestMeta = suggestionsFromCard.map((suggestionItem, index) =>
-        mapRcsSuggestionForTestMeta(suggestionItem, index));
+      const suggestionsFormattedForTestMeta = suggestionsFromCard.map((suggestionItem, index) => mapRcsSuggestionForTestMeta(
+        {
+          ...suggestionItem,
+          text: resolveTagsInText(
+            suggestionItem?.text != null ? String(suggestionItem.text) : '',
+            customValuesObj,
+          ),
+        },
+        index,
+      ));
       return {
-        title: singleRcsCardPayload?.title ?? '',
-        description: singleRcsCardPayload?.description ?? '',
+        title: resolveTagsInText(
+          singleRcsCardPayload?.title != null ? String(singleRcsCardPayload.title) : '',
+          customValuesObj,
+        ),
+        description: resolveTagsInText(
+          singleRcsCardPayload?.description != null ? String(singleRcsCardPayload.description) : '',
+          customValuesObj,
+        ),
         mediaType: singleRcsCardPayload?.mediaType ?? MEDIA_TYPE_TEXT,
         ...(normalizedCardMediaForTestApi && { media: normalizedCardMediaForTestApi }),
         ...(suggestionsFormattedForTestMeta.length > 0 && {