@capillarytech/creatives-library 8.0.330-alpha.0 → 8.0.331-alpha.0

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

@@ -301,6 +301,11 @@ exports[`RCS utils getRCSContent renders RCS content with no media 1`] = `
 <div
   className="cap-rcs-creatives"
 >
+  <div
+    className="CapLabel-n7zsf5-0 gtGqsG rcs-listing-content title"
+    fontWeight="bold"
+    type="label19"
+  />
   <div
     className="CapLabel-n7zsf5-0 ekUKMg rcs-listing-content desc"
     type="label19"

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

@@ -15,14 +15,6 @@ import CapActionButton from '../../../v2Components/CapActionButton';
 import { INITIAL_SUGGESTIONS_DATA_STOP } from '../constants';
 
 
-jest.mock('react-redux', () => {
-  const actual = jest.requireActual('react-redux');
-  return {
-    ...actual,
-    useDispatch: jest.fn(() => jest.fn()),
-  };
-});
-
 jest.mock('../../../v2Containers/TagList/index.js', () => ({
   __esModule: true,
   default: (props) => (
@@ -150,7 +142,7 @@ const renderHelper = (args) => {
         isEditFlow={args.isEditFlow || false}
         loadingTags={false}
         metaEntities={[]}
-        {...(args.omitGetDefaultTags ? {} : { getDefaultTags: true })}
+        getDefaultTags
         isDltEnabled={args.isDltEnabled || false}
         smsRegister={'DLT'}
       />
@@ -453,8 +445,8 @@ describe('Creatives rcs test/>', () => {
     });
 
     it('should call fetchSchemaForEntity when TagList context changes (non-full mode)', () => {
-      // omitGetDefaultTags: when getDefaultTags is true it overwrites query.context and blocks context switches
-      renderHelper({ isFullMode: false, omitGetDefaultTags: true });
+      // Re-render in non-full mode so TagList is visible
+      renderHelper({ isFullMode: false });
       const tagList = renderedComponent.find('.tag-mock').at(0);
       expect(tagList.exists()).toBe(true);
       const before = fetchSchemaForEntity.mock.calls.length;
@@ -462,7 +454,7 @@ describe('Creatives rcs test/>', () => {
         tagList.prop('onContextChange')('ALL');
       });
       const after = fetchSchemaForEntity.mock.calls.length;
-      expect(after).toBeGreaterThan(before);
+      expect(after).toBe(before + 1);
       const lastArg = fetchSchemaForEntity.mock.calls[after - 1][0];
       expect(lastArg).toEqual(expect.objectContaining({ layout: 'SMS', type: 'TAG', context: 'default' }));
     });
@@ -638,16 +630,15 @@ describe('RCS createPayload', () => {
     expect(payloadArg.versions.base.content.RCS.rcsContent.accessToken).toBe('secret-token');
     expect(payloadArg.versions.base.content.RCS.rcsContent.hostName).toBe('rcs.host.example.com');
     expect(payloadArg.versions.base.content.RCS.rcsContent.accountName).toBe('Brand RCS Account');
-    // templateType effect (text_message → rich_card) can reset selectedDimension after hydration on first mount;
-    // payload cardSettings follow `selectedDimension` state (see Rcs createPayload).
     expect(payloadArg.versions.base.content.RCS.rcsContent.cardSettings).toEqual(
-      expect.objectContaining({ cardOrientation: 'VERTICAL', cardWidth: 'SMALL' }),
+      expect.objectContaining({ cardOrientation: 'HORIZONTAL', mediaAlignment: 'LEFT', cardWidth: 'SMALL' }),
     );
-    // First-mount templateType effect vs hydration can leave templateMediaType as NONE; payload follows state.
-    expect(card.mediaType).toBe('NONE');
-    // SMS fallback is only included when smsFallbackData is set (SmsFallback), not an empty stub
-    expect(payloadArg.versions.base.content.RCS.smsFallBackContent).toBeUndefined();
-  }, 30000);
+    expect(card.mediaType).toBe('IMAGE');
+    expect(card.media).toEqual(expect.objectContaining({ mediaUrl: 'https://cdn.example.com/img.png' }));
+    expect(payloadArg.versions.base.content.RCS.smsFallBackContent).toEqual(
+      expect.objectContaining({ message: '' }),
+    );
+  });
 
   it('should include empty account metadata when no account is selected', async () => {
     const createRcsTemplate = jest.fn();
@@ -713,7 +704,7 @@ describe('RCS createPayload', () => {
     expect(rcsContent.accountName).toBe('');
   });
 
-  it('does not add smsFallBackContent until SmsFallback data is set (isDltEnabled is not wired on Rcs)', async () => {
+  it('should attach DLT template configs when enabled', async () => {
     const createRcsTemplate = jest.fn();
     const getFormData = jest.fn();
     const { createPayloadFullMode } = mockData;
@@ -766,7 +757,16 @@ describe('RCS createPayload', () => {
       createRcsTemplate.mock.calls[0]?.[0] ||
       getFormData.mock.calls[0]?.[0]?.value;
     expect(payloadArg).toBeDefined();
-    expect(payloadArg.versions.base.content.RCS.smsFallBackContent).toBeUndefined();
+    expect(payloadArg.versions.base.content.RCS.smsFallBackContent).toEqual(
+      expect.objectContaining({
+        templateConfigs: expect.objectContaining({
+          templateId: '',
+          templateName: '',
+          template: '',
+          registeredSenderIds: [],
+        }),
+      }),
+    );
   });
 
   it('should build expected payload in non-full mode (VIDEO, vertical medium)', () => {
@@ -818,7 +818,7 @@ describe('RCS createPayload', () => {
     expect(payloadArg.type).toBe('RCS');
     expect(payloadArg.versions.base.content.RCS.rcsContent.contentType).toBe('RICHCARD');
     expect(payloadArg.versions.base.content.RCS.rcsContent.cardSettings).toEqual(
-      expect.objectContaining({ cardOrientation: 'VERTICAL', cardWidth: 'MEDIUM' }),
+      expect.objectContaining({ cardOrientation: 'VERTICAL', cardWidth: 'SMALL' }),
     );
     expect(card.mediaType).toBe('VIDEO');
     expect(card.media).toEqual(
@@ -843,9 +843,7 @@ describe('RCS createPayload', () => {
                     // same placeholder appears twice
                     title: 'Hello {{user_name}} and {{user_name}}',
                     description: 'Hi {{user_name}}',
-                    // Rich card so title VarSegment row mounts (NONE → text_message hides title slots)
-                    mediaType: 'IMAGE',
-                    media: { mediaUrl: 'https://cdn.example.com/card.png' },
+                    mediaType: 'NONE',
                     cardVarMapped: {}, // empty on load
                     suggestions: [],
                   },
@@ -913,8 +911,6 @@ describe('RCS createPayload', () => {
   });
 
   it('should insert TagList label into focused placeholder and sync duplicates in non-full mode', () => {
-    // One title slot so numeric slot key + semantic user_name stay aligned (duplicate {{user_name}} would
-    // leave other slots on empty "2","3",… keys from hydration).
     const templateData = {
       name: 'DupVarsTemplate2',
       versions: {
@@ -926,11 +922,9 @@ describe('RCS createPayload', () => {
                 cardSettings: { cardOrientation: 'VERTICAL', cardWidth: 'SMALL' },
                 cardContent: [
                   {
-                    title: 'Hello {{user_name}}',
-                    description: 'Hi',
-                    // Rich card so title VarSegment mounts (NONE → text_message hides title row)
-                    mediaType: 'IMAGE',
-                    media: { mediaUrl: 'https://cdn.example.com/card.png' },
+                    title: 'Hello {{user_name}} and {{user_name}}',
+                    description: 'Hi {{user_name}}',
+                    mediaType: 'NONE',
                     cardVarMapped: {},
                     suggestions: [],
                   },
@@ -978,12 +972,12 @@ describe('RCS createPayload', () => {
       const id = n.prop('id') || '';
       return id.includes('{{user_name}}_');
     });
-    expect(titleVarAreas.length).toBeGreaterThanOrEqual(1);
+    expect(titleVarAreas.length).toBeGreaterThanOrEqual(2);
 
-    // VarSegmentMessageEditor calls onFocus(id) with the slot id string (not a DOM event)
+    // Focus the first variable textarea so TagList knows where to insert
     act(() => {
       const id = titleVarAreas.at(0).prop('id');
-      titleVarAreas.at(0).props().onFocus(id);
+      titleVarAreas.at(0).props().onFocus({ target: { id } });
     });
     wrapper.update();
 
@@ -999,6 +993,7 @@ describe('RCS createPayload', () => {
       return id.includes('{{user_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)', () => {
@@ -1066,11 +1061,13 @@ describe('RCS createPayload', () => {
 
     wrapper.update();
 
-    // At least one variable slot is rendered (ids like `{{token}}_0`)
-    const varSlotAreas = wrapper.find('TextArea').filterWhere((n) =>
-      /\{\{[^}]+\}}_\d+/.test(String(n.prop('id') || '')),
-    );
-    expect(varSlotAreas.length).toBeGreaterThan(0);
+    // The placeholder {{service_type}} should exist as a variable textarea id, and its value should be the mixed string.
+    const serviceTypeAreas = wrapper.find('TextArea').filterWhere((n) => {
+      const id = n.prop('id') || '';
+      return id.includes('{{service_type}}_');
+    });
+    expect(serviceTypeAreas.length).toBeGreaterThanOrEqual(1);
+    expect(serviceTypeAreas.at(0).prop('value')).toBe('{{first_name}}{{adv}}freeText');
 
     // Ensure freetext does NOT leak into static text blocks.
     const staticAreas = wrapper.find('TextArea').filterWhere((n) => !!n.prop('disabled'));

package/v2Containers/Rcs/tests/mockData.js

@@ -148,7 +148,6 @@ export const mockData = {
     },
     accountData: {
       selectedRcsAccount: {
-        id: 'we-crm-account-id-42',
         sourceAccountIdentifier: 'rcs-account-123',
         configs: { accessToken: 'secret-token' },
         hostName: 'rcs.host.example.com',
@@ -286,41 +285,4 @@ export const mockData = {
       },
     },
   },
-  // RCS template with SMS fallback for edit-flow tests
-  rcsTemplateWithSmsFallback: {
-    templateDetails: {
-      _id: 'rcs_with_fallback_1',
-      name: 'RCSWithFallback',
-      type: 'RCS',
-      versions: {
-        base: {
-          content: {
-            RCS: {
-              rcsContent: {
-                cardSettings: { cardOrientation: 'VERTICAL' },
-                cardContent: [
-                  {
-                    description: 'RCS description',
-                    mediaType: 'TEXT',
-                    suggestions: [],
-                  },
-                ],
-                contentType: 'text_message',
-              },
-              smsFallBackContent: {
-                smsTemplateId: 'sms_fb_001',
-                smsTemplateName: 'Fallback Template',
-                smsContent: 'SMS fallback message',
-                message: 'SMS fallback message',
-                smsTemplateContent: 'SMS fallback message',
-                smsVariables: [],
-                smsVarMapped: {},
-                smsUnicodeValidity: true,
-              },
-            },
-          },
-        },
-      },
-    },
-  },
 };