@capillarytech/creatives-library 9.0.35 → 9.0.36

package/v2Containers/Rcs/tests/index.test.js

@@ -475,7 +475,7 @@ describe('Creatives rcs test/>', () => {
 });
 
 describe('RCS carousel label resolution in non-full mode', () => {
-  it('keeps each carousel card\'s same-named variable independently scoped in both inline preview and Test&Preview slidebox', async () => {
+  it('keeps every carousel variable slot independent, even when they share a literal tag name, in both inline preview and Test&Preview slidebox', async () => {
     const templateData = {
       name: 'CarouselVarsTemplate',
       versions: {
@@ -564,53 +564,275 @@ describe('RCS carousel label resolution in non-full mode', () => {
           return id.includes('{{name}}_') || key.includes('{{name}}_');
         });
 
+    // Card 0 has two `{{name}}` occurrences — title's, then description's, in DOM order — and
+    // each is now its own independent slot despite sharing the literal name.
     const card0NameAreas = nameVarAreaForCard(0);
-    expect(card0NameAreas.length).toBeGreaterThanOrEqual(1);
+    expect(card0NameAreas.length).toBe(2);
 
     act(() => {
-      const slotId = card0NameAreas.at(0).prop('id') || card0NameAreas.at(0).key();
-      card0NameAreas.at(0).props().onChange({ target: { id: slotId, value: 'madhavi' } });
+      const slotId = nameVarAreas.at(0).prop('id') || nameVarAreas.at(0).key();
+      nameVarAreas.at(0).props().onChange({ target: { id: slotId, value: 'madhavi' } });
     });
     wrapper.update();
 
-    // Inline preview should resolve card 0 only — card 1's own `{{name}}` slot is untouched.
+    // Only the title resolves — description's own `{{name}}` slot is untouched (independent slot).
     const updatedInlinePreview = wrapper.find('UnifiedPreview').filterWhere((n) => n.prop('content')?.carouselData).at(0);
     const inlineCards = updatedInlinePreview.props().content.carouselData;
     expect(inlineCards[0].title).toBe('Hi madhavi');
-    expect(inlineCards[0].bodyText).toBe('Welcome madhavi');
+    expect(inlineCards[0].bodyText).toBe('Welcome {{name}}');
     expect(inlineCards[1].title).toBe('Offer for {{name}}');
     expect(inlineCards[1].bodyText).toBe('Dear {{name}}');
 
-    // Slidebox content should mirror the same per-card scoping (same underlying mapping)
+    // Filling card 0's description slot separately resolves it without disturbing the title.
+    act(() => {
+      const descSlotId = nameVarAreaForCard(0).at(1).prop('id') || nameVarAreaForCard(0).at(1).key();
+      nameVarAreaForCard(0).at(1).props().onChange({ target: { id: descSlotId, value: 'lakshmi' } });
+    });
+    wrapper.update();
+
+    const afterDescInlinePreview = wrapper.find('UnifiedPreview').filterWhere((n) => n.prop('content')?.carouselData).at(0);
+    const afterDescInlineCards = afterDescInlinePreview.props().content.carouselData;
+    expect(afterDescInlineCards[0].title).toBe('Hi madhavi');
+    expect(afterDescInlineCards[0].bodyText).toBe('Welcome lakshmi');
+
+    // Slidebox content should mirror the same independent-slot resolution.
     const slidebox = wrapper.find('TestAndPreviewSlidebox').at(0);
     expect(slidebox.exists()).toBe(true);
     const slideboxContent = slidebox.props().content;
     expect(slideboxContent?.carouselData?.length).toBeGreaterThanOrEqual(2);
     expect(slideboxContent.carouselData[0].title).toBe('Hi madhavi');
-    expect(slideboxContent.carouselData[0].bodyText).toBe('Welcome madhavi');
+    expect(slideboxContent.carouselData[0].bodyText).toBe('Welcome lakshmi');
     expect(slideboxContent.carouselData[1].title).toBe('Offer for {{name}}');
     expect(slideboxContent.carouselData[1].bodyText).toBe('Dear {{name}}');
 
-    // Setting card 1's own `{{name}}` slot independently resolves card 1 without disturbing card 0.
+    // Setting card 1's own `{{name}}` slots independently resolves card 1 without disturbing card 0.
     // Inactive tab panes aren't mounted until switched to, so activate card 1's tab first.
     act(() => {
       wrapper.find('CapTab').prop('onChange')('1');
     });
     wrapper.update();
     const card1NameAreas = nameVarAreaForCard(1);
-    expect(card1NameAreas.length).toBeGreaterThanOrEqual(1);
+    expect(card1NameAreas.length).toBe(2);
     act(() => {
       const slotId = card1NameAreas.at(0).prop('id') || card1NameAreas.at(0).key();
       card1NameAreas.at(0).props().onChange({ target: { id: slotId, value: 'raghav' } });
     });
     wrapper.update();
+    act(() => {
+      const descSlotId = nameVarAreaForCard(1).at(1).prop('id') || nameVarAreaForCard(1).at(1).key();
+      nameVarAreaForCard(1).at(1).props().onChange({ target: { id: descSlotId, value: 'suresh' } });
+    });
+    wrapper.update();
 
     const finalInlinePreview = wrapper.find('UnifiedPreview').filterWhere((n) => n.prop('content')?.carouselData).at(0);
     const finalInlineCards = finalInlinePreview.props().content.carouselData;
     expect(finalInlineCards[0].title).toBe('Hi madhavi');
-    expect(finalInlineCards[0].bodyText).toBe('Welcome madhavi');
+    expect(finalInlineCards[0].bodyText).toBe('Welcome lakshmi');
     expect(finalInlineCards[1].title).toBe('Offer for raghav');
-    expect(finalInlineCards[1].bodyText).toBe('Dear raghav');
+    expect(finalInlineCards[1].bodyText).toBe('Dear suresh');
+  });
+
+  it('picking a tag from "Add Labels" for card 2\'s description (a bare semantic token with no numeric backing) shows the value live, without touching card 2\'s title slot', async () => {
+    const templateData = {
+      name: 'CarouselTagPickTemplate',
+      versions: {
+        base: {
+          content: {
+            RCS: {
+              rcsContent: {
+                cardType: 'CAROUSEL',
+                cardSettings: { cardOrientation: 'VERTICAL', cardWidth: 'SMALL' },
+                cardContent: [
+                  {
+                    title: 'Hi {{name}}',
+                    description: 'Welcome {{name}}',
+                    mediaType: 'IMAGE',
+                    media: { mediaUrl: 'https://cdn.example.com/c1.png', height: 'MEDIUM' },
+                    cardVarMapped: {},
+                    suggestions: [],
+                  },
+                  {
+                    title: 'sdvsdvs {{first_name_capital}}',
+                    description: 'dssdfv {{adv}}',
+                    mediaType: 'IMAGE',
+                    media: { mediaUrl: 'https://cdn.example.com/c2.png', height: 'MEDIUM' },
+                    cardVarMapped: {},
+                    suggestions: [],
+                  },
+                ],
+                contentType: 'RICHCARD',
+              },
+            },
+          },
+        },
+      },
+      type: 'RCS',
+    };
+
+    const wrapper = mountWithIntl(
+      <Provider store={store}>
+        <Rcs
+          actions={{
+            uploadRcsAsset,
+            clearRcsMediaAsset,
+            createTemplate,
+            clearCreateResponse,
+            getTemplateDetails,
+            editTemplate,
+            clearEditResponse,
+          }}
+          globalActions={{ fetchSchemaForEntity }}
+          onCreateComplete={onCreateComplete}
+          handleClose={handleClose}
+          intl={{ formatMessage }}
+          location={{ pathname: '/rcs/edit', query: { type: false, module: 'default' }, search: '' }}
+          params={params}
+          templateData={templateData}
+          rcsData={{}}
+          isFullMode={false}
+          isEditFlow={false}
+          loadingTags={false}
+          metaEntities={[]}
+          isDltEnabled={false}
+          smsRegister={'DLT'}
+        />
+      </Provider>,
+    );
+
+    // Flush hydration useEffects
+    await act(async () => {
+      await Promise.resolve();
+    });
+    wrapper.update();
+
+    // Card 2 is inactive until switched to.
+    act(() => {
+      wrapper.find('CapTab').prop('onChange')('1');
+    });
+    wrapper.update();
+
+    const card2 = wrapper.find('CarouselCard').filterWhere((n) => n.prop('cardIndex') === 1);
+
+    const descVarArea = card2
+      .find('CapInputTextArea')
+      .filterWhere((n) => String(n.prop('id') || '').includes('{{adv}}_'));
+    expect(descVarArea.length).toBeGreaterThanOrEqual(1);
+
+    // Focus card 2's description var slot, exactly like a user clicking into that box.
+    act(() => {
+      const id = descVarArea.at(0).prop('id');
+      descVarArea.at(0).props().onFocus({ target: { id } });
+    });
+    wrapper.update();
+
+    // Card 2's description TagList (the second .tag-mock under this card) picks "adv".
+    const card2AfterFocus = wrapper.find('CarouselCard').filterWhere((n) => n.prop('cardIndex') === 1);
+    const descTagList = card2AfterFocus.find('.tag-mock').at(1);
+    act(() => {
+      descTagList.props().onTagSelect('adv');
+    });
+    wrapper.update();
+
+    // Live (no save/reload) — the description's own box should now show the picked tag as its value.
+    const card2Final = wrapper.find('CarouselCard').filterWhere((n) => n.prop('cardIndex') === 1);
+    const descVarAreaAfterPick = card2Final
+      .find('CapInputTextArea')
+      .filterWhere((n) => String(n.prop('id') || '').includes('{{adv}}_'));
+    expect(descVarAreaAfterPick.at(0).prop('value')).toBe('{{adv}}');
+
+    // Title's own slot must be untouched by the description's tag pick.
+    const titleVarAreaAfterPick = card2Final
+      .find('CapInputTextArea')
+      .filterWhere((n) => String(n.prop('id') || '').includes('{{first_name_capital}}_'));
+    expect(titleVarAreaAfterPick.at(0).prop('value')).toBe('');
+  });
+
+  it('reopening a carousel after a prior save shows card 2\'s description value (persisted under its global positional key), not empty', async () => {
+    // Shape of a template that was already saved once: card 2 (index 1) picked "adv" for its
+    // description slot in an earlier session. Card 0 has 2 var tokens (title + desc), so card 2's
+    // title is global position 3 and its description is global position 4 — key "4".
+    const templateData = {
+      name: 'CarouselReopenTemplate',
+      versions: {
+        base: {
+          content: {
+            RCS: {
+              rcsContent: {
+                cardType: 'CAROUSEL',
+                cardSettings: { cardOrientation: 'VERTICAL', cardWidth: 'SMALL' },
+                cardContent: [
+                  {
+                    title: 'Hi {{name}}',
+                    description: 'Welcome {{name}}',
+                    mediaType: 'IMAGE',
+                    media: { mediaUrl: 'https://cdn.example.com/c1.png', height: 'MEDIUM' },
+                    cardVarMapped: {},
+                    suggestions: [],
+                  },
+                  {
+                    title: 'sdvsdvs {{first_name_capital}}',
+                    description: 'dssdfv {{adv}}',
+                    mediaType: 'IMAGE',
+                    media: { mediaUrl: 'https://cdn.example.com/c2.png', height: 'MEDIUM' },
+                    cardVarMapped: { '4': '{{adv}}' },
+                    suggestions: [],
+                  },
+                ],
+                contentType: 'RICHCARD',
+              },
+            },
+          },
+        },
+      },
+      type: 'RCS',
+    };
+
+    const wrapper = mountWithIntl(
+      <Provider store={store}>
+        <Rcs
+          actions={{
+            uploadRcsAsset,
+            clearRcsMediaAsset,
+            createTemplate,
+            clearCreateResponse,
+            getTemplateDetails,
+            editTemplate,
+            clearEditResponse,
+          }}
+          globalActions={{ fetchSchemaForEntity }}
+          onCreateComplete={onCreateComplete}
+          handleClose={handleClose}
+          intl={{ formatMessage }}
+          location={{ pathname: '/rcs/edit', query: { type: false, module: 'default' }, search: '' }}
+          params={params}
+          templateData={templateData}
+          rcsData={{}}
+          isFullMode={false}
+          isEditFlow={false}
+          loadingTags={false}
+          metaEntities={[]}
+          isDltEnabled={false}
+          smsRegister={'DLT'}
+        />
+      </Provider>,
+    );
+
+    await act(async () => {
+      await Promise.resolve();
+    });
+    wrapper.update();
+
+    act(() => {
+      wrapper.find('CapTab').prop('onChange')('1');
+    });
+    wrapper.update();
+
+    const card2 = wrapper.find('CarouselCard').filterWhere((n) => n.prop('cardIndex') === 1);
+    const descVarArea = card2
+      .find('CapInputTextArea')
+      .filterWhere((n) => String(n.prop('id') || '').includes('{{adv}}_'));
+    expect(descVarArea.length).toBeGreaterThanOrEqual(1);
+    expect(descVarArea.at(0).prop('value')).toBe('{{adv}}');
   });
 });
 
@@ -967,130 +1189,6 @@ describe('RCS createPayload', () => {
     expect(Object.prototype.hasOwnProperty.call(card, 'cardVarMapped')).toBe(true);
   });
 
-  it('disables Done in non-full mode when a CTA button URL still holds the unresolved {{1}} placeholder', () => {
-    const templateData = {
-      name: 'PromoCard',
-      type: 'RCS',
-      versions: {
-        base: {
-          content: {
-            RCS: {
-              rcsContent: {
-                cardType: 'STANDALONE',
-                cardSettings: { cardOrientation: 'VERTICAL' },
-                cardContent: [
-                  {
-                    title: 'Title',
-                    description: 'Desc',
-                    mediaType: 'VIDEO',
-                    media: {
-                      mediaUrl: 'https://cdn.example.com/video.mp4',
-                      thumbnailUrl: 'https://cdn.example.com/video-thumb.jpg',
-                    },
-                    suggestions: [
-                      { type: 'CTA', text: 'Visit here', url: 'https://example.com{{1}}' },
-                    ],
-                  },
-                ],
-                contentType: 'RICHCARD',
-              },
-            },
-          },
-        },
-      },
-    };
-
-    const wrapper = mountWithIntl(
-      <Provider store={store}>
-        <Rcs
-          actions={{
-            clearCreateResponse: jest.fn(),
-            getTemplateDetails: jest.fn(),
-            uploadRcsAsset: jest.fn(),
-            clearRcsMediaAsset: jest.fn(),
-            editTemplate: jest.fn(),
-            clearEditResponse: jest.fn(),
-          }}
-          globalActions={{ fetchSchemaForEntity }}
-          onCreateComplete={onCreateComplete}
-          handleClose={handleClose}
-          intl={{ formatMessage }}
-          location={{ pathname: '/rcs/create', query: { type: false, module: 'default' }, search: '' }}
-          params={params}
-          templateData={templateData}
-          rcsData={{}}
-          isFullMode={false}
-          isEditFlow={false}
-          loadingTags={false}
-          metaEntities={[]}
-          isDltEnabled={false}
-          smsRegister={'DLT'}
-          getFormData={jest.fn()}
-        />
-      </Provider>,
-    );
-
-    const doneBtn = wrapper.find('CapButton.rcs-done-btn').at(0);
-    expect(doneBtn.exists()).toBe(true);
-    expect(doneBtn.prop('disabled')).toBe(true);
-  });
-
-  it('disables Send for Approval in full-mode creation when a CTA button URL still holds the unresolved {{1}} placeholder', () => {
-    const wrapper = mountWithIntl(
-      <Provider store={store}>
-        <Rcs
-          actions={{
-            clearCreateResponse: jest.fn(),
-            getTemplateDetails: jest.fn(),
-            uploadRcsAsset: jest.fn(),
-            clearRcsMediaAsset: jest.fn(),
-            editTemplate: jest.fn(),
-            clearEditResponse: jest.fn(),
-          }}
-          globalActions={{ fetchSchemaForEntity }}
-          onCreateComplete={onCreateComplete}
-          handleClose={handleClose}
-          intl={{ formatMessage }}
-          location={{ pathname: '/rcs/create', query: { type: false, module: 'default' }, search: '' }}
-          params={params}
-          templateData={{}}
-          rcsData={{}}
-          isFullMode
-          isEditFlow={false}
-          loadingTags={false}
-          metaEntities={[]}
-          isDltEnabled={false}
-          smsRegister={'DLT'}
-          getFormData={jest.fn()}
-        />
-      </Provider>,
-    );
-
-    act(() => {
-      wrapper.find('#rcs_template_name_input').at(0).simulate('change', { target: { value: 'PromoCard' } });
-    });
-    wrapper.update();
-
-    act(() => {
-      wrapper.find('#rcs_template_message_textarea').at(0).simulate('change', { target: { value: 'Hello there' } });
-    });
-    wrapper.update();
-
-    const actionButton = wrapper.find('.cap-action-button-mock').at(0);
-    expect(actionButton.exists()).toBe(true);
-    act(() => {
-      actionButton.prop('updateButtonChange')(
-        { type: 'CTA', text: 'Visit here', url: 'https://example.com{{1}}' },
-        0,
-      );
-    });
-    wrapper.update();
-
-    const doneBtn = wrapper.find('CapButton.rcs-done-btn').at(0);
-    expect(doneBtn.exists()).toBe(true);
-    expect(doneBtn.prop('disabled')).toBe(true);
-  });
-
   it('should sync duplicate placeholders via cardVarMapped in non-full mode (typing once updates all occurrences)', () => {
     const templateData = {
       name: 'DupVarsTemplate',
@@ -1188,12 +1286,7 @@ describe('RCS createPayload', () => {
                 cardContent: [
                   {
                     title: 'Hello {{user_name}} and {{user_name}}',
-                    // Distinct from the title's var name: VarSegmentMessageEditor ids are
-                    // `${token}_${localSegmentIndex}`, not scoped per-field, so reusing
-                    // {{user_name}} here would collide with the title's own id and get
-                    // picked up by the `{{user_name}}_` filter below once the tag-select
-                    // renames the title's first occurrence.
-                    description: 'Hi {{other_var}}',
+                    description: 'Hi {{user_name}}',
                     mediaType: 'IMAGE',
                     media: { mediaUrl: '', thumbnailUrl: '' },
                     cardVarMapped: {},
@@ -1259,18 +1352,12 @@ describe('RCS createPayload', () => {
     });
     wrapper.update();
 
-    // The focused occurrence's own token is replaced with the picked tag, while the untouched
-    // duplicate keeps its original {{user_name}} token but syncs to the same resolved value.
-    const renamedVarArea = wrapper.find('CapInputTextArea').filterWhere((n) => {
-      const id = n.prop('id') || '';
-      return id.includes('{{first_name}}_');
-    });
-    const duplicateVarArea = wrapper.find('CapInputTextArea').filterWhere((n) => {
+    const updatedTitleVarAreas = wrapper.find('CapInputTextArea').filterWhere((n) => {
       const id = n.prop('id') || '';
       return id.includes('{{user_name}}_');
     });
-    expect(renamedVarArea.at(0).prop('value')).toBe('{{first_name}}');
-    expect(duplicateVarArea.at(0).prop('value')).toBe('{{first_name}}');
+    expect(updatedTitleVarAreas.at(0).prop('value')).toBe('{{first_name}}');
+    expect(updatedTitleVarAreas.at(1).prop('value')).toBe('{{first_name}}');
   });
 
   it('should keep two tags + freetext inside the variable textarea in non-full mode edit (not merged into static text)', () => {

package/v2Containers/Rcs/tests/rcsLibraryHydrationUtils.test.js

@@ -364,14 +364,6 @@ describe('rcsLibraryHydrationUtils', () => {
       expect(out).toEqual({ 1: 'x', user_name: 'y' });
     });
 
-    it('keeps function-style tag keys with parentheses (voucher/offer/badge tags)', () => {
-      const input = {
-        'voucher(1190738)': 'SAVE20',
-        'badges_enroll_no_expiry(123)': 'Gold',
-      };
-      expect(pickRcsCardVarMappedEntries(input)).toEqual(input);
-    });
-
     it('returns {} for an empty object', () => {
       expect(pickRcsCardVarMappedEntries({})).toEqual({});
     });
@@ -447,7 +439,6 @@ describe('rcsLibraryHydrationUtils', () => {
             template: 'Hello',
             templateName: 'T1',
             registeredSenderIds: ['S1'],
-            templateVariableMapping: { '{#a#}_0': { data: 'x', count: 1 } },
           },
         },
       });
@@ -506,7 +497,6 @@ describe('rcsLibraryHydrationUtils', () => {
       expect(out.smsFallBackContent.templateConfigs).toEqual({
         templateName: 'ConfigName',
         registeredSenderIds: ['H1'],
-        templateVariableMapping: { a: { data: '1', count: 1 } },
       });
       expect(out.smsFallBackContent.rcsSmsFallbackVarMapped).toEqual({ a: '1' });
     });
@@ -547,25 +537,6 @@ describe('rcsLibraryHydrationUtils', () => {
       });
     });
 
-    it('non-full mode: DLT campaign with registeredSenderIds carries the var map into templateConfigs.templateVariableMapping (so it survives normalizeRcsMessageContentForApi stripping rcsSmsFallbackVarMapped)', () => {
-      enableTraiDlt();
-      const out = buildSmsFallBackContentForPayload({
-        smsFallbackData: {
-          message: 'Hi {#var#} your OTP is {#var#}.Capillary Tech.',
-          templateName: 'TEST_FALLBACK',
-          registeredSenderIds: ['CPLRYT'],
-          rcsSmsFallbackVarMapped: { '{#var#}_1': 'test1', '{#var#}_3': 'test2' },
-        },
-        templateData: {},
-        isFullMode: false,
-        smsRegister: 'DLT',
-      });
-      expect(out.smsFallBackContent.templateConfigs.templateVariableMapping).toEqual({
-        '{#var#}_1': { data: 'test1', count: 1 },
-        '{#var#}_3': { data: 'test2', count: 2 },
-      });
-    });
-
     it('non-full mode: DLT campaign but no derivable templateConfigs omits templateConfigs', () => {
       enableTraiDlt();
       const out = buildSmsFallBackContentForPayload({
@@ -685,45 +656,6 @@ describe('rcsLibraryHydrationUtils', () => {
       expect(warnSpy).toHaveBeenCalled();
     });
 
-    it('falls back to templateConfigs.templateName when root-level name fields are absent', () => {
-      const out = resolveSmsFallbackHydrationFromDetails({
-        smsFallBackContent: {
-          templateConfigs: { templateName: 'ConfigTemplateName' },
-        },
-      });
-      expect(out.nextSmsState.templateName).toBe('ConfigTemplateName');
-    });
-
-    it('falls back to templateConfigs.name when no other name field is present anywhere', () => {
-      const out = resolveSmsFallbackHydrationFromDetails({
-        smsFallBackContent: {
-          templateConfigs: { name: 'ConfigName' },
-        },
-      });
-      expect(out.nextSmsState.templateName).toBe('ConfigName');
-    });
-
-    it('falls back to the root-level templateName when templateConfigs has no name field', () => {
-      const out = resolveSmsFallbackHydrationFromDetails({
-        smsFallBackContent: {
-          templateName: 'RootName',
-          templateConfigs: { registeredSenderIds: ['123'] },
-        },
-      });
-      expect(out.nextSmsState.templateName).toBe('RootName');
-    });
-
-    it('prefers the root templateName over a conflicting nested templateConfigs.name', () => {
-      const out = resolveSmsFallbackHydrationFromDetails({
-        smsFallBackContent: {
-          templateName: 'RootName',
-          smsTemplateName: '',
-          templateConfigs: { name: 'NestedName', header: ['H1'] },
-        },
-      });
-      expect(out.nextSmsState.templateName).toBe('RootName');
-    });
-
     it('is meaningful from var map alone, with no template name or message text', () => {
       const out = resolveSmsFallbackHydrationFromDetails({
         smsFallBackContent: { rcsSmsFallbackVarMapped: { '{#a#}_0': 'v' } },
@@ -773,48 +705,6 @@ describe('rcsLibraryHydrationUtils', () => {
       ).toBe('Direct Template');
     });
 
-    it('prefers templateConfigs.template (raw, {#var#} intact) over smsContent/message for DLT', () => {
-      const out = resolveSmsFallbackHydrationFromDetails({
-        smsFallBackContent: {
-          smsContent: 'hey user this is a test',
-          message: 'hey user this is a test',
-          templateConfigs: {
-            templateName: 'RCSDLT2',
-            template: 'hey{#var#}test',
-            templateVariableMapping: {
-              '{#var#}_1': { data: ' user this is a ', count: 1 },
-            },
-          },
-        },
-      });
-      expect(out.nextSmsState.content).toBe('hey{#var#}test');
-      expect(out.nextSmsState.templateContent).toBe('hey{#var#}test');
-      expect(out.nextSmsState.rcsSmsFallbackVarMapped).toEqual({ '{#var#}_1': ' user this is a ' });
-    });
-
-    it('merges templateVariableMapping-derived slots with an explicit rcsSmsFallbackVarMapped (explicit wins)', () => {
-      const out = resolveSmsFallbackHydrationFromDetails({
-        smsFallBackContent: {
-          smsContent: 'hey user this is a test',
-          rcsSmsFallbackVarMapped: { '{#var#}_1': 'explicit override' },
-          templateConfigs: {
-            template: 'hey{#var#}test',
-            templateVariableMapping: {
-              '{#var#}_1': { data: ' user this is a ', count: 1 },
-            },
-          },
-        },
-      });
-      expect(out.nextSmsState.rcsSmsFallbackVarMapped).toEqual({ '{#var#}_1': 'explicit override' });
-    });
-
-    it('falls back to smsContent when templateConfigs.template is absent (non-DLT)', () => {
-      const out = resolveSmsFallbackHydrationFromDetails({
-        smsFallBackContent: { smsContent: 'Hi {{first_name}}, your OTP is 1234' },
-      });
-      expect(out.nextSmsState.content).toBe('Hi {{first_name}}, your OTP is 1234');
-    });
-
     it('joins an updated-sms-editor array into the fallback message', () => {
       const out = resolveSmsFallbackHydrationFromDetails({
         smsFallBackContent: {

package/v2Containers/Rcs/tests/utils.test.js

@@ -669,6 +669,23 @@ describe('RCS utils', () => {
       expect(out[0].description).toBe('This is Bird with colorful feathers {{voucher(1190738)}}');
     });
 
+    it('substitutes plain text typed into a numeric personalization slot (not a tag pick)', () => {
+      const out = mapRcsCardContentForConsumerWithResolvedTags(
+        [
+          {
+            title: 'Hello {{1}}',
+            description: 'Visit us at {{2}} today',
+            mediaType: 'IMAGE',
+            cardVarMapped: { 1: 'World', 2: 'Downtown Store' },
+          },
+        ],
+        {},
+        false,
+      );
+      expect(out[0].title).toBe('Hello World');
+      expect(out[0].description).toBe('Visit us at Downtown Store today');
+    });
+
     it('BUG REPRO: 2-card carousel — card 1 description resolves to card 0\'s value instead of its own tag pick', () => {
       // Mirrors CreativesContainer/index.js ~1448-1461: rootRcsCardVarMapped is derived ONLY from
       // cardContentFromSubmit[0] (the FIRST card's own cardVarMapped) and reused for every card.
@@ -764,42 +781,6 @@ describe('RCS utils', () => {
       expect(rcsTitle).toBe('');
       expect(rcsDesc).toBe('Visit Store for {{loyalty_points}} discount');
     });
-
-    it('carousel card 1+: cardSlotOffset param resolves against its own global slots, not card 0\'s', () => {
-      // Full, correctly-populated carousel-wide map: slot 1 = card 0 title (user_id_b64), slot 2 =
-      // card 0 desc (voucher(1190738)), slot 3 = card 1 title (user_id_b64), slot 4 = card 1 desc
-      // (first_name).
-      const fullCarouselWideMap = {
-        1: '{{user_id_b64}}',
-        2: '{{voucher(1190738)}}',
-        3: '{{user_id_b64}}',
-        4: '{{first_name}}',
-      };
-      // Card 1's own title/description, called with cardSlotOffset=2 (card 0 contributed 2 slots) —
-      // the same way mapRcsCardContentForConsumerWithResolvedTags now calls it per card.
-      const { rcsTitle, rcsDesc } = resolveRcsCardPreviewStrings(
-        'This is a park {{3}}',
-        'This park has a cat and a bird {{4}}',
-        fullCarouselWideMap,
-        true,
-        false,
-        false,
-        2,
-      );
-      expect(rcsTitle).toBe('This is a park {{user_id_b64}}');
-      expect(rcsDesc).toBe('This park has a cat and a bird {{first_name}}');
-    });
-
-    it('omitting cardSlotOffset defaults to 0 (single-card / standalone callers unaffected)', () => {
-      const { rcsTitle, rcsDesc } = resolveRcsCardPreviewStrings(
-        'Hi {{1}}',
-        'Pts {{2}}',
-        { 1: '{{first_name}}', 2: '{{loyalty_points}}' },
-        true,
-      );
-      expect(rcsTitle).toBe('Hi {{first_name}}');
-      expect(rcsDesc).toBe('Pts {{loyalty_points}}');
-    });
   });
 
   describe('sanitizeCardVarMappedValue', () => {