cap-creatives-ui 8.0.280 → 8.0.321

package/app/v2Components/CommonTestAndPreview/tests/SendTestMessage.test.js

@@ -2,6 +2,7 @@
  * Tests for SendTestMessage Component
  *
  * Tests the component that handles sending test messages
+ * @jest-environment jsdom
  */
 
 import React from 'react';
@@ -11,8 +12,36 @@ import {
 import { IntlProvider } from 'react-intl';
 import PropTypes from 'prop-types';
 import isEmpty from 'lodash/isEmpty';
+// Mock cap-ui-library so SendTestMessage can load (Jest hoists mocks)
+jest.mock('@capillarytech/cap-ui-library/CapRow', () => ({ children, ...rest }) => <div {...rest}>{children}</div>);
+jest.mock('@capillarytech/cap-ui-library/CapButton', () => ({ children, ...rest }) => <button type="button" {...rest}>{children}</button>);
+jest.mock('@capillarytech/cap-ui-library/CapHeader', () => ({ title, description }) => <div><span>{title}</span>{description}</div>);
+jest.mock('@capillarytech/cap-ui-library/CapTreeSelect', () => ({ treeData, onChange, value, placeholder }) => (
+  <div data-testid="cap-tree-select"><input onChange={(e) => onChange && onChange(e.target.value)} placeholder={placeholder} /></div>
+));
+
 import SendTestMessage from '../SendTestMessage';
 
+// Mock DeliverySettings to assert props
+jest.mock('../DeliverySettings', () => function MockDeliverySettings(props) {
+  const smsRows = props.senderDetailsByChannel?.SMS || [];
+    return (
+    <div data-testid="delivery-settings" data-props={JSON.stringify({
+      channel: props.channel,
+      hasDeliverySettings: !!props.deliverySettings,
+      senderDetailsLength: smsRows.length,
+      wecrmAccountsLength: (props.wecrmAccounts || []).length,
+      hasOnSave: typeof props.onSaveDeliverySettings === 'function',
+      isLoadingSenderDetails: props.isLoadingSenderDetails,
+      smsTraiDltEnabled: props.smsTraiDltEnabled,
+      registeredSenderIds: props.registeredSenderIds,
+      whatsappAccountFromForm: props.whatsappAccountFromForm,
+      isChannelSmsFallbackPreviewEnabled: props.isChannelSmsFallbackPreviewEnabled,
+    })}
+    />
+  );
+});
+
 // Mock CapStepsAccordian to always render content expanded
 jest.mock('@capillarytech/cap-ui-library/CapStepsAccordian', () => {
   // eslint-disable-next-line global-require, import/no-extraneous-dependencies
@@ -100,6 +129,15 @@ describe('SendTestMessage', () => {
     },
     isSendingTestMessage: false,
     formatMessage: jest.fn((msg) => msg.defaultMessage || msg.id),
+    channel: 'EMAIL',
+    deliverySettings: {},
+    senderDetailsByChannel: {},
+    wecrmAccounts: [],
+    onSaveDeliverySettings: jest.fn(),
+    isLoadingSenderDetails: false,
+    smsTraiDltEnabled: false,
+    registeredSenderIds: [],
+    isChannelSmsFallbackPreviewEnabled: false,
   };
 
   beforeEach(() => {
@@ -162,6 +200,124 @@ describe('SendTestMessage', () => {
     });
   });
 
+  describe('DeliverySettings (sender ID / delivery settings)', () => {
+    it('should render DeliverySettings when channel is SMS', () => {
+      render(
+        <TestWrapper>
+          <SendTestMessage {...defaultProps} channel="SMS" />
+        </TestWrapper>
+      );
+      const el = screen.getByTestId('delivery-settings');
+      expect(el).toBeTruthy();
+      const data = JSON.parse(el.getAttribute('data-props'));
+      expect(data.channel).toBe('SMS');
+      expect(data.hasOnSave).toBe(true);
+    });
+
+    it('should render DeliverySettings when channel is EMAIL', () => {
+      render(
+        <TestWrapper>
+          <SendTestMessage {...defaultProps} channel="EMAIL" />
+        </TestWrapper>
+      );
+      expect(screen.getByTestId('delivery-settings')).toBeTruthy();
+    });
+
+    it('should render DeliverySettings when channel is WHATSAPP', () => {
+      render(
+        <TestWrapper>
+          <SendTestMessage {...defaultProps} channel="WHATSAPP" />
+        </TestWrapper>
+      );
+      expect(screen.getByTestId('delivery-settings')).toBeTruthy();
+    });
+
+    it('should render DeliverySettings when channel is RCS and pass SMS fallback preview flag', () => {
+      render(
+        <TestWrapper>
+          <SendTestMessage
+            {...defaultProps}
+            channel="RCS"
+            isChannelSmsFallbackPreviewEnabled
+          />
+        </TestWrapper>
+      );
+      const el = screen.getByTestId('delivery-settings');
+      const data = JSON.parse(el.getAttribute('data-props'));
+      expect(data.channel).toBe('RCS');
+      expect(data.isChannelSmsFallbackPreviewEnabled).toBe(true);
+    });
+
+    it('should not render DeliverySettings when channel is INAPP', () => {
+      render(
+        <TestWrapper>
+          <SendTestMessage {...defaultProps} channel="INAPP" />
+        </TestWrapper>
+      );
+      expect(screen.queryByTestId('delivery-settings')).toBeNull();
+    });
+
+    it('should pass whatsappAccountFromForm when channel is WHATSAPP and formData has accountName', () => {
+      render(
+        <TestWrapper>
+          <SendTestMessage
+            {...defaultProps}
+            channel="WHATSAPP"
+            formData={{ ...defaultProps.formData, accountName: 'My WABA' }}
+          />
+        </TestWrapper>
+      );
+      const el = screen.getByTestId('delivery-settings');
+      const data = JSON.parse(el.getAttribute('data-props'));
+      expect(data.whatsappAccountFromForm).toEqual({ accountName: 'My WABA' });
+    });
+
+    it('should pass whatsappAccountFromForm undefined when channel is WHATSAPP and formData has no accountName', () => {
+      render(
+        <TestWrapper>
+          <SendTestMessage
+            {...defaultProps}
+            channel="WHATSAPP"
+            formData={{ ...defaultProps.formData, accountName: undefined }}
+          />
+        </TestWrapper>
+      );
+      const el = screen.getByTestId('delivery-settings');
+      const data = JSON.parse(el.getAttribute('data-props'));
+      expect(data.whatsappAccountFromForm).toBeUndefined();
+    });
+
+    it('should pass delivery props to DeliverySettings', () => {
+      const onSave = jest.fn();
+      render(
+        <TestWrapper>
+          <SendTestMessage
+            {...defaultProps}
+            channel="SMS"
+            deliverySettings={{ domainId: 1 }}
+            senderDetailsByChannel={{
+              SMS: [{ domainId: 1, domainName: 'SMS Dom' }],
+            }}
+            wecrmAccounts={[]}
+            onSaveDeliverySettings={onSave}
+            isLoadingSenderDetails={true}
+            smsTraiDltEnabled
+            registeredSenderIds={['ID1']}
+          />
+        </TestWrapper>
+      );
+      const el = screen.getByTestId('delivery-settings');
+      const data = JSON.parse(el.getAttribute('data-props'));
+      expect(data.hasDeliverySettings).toBe(true);
+      expect(data.senderDetailsLength).toBe(1);
+      expect(data.wecrmAccountsLength).toBe(0);
+      expect(data.hasOnSave).toBe(true);
+      expect(data.isLoadingSenderDetails).toBe(true);
+      expect(data.smsTraiDltEnabled).toBe(true);
+      expect(data.registeredSenderIds).toEqual(['ID1']);
+    });
+  });
+
   describe('Loading States', () => {
     it('should show loading when fetching test customers', () => {
       const props = {

package/app/v2Components/CommonTestAndPreview/tests/UnifiedPreview/index.test.js

@@ -9,7 +9,16 @@ import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { injectIntl, IntlProvider } from 'react-intl';
 import UnifiedPreview from '../../UnifiedPreview';
-import { CHANNELS, DESKTOP, TABLET, MOBILE, ANDROID, IOS } from '../../constants';
+import {
+  CHANNELS,
+  DESKTOP,
+  TABLET,
+  MOBILE,
+  ANDROID,
+  IOS,
+  PREVIEW_TAB_RCS,
+  PREVIEW_TAB_SMS_FALLBACK,
+} from '../../constants';
 import messages from '../../messages';
 
 // Convert messages object to format expected by IntlProvider
@@ -547,6 +556,195 @@ describe('UnifiedPreview', () => {
 
       expect(screen.getByTestId('rcs-sender-id')).toHaveTextContent('RCS_SENDER');
     });
+
+    describe('RCS SMS fallback — Test & Preview tabs', () => {
+      it('without SMS fallback selected, shows only RCS preview (no RCS+SMS tab layout)', () => {
+        const props = {
+          ...defaultProps,
+          channel: CHANNELS.RCS,
+          content: { rcsTitle: 'Hello RCS' },
+          smsFallbackContent: undefined,
+        };
+
+        const { container } = render(
+          <TestWrapper>
+            <ComponentToRender {...props} />
+          </TestWrapper>
+        );
+
+        expect(container.querySelector('.unified-preview-rcs-tabs')).toBeNull();
+        expect(screen.getByTestId('rcs-preview')).toBeInTheDocument();
+        expect(screen.queryByTestId('sms-preview')).not.toBeInTheDocument();
+      });
+
+      it('with SMS fallback template body, shows RCS and Fallback SMS tabs', () => {
+        const props = {
+          ...defaultProps,
+          channel: CHANNELS.RCS,
+          content: { rcsTitle: 'Hello RCS' },
+          smsFallbackContent: {
+            content: 'SMS fallback body',
+            templateContent: 'SMS fallback body',
+          },
+        };
+
+        const { container } = render(
+          <TestWrapper>
+            <ComponentToRender {...props} />
+          </TestWrapper>
+        );
+
+        expect(container.querySelector('.unified-preview-rcs-tabs')).toBeInTheDocument();
+        expect(
+          screen.getByRole('tab', { name: messages.rcsTab.defaultMessage })
+        ).toBeInTheDocument();
+        expect(
+          screen.getByRole('tab', { name: messages.smsFallbackTab.defaultMessage })
+        ).toBeInTheDocument();
+      });
+
+      it('on SMS fallback tab, renders SMS preview with resolved fallback text when smsFallbackResolvedText is set', () => {
+        const props = {
+          ...defaultProps,
+          channel: CHANNELS.RCS,
+          content: { rcsTitle: 'Hello RCS' },
+          smsFallbackContent: {
+            content: '{{var}}',
+            templateContent: '{{var}}',
+          },
+          smsFallbackResolvedText: 'Resolved SMS for preview',
+          activePreviewTab: PREVIEW_TAB_SMS_FALLBACK,
+          onPreviewTabChange: jest.fn(),
+        };
+
+        render(
+          <TestWrapper>
+            <ComponentToRender {...props} />
+          </TestWrapper>
+        );
+
+        expect(screen.getByTestId('sms-content')).toHaveTextContent('Resolved SMS for preview');
+      });
+
+      it('on RCS tab (default), renders RCS preview when dual tabs are shown', () => {
+        const props = {
+          ...defaultProps,
+          channel: CHANNELS.RCS,
+          content: { rcsTitle: 'Only RCS pane' },
+          smsFallbackContent: { content: 'SMS', templateContent: 'SMS' },
+          activePreviewTab: PREVIEW_TAB_RCS,
+          onPreviewTabChange: jest.fn(),
+        };
+
+        render(
+          <TestWrapper>
+            <ComponentToRender {...props} />
+          </TestWrapper>
+        );
+
+        expect(screen.getByTestId('rcs-preview')).toBeInTheDocument();
+        expect(screen.getByTestId('rcs-content')).toHaveTextContent(/Only RCS pane/);
+      });
+
+      it('on SMS fallback tab, shows raw template when no varmap and no resolved text', () => {
+        const props = {
+          ...defaultProps,
+          channel: CHANNELS.RCS,
+          content: { rcsTitle: 'Hello RCS' },
+          smsFallbackContent: {
+            content: 'Hello {{name}}',
+            templateContent: 'Hello {{name}}',
+            // no rcsSmsFallbackVarMapped
+          },
+          smsFallbackResolvedText: undefined,
+          activePreviewTab: PREVIEW_TAB_SMS_FALLBACK,
+          onPreviewTabChange: jest.fn(),
+        };
+
+        render(
+          <TestWrapper>
+            <ComponentToRender {...props} />
+          </TestWrapper>
+        );
+
+        // rawFallbackTemplate is shown directly — {{tags}} remain visible
+        expect(screen.getByTestId('sms-content')).toHaveTextContent('Hello {{name}}');
+      });
+
+      it('on SMS fallback tab, treats empty resolved text as absent and shows raw template', () => {
+        const props = {
+          ...defaultProps,
+          channel: CHANNELS.RCS,
+          content: { rcsTitle: 'Hello RCS' },
+          smsFallbackContent: {
+            content: 'Raw {{var}} template',
+            templateContent: 'Raw {{var}} template',
+          },
+          smsFallbackResolvedText: '',
+          activePreviewTab: PREVIEW_TAB_SMS_FALLBACK,
+          onPreviewTabChange: jest.fn(),
+        };
+
+        render(
+          <TestWrapper>
+            <ComponentToRender {...props} />
+          </TestWrapper>
+        );
+
+        expect(screen.getByTestId('sms-content')).toHaveTextContent('Raw {{var}} template');
+      });
+
+      it('on SMS fallback tab, applies varmap slot substitution when varmap entries exist and no resolved text', () => {
+        // getFallbackResolvedContent key format: `${fullToken}_${segmentIndex}`
+        // 'Hello {{name}}' → segments ['Hello ', '{{name}}'], so {{name}} is at index 1 → key '{{name}}_1'
+        const props = {
+          ...defaultProps,
+          channel: CHANNELS.RCS,
+          content: { rcsTitle: 'Hello RCS' },
+          smsFallbackContent: {
+            content: 'Hello {{name}}',
+            templateContent: 'Hello {{name}}',
+            rcsSmsFallbackVarMapped: { '{{name}}_1': 'World' },
+          },
+          smsFallbackResolvedText: undefined,
+          activePreviewTab: PREVIEW_TAB_SMS_FALLBACK,
+          onPreviewTabChange: jest.fn(),
+        };
+
+        render(
+          <TestWrapper>
+            <ComponentToRender {...props} />
+          </TestWrapper>
+        );
+
+        expect(screen.getByTestId('sms-content')).toHaveTextContent('Hello World');
+      });
+
+      it('on SMS fallback tab, resolved text takes priority over varmap entries', () => {
+        const props = {
+          ...defaultProps,
+          channel: CHANNELS.RCS,
+          content: { rcsTitle: 'Hello RCS' },
+          smsFallbackContent: {
+            content: 'Hello {{name}}',
+            templateContent: 'Hello {{name}}',
+            rcsSmsFallbackVarMapped: { '{{name}}_1': 'World' },
+          },
+          smsFallbackResolvedText: 'Hello John',
+          activePreviewTab: PREVIEW_TAB_SMS_FALLBACK,
+          onPreviewTabChange: jest.fn(),
+        };
+
+        render(
+          <TestWrapper>
+            <ComponentToRender {...props} />
+          </TestWrapper>
+        );
+
+        // resolvedText wins over varmap substitution
+        expect(screen.getByTestId('sms-content')).toHaveTextContent('Hello John');
+      });
+    });
   });
 
   describe('Channel Routing - INAPP', () => {

package/app/v2Components/CommonTestAndPreview/tests/actions.test.js

@@ -17,6 +17,8 @@ import {
   getPrefilledValuesRequested,
   clearPrefilledValues,
   clearPreviewErrors,
+  getSenderDetailsRequested,
+  getWeCrmAccountsRequested,
 } from '../actions';
 
 import {
@@ -32,6 +34,8 @@ import {
   GET_PREFILLED_VALUES_REQUESTED,
   CLEAR_PREFILLED_VALUES,
   CLEAR_PREVIEW_ERRORS,
+  GET_SENDER_DETAILS_REQUESTED,
+  GET_WECRM_ACCOUNTS_REQUESTED,
 } from '../constants';
 
 describe('CommonTestAndPreview Actions', () => {
@@ -321,4 +325,50 @@ describe('CommonTestAndPreview Actions', () => {
       expect(clearPreviewErrors()).toEqual(expectedAction);
     });
   });
+
+  describe('getSenderDetailsRequested', () => {
+    it('should create an action to request sender details with channel and orgUnitId', () => {
+      const payload = { channel: 'SMS', orgUnitId: 123 };
+      const expectedAction = {
+        type: GET_SENDER_DETAILS_REQUESTED,
+        payload,
+      };
+      expect(getSenderDetailsRequested(payload)).toEqual(expectedAction);
+    });
+
+    it('should handle EMAIL channel', () => {
+      const payload = { channel: 'EMAIL', orgUnitId: -1 };
+      expect(getSenderDetailsRequested(payload)).toEqual({
+        type: GET_SENDER_DETAILS_REQUESTED,
+        payload,
+      });
+    });
+
+    it('should handle WHATSAPP channel', () => {
+      const payload = { channel: 'WHATSAPP', orgUnitId: 456 };
+      expect(getSenderDetailsRequested(payload)).toEqual({
+        type: GET_SENDER_DETAILS_REQUESTED,
+        payload,
+      });
+    });
+  });
+
+  describe('getWeCrmAccountsRequested', () => {
+    it('should create an action to request WeCRM accounts with sourceName', () => {
+      const payload = { sourceName: 'WHATSAPP' };
+      const expectedAction = {
+        type: GET_WECRM_ACCOUNTS_REQUESTED,
+        payload,
+      };
+      expect(getWeCrmAccountsRequested(payload)).toEqual(expectedAction);
+    });
+
+    it('should handle empty payload', () => {
+      const payload = {};
+      expect(getWeCrmAccountsRequested(payload)).toEqual({
+        type: GET_WECRM_ACCOUNTS_REQUESTED,
+        payload: {},
+      });
+    });
+  });
 });

package/app/v2Components/CommonTestAndPreview/tests/constants.test.js

@@ -30,6 +30,12 @@ import {
   GET_PREFILLED_VALUES_REQUESTED,
   GET_PREFILLED_VALUES_SUCCESS,
   GET_PREFILLED_VALUES_FAILURE,
+  GET_SENDER_DETAILS_REQUESTED,
+  GET_SENDER_DETAILS_SUCCESS,
+  GET_SENDER_DETAILS_FAILURE,
+  GET_WECRM_ACCOUNTS_REQUESTED,
+  GET_WECRM_ACCOUNTS_SUCCESS,
+  GET_WECRM_ACCOUNTS_FAILURE,
   CLEAR_CUSTOMER_SEARCH_STATE,
   CLEAR_SEARCH_RESULTS,
   CLEAR_PREFILLED_VALUES,
@@ -137,6 +143,18 @@ describe('CommonTestAndPreview Constants', () => {
       expect(GET_PREFILLED_VALUES_FAILURE).toBe('app/CommonTestAndPreview/GET_PREFILLED_VALUES_FAILURE');
     });
 
+    it('should export all get sender details action types', () => {
+      expect(GET_SENDER_DETAILS_REQUESTED).toBe('app/CommonTestAndPreview/GET_SENDER_DETAILS_REQUESTED');
+      expect(GET_SENDER_DETAILS_SUCCESS).toBe('app/CommonTestAndPreview/GET_SENDER_DETAILS_SUCCESS');
+      expect(GET_SENDER_DETAILS_FAILURE).toBe('app/CommonTestAndPreview/GET_SENDER_DETAILS_FAILURE');
+    });
+
+    it('should export all get wecrm accounts action types', () => {
+      expect(GET_WECRM_ACCOUNTS_REQUESTED).toBe('app/CommonTestAndPreview/GET_WECRM_ACCOUNTS_REQUESTED');
+      expect(GET_WECRM_ACCOUNTS_SUCCESS).toBe('app/CommonTestAndPreview/GET_WECRM_ACCOUNTS_SUCCESS');
+      expect(GET_WECRM_ACCOUNTS_FAILURE).toBe('app/CommonTestAndPreview/GET_WECRM_ACCOUNTS_FAILURE');
+    });
+
     it('should export all clear action types', () => {
       expect(CLEAR_CUSTOMER_SEARCH_STATE).toBe('app/CommonTestAndPreview/CLEAR_CUSTOMER_SEARCH_STATE');
       expect(CLEAR_SEARCH_RESULTS).toBe('app/CommonTestAndPreview/CLEAR_SEARCH_RESULTS');
@@ -188,13 +206,6 @@ describe('CommonTestAndPreview Constants', () => {
     });
   });
 
-  describe('Identifier Type Constants', () => {
-    it('should export identifier type constants', () => {
-      expect(IDENTIFIER_TYPE_MOBILE).toBe('mobile');
-      expect(IDENTIFIER_TYPE_EMAIL).toBe('email');
-    });
-  });
-
   describe('Channel Name Constants', () => {
     it('should export channel name constants', () => {
       expect(CHANNEL_NAME_INAPP).toBe('INAPP');