@capillarytech/creatives-library 9.0.36-alpha.0 → 9.0.37-alpha.0

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

@@ -585,8 +585,8 @@ describe('buildCarouselCardsForPreview', () => {
     expect(out[0].bodyText).toBe('Bye {{b}}');
   });
 
-  it('resolves title/description through resolveCarouselTemplateWithMap, scoped per card index', () => {
-    const resolveCarouselTemplateWithMap = jest.fn((str, cardIndex) => `R(${str}|${cardIndex})`);
+  it('resolves title/description through resolveCarouselTemplateWithMap, scoped per card index and field', () => {
+    const resolveCarouselTemplateWithMap = jest.fn((str, cardIndex, isDescField) => `R(${str}|${cardIndex}|${isDescField})`);
     const out = buildCarouselCardsForPreview(
       [
         { title: 'Hi {{a}}', description: 'Bye {{b}} {{c}}' },
@@ -594,14 +594,14 @@ describe('buildCarouselCardsForPreview', () => {
       ],
       { isFullMode: false, resolveCarouselTemplateWithMap },
     );
-    expect(resolveCarouselTemplateWithMap).toHaveBeenNthCalledWith(1, 'Hi {{a}}', 0);
-    expect(resolveCarouselTemplateWithMap).toHaveBeenNthCalledWith(2, 'Bye {{b}} {{c}}', 0);
-    expect(resolveCarouselTemplateWithMap).toHaveBeenNthCalledWith(3, 'Solo {{d}}', 1);
-    expect(resolveCarouselTemplateWithMap).toHaveBeenNthCalledWith(4, 'none', 1);
-    expect(out[0].title).toBe('R(Hi {{a}}|0)');
-    expect(out[0].bodyText).toBe('R(Bye {{b}} {{c}}|0)');
-    expect(out[1].title).toBe('R(Solo {{d}}|1)');
-    expect(out[1].bodyText).toBe('R(none|1)');
+    expect(resolveCarouselTemplateWithMap).toHaveBeenNthCalledWith(1, 'Hi {{a}}', 0, false);
+    expect(resolveCarouselTemplateWithMap).toHaveBeenNthCalledWith(2, 'Bye {{b}} {{c}}', 0, true);
+    expect(resolveCarouselTemplateWithMap).toHaveBeenNthCalledWith(3, 'Solo {{d}}', 1, false);
+    expect(resolveCarouselTemplateWithMap).toHaveBeenNthCalledWith(4, 'none', 1, true);
+    expect(out[0].title).toBe('R(Hi {{a}}|0|false)');
+    expect(out[0].bodyText).toBe('R(Bye {{b}} {{c}}|0|true)');
+    expect(out[1].title).toBe('R(Solo {{d}}|1|false)');
+    expect(out[1].bodyText).toBe('R(none|1|true)');
   });
 
   it('defaults missing card fields, including a default {} for a missing array item', () => {
@@ -853,17 +853,17 @@ describe('buildCarouselCardContentForPayload', () => {
       expect(out[0].cardVarMapped).toBeUndefined();
     });
 
-    it('builds cardVarMapped from title and description tokens, sanitizing values', () => {
+    it('builds cardVarMapped from title and description tokens, keyed by global position, sanitizing values', () => {
       const out = buildCarouselCardContentForPayload(
         [{ title: 'Hi {{name}}', description: 'Pts {{points}}', mediaType: RCS_MEDIA_TYPES.NONE }],
         {
           isSlotMappingMode: true,
-          cardVarMapped: { name: 'Bob', points: '{{2}}' },
+          cardVarMapped: { 1: 'Bob', 2: '{{2}}' },
           selectedCarouselHeight: 'SHORT',
           rcsVarRegex,
         },
       );
-      expect(out[0].cardVarMapped).toEqual({ name: 'Bob', points: '' });
+      expect(out[0].cardVarMapped).toEqual({ 1: 'Bob', 2: '' });
     });
 
     it('defaults an unmapped token value to empty string via sanitizeCardVarMappedValue', () => {
@@ -871,7 +871,7 @@ describe('buildCarouselCardContentForPayload', () => {
         [{ title: 'Hi {{missing}}', description: 'D', mediaType: RCS_MEDIA_TYPES.NONE }],
         { isSlotMappingMode: true, cardVarMapped: {}, selectedCarouselHeight: 'SHORT', rcsVarRegex },
       );
-      expect(out[0].cardVarMapped).toEqual({ missing: '' });
+      expect(out[0].cardVarMapped).toEqual({ 1: '' });
     });
 
     it('handles a missing cardVarMapped object entirely', () => {
@@ -879,7 +879,7 @@ describe('buildCarouselCardContentForPayload', () => {
         [{ title: 'Hi {{name}}', description: 'D', mediaType: RCS_MEDIA_TYPES.NONE }],
         { isSlotMappingMode: true, cardVarMapped: undefined, selectedCarouselHeight: 'SHORT', rcsVarRegex },
       );
-      expect(out[0].cardVarMapped).toEqual({ name: '' });
+      expect(out[0].cardVarMapped).toEqual({ 1: '' });
     });
 
     it('skips a matched token that strips down to an empty variable name', () => {

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,8 +564,10 @@ 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();
@@ -573,44 +575,264 @@ describe('RCS carousel label resolution in non-full mode', () => {
     });
     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}}');
   });
 });
 

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.

package/v2Containers/Rcs/utils.js

@@ -197,6 +197,50 @@ export function coalesceCardVarMappedToTemplate(
   templateVarTokens.forEach((token, slotIndexZeroBased) => {
     const semanticVarName = getVarNameFromToken(token);
     if (!semanticVarName) return;
+
+    if (RCS_NUMERIC_VAR_NAME_REGEX.test(semanticVarName)) {
+      // Carousel numeric placeholder ({{3}}, {{4}}, …): the slot key IS the token digit itself —
+      // numbers are allocated globally across the whole carousel (getNextCarouselVarToken), not
+      // re-numbered per card, so the position-based `slotIndexZeroBased + 1` key below would target
+      // the wrong slot for every card after the first (e.g. card 2's first token is digit "3", not "1").
+      const numericSlotKey = semanticVarName;
+      const trimmedSlotValue = String(lookupSourceMap[numericSlotKey] ?? '').trim();
+      coalescedMap[numericSlotKey] = trimmedSlotValue;
+      // The slot's value may itself be a mustache-wrapped tag reference (e.g. "3" -> "{{last_name}}")
+      // — mirror it onto the bare semantic key too so VarSegment editors keyed by tag name also
+      // prepopulate (same rule as syncCardVarMappedSemanticsFromSlots).
+      const mustacheInnerMatch = trimmedSlotValue.match(/^\{\{([^}]+)\}\}$/);
+      const innerSemanticName = mustacheInnerMatch?.[1]?.trim();
+      if (innerSemanticName && innerSemanticName !== numericSlotKey) {
+        const existingInnerValue = String(coalescedMap[innerSemanticName] ?? '').trim();
+        if (!existingInnerValue) {
+          coalescedMap[innerSemanticName] = trimmedSlotValue;
+        }
+      }
+      return;
+    }
+
+    // A numeric slot may already self-reference this exact tag (e.g. "4" -> "{{last_name}}") when
+    // the template's own numeric placeholder has since been resolved to this tag in the text (see
+    // mapRcsCardContentForConsumerWithResolvedTags). That numeric key is the source of truth — don't
+    // fall through to the position-based legacy lookup below, which targets an unrelated (or
+    // nonexistent) slot and would clobber the real value with an empty string.
+    const mustacheSelfReference = `{{${semanticVarName}}}`;
+    const existingNumericKeyForSemantic = Object.keys(lookupSourceMap).find((key) => (
+      RCS_NUMERIC_VAR_NAME_REGEX.test(key) && lookupSourceMap[key] === mustacheSelfReference
+    ));
+    if (existingNumericKeyForSemantic) {
+      const trimmedSlotValue = String(lookupSourceMap[existingNumericKeyForSemantic] ?? '').trim();
+      coalescedMap[existingNumericKeyForSemantic] = trimmedSlotValue;
+      if (!seenSemanticVarNames.has(semanticVarName)) {
+        seenSemanticVarNames.add(semanticVarName);
+        coalescedMap[semanticVarName] = trimmedSlotValue;
+      }
+      return;
+    }
+
+    // Legacy: template embeds the semantic token directly ({{user_name}}); older payloads stored
+    // the resolved value under a position-based numeric key ("1", "2", …) by order of appearance.
     const numericSlotKey = String(slotIndexZeroBased + 1);
     const isRepeatOfSemanticName = seenSemanticVarNames.has(semanticVarName);
     const skipSharedSemanticLookup =
@@ -207,12 +251,6 @@ export function coalesceCardVarMappedToTemplate(
         valueFromSource = lookupSourceMap[semanticVarName];
       }
     }
-    if (valueFromSource === undefined || valueFromSource === null) {
-      valueFromSource = lookupSourceMap[String(slotIndexZeroBased + 1)];
-    }
-    if (valueFromSource === undefined || valueFromSource === null) {
-      valueFromSource = lookupSourceMap[slotIndexZeroBased + 1];
-    }
     const trimmedSlotValue = valueFromSource == null ? '' : String(valueFromSource).trim();
     coalescedMap[numericSlotKey] = trimmedSlotValue;
     if (!seenSemanticVarNames.has(semanticVarName)) {
@@ -291,11 +329,6 @@ export function isRcsTextOnlyCardMediaType(mediaType) {
  *
  * @param {boolean} [preserveLiteralValueTokens=false] When true, a slot value that is NOT itself a
  * `{{...}}`-wrapped tag (e.g. a literal preview string like "SAVE20" typed for a voucher/offer tag)
- * is left as the raw token instead of being baked into the returned string. Personalization-style
- * values (themselves another mustache tag, e.g. `{{loyalty_points}}`) still resolve either way — those
- * are internal-alias renames, not literal content. Pass true for payloads that get persisted/replayed
- * (see `mapRcsCardContentForConsumerWithResolvedTags`) so a voucher's saved token survives for the
- * editor to re-render an editable slot from, and for the backend to resolve per-recipient at send time.
  *
  * @param {number} [cardSlotOffset=0] Starting global slot index for this card's title. Carousel cards
  * beyond index 0 must pass the running total of every prior card's var count — numeric `{{N}}` tokens
@@ -339,7 +372,12 @@ export function resolveRcsCardPreviewStrings(
           );
           if (slotValue == null || String(slotValue).trim() === '') return elem;
           const trimmedSlotValue = String(slotValue).trim();
-          if (preserveLiteralValueTokens && !RCS_MUSTACHE_WRAPPED_REGEX.test(trimmedSlotValue)) {
+          const isPlainNumericSlot = RCS_NUMERIC_VAR_NAME_REGEX.test(key);
+          if (
+            preserveLiteralValueTokens
+            && !isPlainNumericSlot
+            && !RCS_MUSTACHE_WRAPPED_REGEX.test(trimmedSlotValue)
+          ) {
             return elem;
           }
           return String(slotValue);
@@ -403,6 +441,7 @@ export function mapRcsCardContentForConsumerWithResolvedTags(
     const descVarCount = (String(cardDescription).match(rcsVarRegex) || []).length;
     carouselSlotOffset += titleVarCount + descVarCount;
     const { cardVarMapped: _drop, ...cardRest } = card;
+
     return {
       ...cardRest,
       title: rcsTitle,

package/v2Containers/SmsTrai/Create/tests/__snapshots__/index.test.js.snap

@@ -112,8 +112,8 @@ exports[`Creatives SmsTraiCreate test/> done button should be disabled if blank
         "app.v2containers.SmsTrai.Edit.traiEditTitle": "Message",
         "app.v2containers.SmsTrai.Edit.unicodeLabel": "Allow unicode characters",
         "app.v2containers.SmsTrai.Edit.unsupportedTagsValidationError": "Unsupported tags: {unsupportedTags}. Please remove them from this message.",
-        "creatives.components.AccessForbidden.forbiddenDesc": "This page access has not been provided to you.",
-        "creatives.components.AccessForbidden.forbiddenHeader": "Access Forbidden",
+        "creatives.components.AccessForbidden.forbiddenDesc": "Please contact your organisation administrator to request access.",
+        "creatives.components.AccessForbidden.forbiddenHeader": "You don't have permission to view this page.",
         "creatives.components.BreadCrumbs.header": "This is the BreadCrumbs component !",
         "creatives.components.CapTagList.Cancel": "Cancel",
         "creatives.components.CapTagList.Ok": "Ok",
@@ -3273,8 +3273,8 @@ exports[`Creatives SmsTraiCreate test/> invalid file drop 1`] = `
         "app.v2containers.SmsTrai.Edit.traiEditTitle": "Message",
         "app.v2containers.SmsTrai.Edit.unicodeLabel": "Allow unicode characters",
         "app.v2containers.SmsTrai.Edit.unsupportedTagsValidationError": "Unsupported tags: {unsupportedTags}. Please remove them from this message.",
-        "creatives.components.AccessForbidden.forbiddenDesc": "This page access has not been provided to you.",
-        "creatives.components.AccessForbidden.forbiddenHeader": "Access Forbidden",
+        "creatives.components.AccessForbidden.forbiddenDesc": "Please contact your organisation administrator to request access.",
+        "creatives.components.AccessForbidden.forbiddenHeader": "You don't have permission to view this page.",
         "creatives.components.BreadCrumbs.header": "This is the BreadCrumbs component !",
         "creatives.components.CapTagList.Cancel": "Cancel",
         "creatives.components.CapTagList.Ok": "Ok",
@@ -6417,8 +6417,8 @@ exports[`Creatives SmsTraiCreate test/> renders UI 1`] = `
         "app.v2containers.SmsTrai.Edit.traiEditTitle": "Message",
         "app.v2containers.SmsTrai.Edit.unicodeLabel": "Allow unicode characters",
         "app.v2containers.SmsTrai.Edit.unsupportedTagsValidationError": "Unsupported tags: {unsupportedTags}. Please remove them from this message.",
-        "creatives.components.AccessForbidden.forbiddenDesc": "This page access has not been provided to you.",
-        "creatives.components.AccessForbidden.forbiddenHeader": "Access Forbidden",
+        "creatives.components.AccessForbidden.forbiddenDesc": "Please contact your organisation administrator to request access.",
+        "creatives.components.AccessForbidden.forbiddenHeader": "You don't have permission to view this page.",
         "creatives.components.BreadCrumbs.header": "This is the BreadCrumbs component !",
         "creatives.components.CapTagList.Cancel": "Cancel",
         "creatives.components.CapTagList.Ok": "Ok",
@@ -9578,8 +9578,8 @@ exports[`Creatives SmsTraiCreate test/> valid file drop 1`] = `
         "app.v2containers.SmsTrai.Edit.traiEditTitle": "Message",
         "app.v2containers.SmsTrai.Edit.unicodeLabel": "Allow unicode characters",
         "app.v2containers.SmsTrai.Edit.unsupportedTagsValidationError": "Unsupported tags: {unsupportedTags}. Please remove them from this message.",
-        "creatives.components.AccessForbidden.forbiddenDesc": "This page access has not been provided to you.",
-        "creatives.components.AccessForbidden.forbiddenHeader": "Access Forbidden",
+        "creatives.components.AccessForbidden.forbiddenDesc": "Please contact your organisation administrator to request access.",
+        "creatives.components.AccessForbidden.forbiddenHeader": "You don't have permission to view this page.",
         "creatives.components.BreadCrumbs.header": "This is the BreadCrumbs component !",
         "creatives.components.CapTagList.Cancel": "Cancel",
         "creatives.components.CapTagList.Ok": "Ok",

package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap

@@ -87,8 +87,8 @@ exports[`Creatives SmsTraiEdit test/> should render 1`] = `
         "app.v2containers.SmsTrai.Edit.traiEditTitle": "Message",
         "app.v2containers.SmsTrai.Edit.unicodeLabel": "Allow unicode characters",
         "app.v2containers.SmsTrai.Edit.unsupportedTagsValidationError": "Unsupported tags: {unsupportedTags}. Please remove them from this message.",
-        "creatives.components.AccessForbidden.forbiddenDesc": "This page access has not been provided to you.",
-        "creatives.components.AccessForbidden.forbiddenHeader": "Access Forbidden",
+        "creatives.components.AccessForbidden.forbiddenDesc": "Please contact your organisation administrator to request access.",
+        "creatives.components.AccessForbidden.forbiddenHeader": "You don't have permission to view this page.",
         "creatives.components.BreadCrumbs.header": "This is the BreadCrumbs component !",
         "creatives.components.CapTagList.Cancel": "Cancel",
         "creatives.components.CapTagList.Ok": "Ok",
@@ -7411,8 +7411,8 @@ FREE GIFTS-
                                 "app.v2containers.SmsTrai.Edit.traiEditTitle": "Message",
                                 "app.v2containers.SmsTrai.Edit.unicodeLabel": "Allow unicode characters",
                                 "app.v2containers.SmsTrai.Edit.unsupportedTagsValidationError": "Unsupported tags: {unsupportedTags}. Please remove them from this message.",
-                                "creatives.components.AccessForbidden.forbiddenDesc": "This page access has not been provided to you.",
-                                "creatives.components.AccessForbidden.forbiddenHeader": "Access Forbidden",
+                                "creatives.components.AccessForbidden.forbiddenDesc": "Please contact your organisation administrator to request access.",
+                                "creatives.components.AccessForbidden.forbiddenHeader": "You don't have permission to view this page.",
                                 "creatives.components.BreadCrumbs.header": "This is the BreadCrumbs component !",
                                 "creatives.components.CapTagList.Cancel": "Cancel",
                                 "creatives.components.CapTagList.Ok": "Ok",
@@ -9749,8 +9749,8 @@ FREE GIFTS-
                                   "app.v2containers.SmsTrai.Edit.traiEditTitle": "Message",
                                   "app.v2containers.SmsTrai.Edit.unicodeLabel": "Allow unicode characters",
                                   "app.v2containers.SmsTrai.Edit.unsupportedTagsValidationError": "Unsupported tags: {unsupportedTags}. Please remove them from this message.",
-                                  "creatives.components.AccessForbidden.forbiddenDesc": "This page access has not been provided to you.",
-                                  "creatives.components.AccessForbidden.forbiddenHeader": "Access Forbidden",
+                                  "creatives.components.AccessForbidden.forbiddenDesc": "Please contact your organisation administrator to request access.",
+                                  "creatives.components.AccessForbidden.forbiddenHeader": "You don't have permission to view this page.",
                                   "creatives.components.BreadCrumbs.header": "This is the BreadCrumbs component !",
                                   "creatives.components.CapTagList.Cancel": "Cancel",
                                   "creatives.components.CapTagList.Ok": "Ok",
@@ -12238,8 +12238,8 @@ exports[`Creatives SmsTraiEdit test/> should render 2`] = `
         "app.v2containers.SmsTrai.Edit.traiEditTitle": "Message",
         "app.v2containers.SmsTrai.Edit.unicodeLabel": "Allow unicode characters",
         "app.v2containers.SmsTrai.Edit.unsupportedTagsValidationError": "Unsupported tags: {unsupportedTags}. Please remove them from this message.",
-        "creatives.components.AccessForbidden.forbiddenDesc": "This page access has not been provided to you.",
-        "creatives.components.AccessForbidden.forbiddenHeader": "Access Forbidden",
+        "creatives.components.AccessForbidden.forbiddenDesc": "Please contact your organisation administrator to request access.",
+        "creatives.components.AccessForbidden.forbiddenHeader": "You don't have permission to view this page.",
         "creatives.components.BreadCrumbs.header": "This is the BreadCrumbs component !",
         "creatives.components.CapTagList.Cancel": "Cancel",
         "creatives.components.CapTagList.Ok": "Ok",
@@ -20936,8 +20936,8 @@ FREE GIFTS-
                                 "app.v2containers.SmsTrai.Edit.traiEditTitle": "Message",
                                 "app.v2containers.SmsTrai.Edit.unicodeLabel": "Allow unicode characters",
                                 "app.v2containers.SmsTrai.Edit.unsupportedTagsValidationError": "Unsupported tags: {unsupportedTags}. Please remove them from this message.",
-                                "creatives.components.AccessForbidden.forbiddenDesc": "This page access has not been provided to you.",
-                                "creatives.components.AccessForbidden.forbiddenHeader": "Access Forbidden",
+                                "creatives.components.AccessForbidden.forbiddenDesc": "Please contact your organisation administrator to request access.",
+                                "creatives.components.AccessForbidden.forbiddenHeader": "You don't have permission to view this page.",
                                 "creatives.components.BreadCrumbs.header": "This is the BreadCrumbs component !",
                                 "creatives.components.CapTagList.Cancel": "Cancel",
                                 "creatives.components.CapTagList.Ok": "Ok",
@@ -23274,8 +23274,8 @@ FREE GIFTS-
                                   "app.v2containers.SmsTrai.Edit.traiEditTitle": "Message",
                                   "app.v2containers.SmsTrai.Edit.unicodeLabel": "Allow unicode characters",
                                   "app.v2containers.SmsTrai.Edit.unsupportedTagsValidationError": "Unsupported tags: {unsupportedTags}. Please remove them from this message.",
-                                  "creatives.components.AccessForbidden.forbiddenDesc": "This page access has not been provided to you.",
-                                  "creatives.components.AccessForbidden.forbiddenHeader": "Access Forbidden",
+                                  "creatives.components.AccessForbidden.forbiddenDesc": "Please contact your organisation administrator to request access.",
+                                  "creatives.components.AccessForbidden.forbiddenHeader": "You don't have permission to view this page.",
                                   "creatives.components.BreadCrumbs.header": "This is the BreadCrumbs component !",
                                   "creatives.components.CapTagList.Cancel": "Cancel",
                                   "creatives.components.CapTagList.Ok": "Ok",
@@ -25763,8 +25763,8 @@ exports[`Creatives SmsTraiEdit test/> should save 1`] = `
         "app.v2containers.SmsTrai.Edit.traiEditTitle": "Message",
         "app.v2containers.SmsTrai.Edit.unicodeLabel": "Allow unicode characters",
         "app.v2containers.SmsTrai.Edit.unsupportedTagsValidationError": "Unsupported tags: {unsupportedTags}. Please remove them from this message.",
-        "creatives.components.AccessForbidden.forbiddenDesc": "This page access has not been provided to you.",
-        "creatives.components.AccessForbidden.forbiddenHeader": "Access Forbidden",
+        "creatives.components.AccessForbidden.forbiddenDesc": "Please contact your organisation administrator to request access.",
+        "creatives.components.AccessForbidden.forbiddenHeader": "You don't have permission to view this page.",
         "creatives.components.BreadCrumbs.header": "This is the BreadCrumbs component !",
         "creatives.components.CapTagList.Cancel": "Cancel",
         "creatives.components.CapTagList.Ok": "Ok",
@@ -33087,8 +33087,8 @@ FREE GIFTS-
                                 "app.v2containers.SmsTrai.Edit.traiEditTitle": "Message",
                                 "app.v2containers.SmsTrai.Edit.unicodeLabel": "Allow unicode characters",
                                 "app.v2containers.SmsTrai.Edit.unsupportedTagsValidationError": "Unsupported tags: {unsupportedTags}. Please remove them from this message.",
-                                "creatives.components.AccessForbidden.forbiddenDesc": "This page access has not been provided to you.",
-                                "creatives.components.AccessForbidden.forbiddenHeader": "Access Forbidden",
+                                "creatives.components.AccessForbidden.forbiddenDesc": "Please contact your organisation administrator to request access.",
+                                "creatives.components.AccessForbidden.forbiddenHeader": "You don't have permission to view this page.",
                                 "creatives.components.BreadCrumbs.header": "This is the BreadCrumbs component !",
                                 "creatives.components.CapTagList.Cancel": "Cancel",
                                 "creatives.components.CapTagList.Ok": "Ok",
@@ -35425,8 +35425,8 @@ FREE GIFTS-
                                   "app.v2containers.SmsTrai.Edit.traiEditTitle": "Message",
                                   "app.v2containers.SmsTrai.Edit.unicodeLabel": "Allow unicode characters",
                                   "app.v2containers.SmsTrai.Edit.unsupportedTagsValidationError": "Unsupported tags: {unsupportedTags}. Please remove them from this message.",
-                                  "creatives.components.AccessForbidden.forbiddenDesc": "This page access has not been provided to you.",
-                                  "creatives.components.AccessForbidden.forbiddenHeader": "Access Forbidden",
+                                  "creatives.components.AccessForbidden.forbiddenDesc": "Please contact your organisation administrator to request access.",
+                                  "creatives.components.AccessForbidden.forbiddenHeader": "You don't have permission to view this page.",
                                   "creatives.components.BreadCrumbs.header": "This is the BreadCrumbs component !",
                                   "creatives.components.CapTagList.Cancel": "Cancel",
                                   "creatives.components.CapTagList.Ok": "Ok",