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

package/v2Components/CommonTestAndPreview/DeliverySettings/constants.js

@@ -21,8 +21,6 @@ export const DELIVERY_SETTING_KEY_SENDER_LABEL = 'senderLabel';
 export const DELIVERY_SETTING_KEY_SENDER_REPLY_TO = 'senderReplyTo';
 export const DELIVERY_SETTING_KEY_SOURCE_ACCOUNT_IDENTIFIER = 'sourceAccountIdentifier';
 export const DELIVERY_SETTING_KEY_SENDER_MOB_NUM = 'senderMobNum';
-/** RCS: SMS fallback domain (separate from primary RCS domainId) */
-export const DELIVERY_SETTING_KEY_SMS_FALLBACK_DOMAIN_ID = 'smsFallbackDomainId';
 
 /** data-testid for delivery settings edit icon */
 export const TEST_ID_DELIVERY_SETTINGS_EDIT = 'delivery-settings-edit';
@@ -34,7 +32,6 @@ export const CHANNELS_WITH_DELIVERY_SETTINGS = [
   CHANNELS.SMS,
   CHANNELS.EMAIL,
   CHANNELS.WHATSAPP,
-  CHANNELS.RCS,
 ];
 
 /** Default empty delivery setting per channel (campaigns-style shape) */
@@ -59,21 +56,8 @@ export const DEFAULT_DELIVERY_SETTING_WHATSAPP = {
   sourceAccountIdentifier: '',
 };
 
-/** RCS: gsmSenderId = RCS sender, cdmaSenderId = SMS fallback sender (reuse same keys) */
-export const DEFAULT_DELIVERY_SETTING_RCS = {
-  domainId: null,
-  domainGatewayMapId: null,
-  gsmSenderId: '',
-  smsFallbackDomainId: null,
-  cdmaSenderId: '',
-};
-
 export const DEFAULT_DELIVERY_SETTINGS_BY_CHANNEL = {
   [CHANNELS.SMS]: DEFAULT_DELIVERY_SETTING_SMS,
   [CHANNELS.EMAIL]: DEFAULT_DELIVERY_SETTING_EMAIL,
   [CHANNELS.WHATSAPP]: DEFAULT_DELIVERY_SETTING_WHATSAPP,
-  [CHANNELS.RCS]: DEFAULT_DELIVERY_SETTING_RCS,
 };
-
-/** API `contactInfo.type` keys that map to RCS-style GSM sender rows (env-specific naming). */
-export const RCS_CONTACT_INFO_GSM_TYPE_KEYS = ['gsm_sender_id', 'rcs_sender_id', 'rcs_sender'];

package/v2Components/CommonTestAndPreview/DeliverySettings/index.js

@@ -1,11 +1,11 @@
 /**
  * DeliverySettings — summary row + CapSlideBox trigger for Test and Preview.
- * Rendered for SMS, Email, WhatsApp, RCS (ModifyDeliverySettings). RCS uses gsmSenderId + cdmaSenderId (SMS fallback).
+ * Rendered only for SMS, Email, WhatsApp. Uses cap-ui-library only.
  *
  * Reference: cap-campaigns-v2 DeliverySettingsV2 (summary + modify panel).
  */
 
-import React, { useState, useCallback, useMemo } from "react";
+import React, { useState, useCallback } from "react";
 import PropTypes from "prop-types";
 import CapRow from "@capillarytech/cap-ui-library/CapRow";
 import CapHeading from "@capillarytech/cap-ui-library/CapHeading";
@@ -22,7 +22,6 @@ import {
   SUMMARY_EMPTY_PLACEHOLDER,
   DELIVERY_SETTING_KEY_DOMAIN_ID,
   DELIVERY_SETTING_KEY_GSM_SENDER_ID,
-  DELIVERY_SETTING_KEY_CDMA_SENDER_ID,
   DELIVERY_SETTING_KEY_SENDER_EMAIL,
   DELIVERY_SETTING_KEY_SENDER_LABEL,
   DELIVERY_SETTING_KEY_SENDER_REPLY_TO,
@@ -36,7 +35,7 @@ const DeliverySettings = (props) => {
   const {
     channel,
     deliverySettings = {},
-    senderDetailsByChannel = {},
+    senderDetailsOptions = [],
     wecrmAccounts = [],
     onSaveDeliverySettings,
     isLoadingSenderDetails,
@@ -44,7 +43,6 @@ const DeliverySettings = (props) => {
     smsTraiDltEnabled,
     registeredSenderIds,
     whatsappAccountFromForm,
-    isChannelSmsFallbackPreviewEnabled,
   } = props;
 
   const [isSlideBoxOpen, setSlideBoxOpen] = useState(false);
@@ -60,68 +58,17 @@ const DeliverySettings = (props) => {
     [onSaveDeliverySettings, closeSlideBox]
   );
 
-  const senderDetailsOptions = useMemo(
-    () => (senderDetailsByChannel[channel] || []),
-    [senderDetailsByChannel, channel],
-  );
-  const smsDomainsForRcs = useMemo(
-    () => (channel === CHANNELS.RCS ? (senderDetailsByChannel[CHANNELS.SMS] || []) : []),
-    [channel, senderDetailsByChannel],
-  );
-
   if (!CHANNELS_WITH_DELIVERY_SETTINGS.includes(channel)) {
     return null;
   }
 
   const notConfiguredLabel = formatMessage(messages.notConfigured);
 
-  const getDisplayFromDomains = (domains, compositeValue) => {
-    if (!compositeValue || !domains?.length) return compositeValue || SUMMARY_EMPTY_PLACEHOLDER;
-    for (const senderDomain of domains) {
-      for (const gsmSenderRow of senderDomain.gsmSenders || []) {
-        const value = senderDomain.domainId != null && gsmSenderRow.value != null
-          ? `${senderDomain.domainId}|${gsmSenderRow.value}`
-          : gsmSenderRow.value;
-        if (value === compositeValue && (senderDomain.domainName || gsmSenderRow.value)) {
-          return [senderDomain.domainName, gsmSenderRow.value].filter(Boolean).join(' · ');
-        }
-      }
-    }
-    return compositeValue || SUMMARY_EMPTY_PLACEHOLDER;
-  };
-
-  /** RCS summary: show sender ID only (no "domain · sender"). */
-  const getSenderIdOnlyFromComposite = (domains, compositeValue) => {
-    if (!compositeValue || !domains?.length) return compositeValue || SUMMARY_EMPTY_PLACEHOLDER;
-    for (const senderDomain of domains) {
-      for (const gsmSenderRow of senderDomain.gsmSenders || []) {
-        const value = senderDomain.domainId != null && gsmSenderRow.value != null
-          ? `${senderDomain.domainId}|${gsmSenderRow.value}`
-          : gsmSenderRow.value;
-        if (value === compositeValue && gsmSenderRow.value != null) {
-          return String(gsmSenderRow.value);
-        }
-      }
-    }
-    return compositeValue || SUMMARY_EMPTY_PLACEHOLDER;
-  };
-
   const getSummaryText = () => {
     const empty = SUMMARY_EMPTY_PLACEHOLDER;
-    if (channel === CHANNELS.RCS) {
-      const rcsVal = get(deliverySettings, DELIVERY_SETTING_KEY_GSM_SENDER_ID) || '';
-      const smsVal = get(deliverySettings, DELIVERY_SETTING_KEY_CDMA_SENDER_ID) || '';
-      const summaryRcs = {
-        rcsSenderId: getSenderIdOnlyFromComposite(senderDetailsOptions, rcsVal),
-      };
-      if (isChannelSmsFallbackPreviewEnabled) {
-        summaryRcs.smsFallbackSenderId = getSenderIdOnlyFromComposite(smsDomainsForRcs, smsVal);
-      }
-      return summaryRcs;
-    }
     if (channel === CHANNELS.SMS) {
       const domain = (senderDetailsOptions || []).find(
-        (senderDomain) => senderDomain.domainId === get(deliverySettings, DELIVERY_SETTING_KEY_DOMAIN_ID),
+        (d) => d.domainId === get(deliverySettings, DELIVERY_SETTING_KEY_DOMAIN_ID),
       );
       const domainName = domain?.domainName || empty;
       const senderId = get(deliverySettings, DELIVERY_SETTING_KEY_GSM_SENDER_ID) || empty;
@@ -129,7 +76,7 @@ const DeliverySettings = (props) => {
     }
     if (channel === CHANNELS.EMAIL) {
       const domain = (senderDetailsOptions || []).find(
-        (senderDomain) => senderDomain.domainId === get(deliverySettings, DELIVERY_SETTING_KEY_DOMAIN_ID),
+        (d) => d.domainId === get(deliverySettings, DELIVERY_SETTING_KEY_DOMAIN_ID),
       );
       const emailDomain = domain?.domainName || empty;
       const senderEmail = get(deliverySettings, DELIVERY_SETTING_KEY_SENDER_EMAIL) || empty;
@@ -156,12 +103,7 @@ const DeliverySettings = (props) => {
 
   const summary = getSummaryText();
   let hasValues = false;
-  if (channel === CHANNELS.RCS) {
-    hasValues = (summary.rcsSenderId && summary.rcsSenderId !== SUMMARY_EMPTY_PLACEHOLDER)
-      || (isChannelSmsFallbackPreviewEnabled
-        && summary.smsFallbackSenderId
-        && summary.smsFallbackSenderId !== SUMMARY_EMPTY_PLACEHOLDER);
-  } else if (channel === CHANNELS.SMS) {
+  if (channel === CHANNELS.SMS) {
     hasValues = summary.senderDomain !== SUMMARY_EMPTY_PLACEHOLDER
       || summary.senderId !== SUMMARY_EMPTY_PLACEHOLDER;
   } else if (channel === CHANNELS.EMAIL) {
@@ -180,15 +122,6 @@ const DeliverySettings = (props) => {
   const getSummaryObject = () => {
     if (!hasValues) return null;
     const label = (msg) => formatMessage(msg);
-    if (channel === CHANNELS.RCS) {
-      const rcsSummary = {
-        [label(messages.rcsSenderIdLabel)]: summary.rcsSenderId,
-      };
-      if (isChannelSmsFallbackPreviewEnabled) {
-        rcsSummary[label(messages.fallbackSmsSenderIdLabel)] = summary.smsFallbackSenderId;
-      }
-      return rcsSummary;
-    }
     if (channel === CHANNELS.SMS) {
       return {
         [label(messages.senderDomainSummary)]: summary.senderDomain,
@@ -232,7 +165,7 @@ const DeliverySettings = (props) => {
             Object.entries(summaryObject).map(([key, value]) => (
               <CapRow type="flex" key={key} className="delivery-settings__summary-entry">
                 <CapLabel type="label1" className="delivery-settings__summary-key">{key}</CapLabel>
-                <CapLabel type="label9" className="delivery-settings__summary-value">
+                <CapLabel type="label9">
                   :
                   {' '}
                   {value}
@@ -261,11 +194,6 @@ const DeliverySettings = (props) => {
               channel={channel}
               deliverySettings={deliverySettings}
               senderDetailsOptions={senderDetailsOptions}
-              smsFallbackSenderDetailsOptions={
-                channel === CHANNELS.RCS && isChannelSmsFallbackPreviewEnabled
-                  ? smsDomainsForRcs
-                  : undefined
-              }
               wecrmAccounts={wecrmAccounts}
               onSaveDeliverySettings={handleSave}
               onClose={closeSlideBox}
@@ -285,9 +213,9 @@ const DeliverySettings = (props) => {
 DeliverySettings.propTypes = {
   channel: PropTypes.string.isRequired,
   deliverySettings: PropTypes.object,
-  senderDetailsByChannel: PropTypes.object,
+  senderDetailsOptions: PropTypes.array,
   wecrmAccounts: PropTypes.array,
-  onSaveDeliverySettings: PropTypes.func,
+  onSaveDeliverySettings: PropTypes.func.isRequired,
   isLoadingSenderDetails: PropTypes.bool,
   formatMessage: PropTypes.func,
   smsTraiDltEnabled: PropTypes.bool,
@@ -295,20 +223,17 @@ DeliverySettings.propTypes = {
   whatsappAccountFromForm: PropTypes.shape({
     accountName: PropTypes.string,
   }),
-  isChannelSmsFallbackPreviewEnabled: PropTypes.bool,
 };
 
 DeliverySettings.defaultProps = {
   deliverySettings: {},
-  senderDetailsByChannel: {},
+  senderDetailsOptions: [],
   wecrmAccounts: [],
-  onSaveDeliverySettings: () => {},
   isLoadingSenderDetails: false,
   formatMessage: undefined,
   smsTraiDltEnabled: false,
   registeredSenderIds: [],
   whatsappAccountFromForm: undefined,
-  isChannelSmsFallbackPreviewEnabled: false,
 };
 
 export default DeliverySettings;

package/v2Components/CommonTestAndPreview/DeliverySettings/messages.js

@@ -108,34 +108,4 @@ export default defineMessages({
     id: `${prefix}.disabledMessage`,
     defaultMessage: 'Message template selected belongs to this account',
   },
-  /** RCS: primary domain (slidebox) */
-  rcsDomainLabel: {
-    id: `${prefix}.rcsDomainLabel`,
-    defaultMessage: 'RCS domain:',
-  },
-  /** RCS: SMS fallback domain (slidebox) */
-  fallbackSmsDomainLabel: {
-    id: `${prefix}.fallbackSmsDomainLabel`,
-    defaultMessage: 'Fallback SMS domain:',
-  },
-  /** RCS: "RCS sender ID" */
-  rcsSenderIdLabel: {
-    id: `${prefix}.rcsSenderIdLabel`,
-    defaultMessage: 'RCS sender ID',
-  },
-  /** RCS: "Fallback SMS sender ID" */
-  fallbackSmsSenderIdLabel: {
-    id: `${prefix}.fallbackSmsSenderIdLabel`,
-    defaultMessage: 'Fallback SMS sender ID',
-  },
-  /** RCS: "Domain" (for domain · sender ID display) */
-  domainLabel: {
-    id: `${prefix}.domainLabel`,
-    defaultMessage: 'Domain',
-  },
-  /** RCS: placeholder for sender ID dropdown */
-  selectSenderId: {
-    id: `${prefix}.selectSenderId`,
-    defaultMessage: 'Select sender ID',
-  },
 });

package/v2Components/CommonTestAndPreview/DeliverySettings/utils/parseSenderDetailsResponse.js

@@ -9,91 +9,29 @@
 
 import get from 'lodash/get';
 import { CHANNELS } from '../../constants';
-import { RCS_CONTACT_INFO_GSM_TYPE_KEYS } from '../constants';
 
-/** Match API contactInfo.type (some envs use different casing). */
-const typeMatches = (itemType, expectedKey) => {
-  if (!itemType || !expectedKey) return false;
-  const a = String(itemType).toLowerCase().replace(/-/g, '_');
-  const b = String(expectedKey).toLowerCase().replace(/-/g, '_');
-  return a === b;
-};
-
-/**
- * Include row unless explicitly invalid — many APIs omit `valid`, which would
- * otherwise filter out every sender (RCS/SMS lists empty in UI).
- */
 const getSenderOptions = (contactInfo, key) =>
   (contactInfo || [])
-    .filter((contactInfoItem) => typeMatches(contactInfoItem.type, key) && contactInfoItem.valid !== false)
+    .filter((contactInfoItem) => contactInfoItem.type === key && contactInfoItem.valid)
     .sort((contact) => (contact.default ? -1 : 0));
 
-/** RCS APIs may label senders under several `contactInfo.type` keys — see `RCS_CONTACT_INFO_GSM_TYPE_KEYS`. */
-const getRcsLikeGsmSenders = (contactInfo) => {
-  const seen = new Set();
-  const merged = [];
-  RCS_CONTACT_INFO_GSM_TYPE_KEYS.forEach((key) => {
-    getSenderOptions(contactInfo, key).forEach((row) => {
-      const v = row?.value;
-      // Skip empty/whitespace — they still pass `v != null` for "" and pollute RCS sender dropdowns.
-      if (v == null || String(v).trim() === '' || seen.has(v)) return;
-      seen.add(v);
-      merged.push(row);
-    });
-  });
-  return merged.sort((a, b) => (a.default ? -1 : 0) - (b.default ? -1 : 0));
-};
-
-/**
- * Campaigns domainProperties may return { entity } or { result: { entity } } / { data: { entity } }.
- */
-function unwrapEntity(response) {
-  if (!response || typeof response !== 'object') return null;
-  if (response.entity != null) return response.entity;
-  const nested = get(response, 'result.entity') ?? get(response, 'data.entity');
-  if (nested != null) return nested;
-  if (response.entity === null) return null;
-  return response;
-}
-
 /**
  * Parse raw API response for one channel into { domains: [...] }
- * @param {string} channel - SMS | EMAIL | WHATSAPP | RCS
+ * @param {string} channel - SMS | EMAIL | WHATSAPP
  * @param {Object} response - API response (e.g. { entity: { SMS: [...] } } or { entity: [...] })
  * @returns {{ domains: Array }} - domains array compatible with campaigns DeliverySettingsV2
  */
 export function parseSenderDetailsResponse(channel, response) {
-  const entity = unwrapEntity(response);
-  if (entity == null || entity === '') {
+  const entity = get(response, 'entity', response);
+  if (!entity) {
     return { domains: [] };
   }
 
-  // Normalize once: entity keys may be any casing (SMS/sms/rcs) but downstream branches use CHANNELS.* (uppercase).
-  const normalizedChannel =
-    channel == null || String(channel).trim() === ''
-      ? ''
-      : String(channel).trim().toUpperCase();
-
-  // Single-channel API: entity may be { [channel]: [...] } or direct array.
-  // Some responses use different casing (e.g. rcs vs RCS) or a single domain object instead of an array.
-  let channelSenderDetails =
-    get(entity, channel, null)
-    ?? (normalizedChannel ? get(entity, normalizedChannel, null) : null)
-    ?? (normalizedChannel ? get(entity, normalizedChannel.toLowerCase(), null) : null);
-
+  // Single-channel API: entity may be { [channel]: [...] } or direct array
+  let channelSenderDetails = get(entity, channel, null);
   if (channelSenderDetails == null && Array.isArray(entity)) {
     channelSenderDetails = entity;
   }
-
-  if (channelSenderDetails != null && !Array.isArray(channelSenderDetails)) {
-    const single = channelSenderDetails;
-    if (single && typeof single === 'object' && single.domainProperties) {
-      channelSenderDetails = [single];
-    } else {
-      return { domains: [] };
-    }
-  }
-
   if (!Array.isArray(channelSenderDetails)) {
     return { domains: [] };
   }
@@ -104,7 +42,6 @@ export function parseSenderDetailsResponse(channel, response) {
     const { id: dgmId, priority, domainProperties = {} } = element;
     const {
       domainName,
-      hostName,
       id = -1,
       contactInfo,
       connectionProperties: {
@@ -114,25 +51,21 @@ export function parseSenderDetailsResponse(channel, response) {
       } = {},
     } = domainProperties;
 
-    const resolvedDomainName = domainName || hostName;
-
     const domain = {
       dgmId,
-      domainName: resolvedDomainName,
+      domainName,
       domainId: id,
       priority: priority != null ? priority : 0,
     };
 
-    if ([CHANNELS.SMS, CHANNELS.WHATSAPP, CHANNELS.RCS].includes(normalizedChannel)) {
+    if ([CHANNELS.SMS, CHANNELS.WHATSAPP].includes(channel)) {
       domain.cdmaSenders = getSenderOptions(contactInfo, 'cdma_sender_id');
-      domain.gsmSenders = normalizedChannel === CHANNELS.RCS
-        ? getRcsLikeGsmSenders(contactInfo)
-        : getSenderOptions(contactInfo, 'gsm_sender_id');
+      domain.gsmSenders = getSenderOptions(contactInfo, 'gsm_sender_id');
       domain.sourceAccountIdentifier =
         sourceAccountIdentifier || wabaId || userid || '';
     }
 
-    if (normalizedChannel === CHANNELS.EMAIL) {
+    if (channel === CHANNELS.EMAIL) {
       domain.emailSenders = getSenderOptions(contactInfo, 'sender_id');
       domain.emailRepliers = getSenderOptions(contactInfo, 'reply_to_id');
     }
@@ -143,8 +76,7 @@ export function parseSenderDetailsResponse(channel, response) {
   // Sort by priority and dedupe by domainName (match campaigns behaviour)
   domains.sort((a, b) => (a.priority || 0) - (b.priority || 0));
   const deduped = domains.reduce((acc, domain) => {
-    const key = domain.domainName ?? domain.domainId;
-    if (!acc.find((existing) => (existing.domainName ?? existing.domainId) === key)) {
+    if (!acc.find((d) => d.domainName === domain.domainName)) {
       acc.push(domain);
     }
     return acc;

package/v2Components/CommonTestAndPreview/ExistingCustomerModal.js

@@ -24,6 +24,7 @@ const ExistingCustomerModal = ({ customerModal, onCloseCustomerModal, customerDa
             type="primary"
             onClick={() => onSave({}, setIsLoading)}
             loading={isLoading}
+            disabled={isLoading}
           >
             <FormattedMessage {...messages.saveButton} />
           </CapButton>

package/v2Components/CommonTestAndPreview/SendTestMessage.js

@@ -6,13 +6,12 @@ import CapButton from '@capillarytech/cap-ui-library/CapButton';
 import CapHeader from '@capillarytech/cap-ui-library/CapHeader';
 import CapStepsAccordian from '@capillarytech/cap-ui-library/CapStepsAccordian';
 import CapTreeSelect from '@capillarytech/cap-ui-library/CapTreeSelect';
-import CapSelect from '@capillarytech/cap-ui-library/CapSelect';
 import isEmpty from 'lodash/isEmpty';
 import messages from './messages';
 import DeliverySettings from './DeliverySettings';
 import { CHANNELS } from './constants';
 
-const CHANNELS_WITH_DELIVERY_SETTINGS = [CHANNELS.SMS, CHANNELS.EMAIL, CHANNELS.WHATSAPP, CHANNELS.RCS];
+const CHANNELS_WITH_DELIVERY_SETTINGS = [CHANNELS.SMS, CHANNELS.EMAIL, CHANNELS.WHATSAPP];
 
 const SendTestMessage = ({
   isFetchingTestCustomers,
@@ -29,13 +28,12 @@ const SendTestMessage = ({
   searchValue,
   setSearchValue,
   deliverySettings,
-  senderDetailsByChannel = {},
+  senderDetailsOptions,
   wecrmAccounts,
   onSaveDeliverySettings,
   isLoadingSenderDetails,
   smsTraiDltEnabled,
   registeredSenderIds,
-  isChannelSmsFallbackPreviewEnabled,
 }) => {
   const addCustomerContent = renderAddTestCustomerButton ? renderAddTestCustomerButton() : null;
   return (
@@ -79,14 +77,13 @@ const SendTestMessage = ({
                 <DeliverySettings
                   channel={channel}
                   deliverySettings={deliverySettings || {}}
-                  senderDetailsByChannel={senderDetailsByChannel}
+                  senderDetailsOptions={senderDetailsOptions}
                   wecrmAccounts={wecrmAccounts || []}
                   onSaveDeliverySettings={onSaveDeliverySettings}
                   isLoadingSenderDetails={isLoadingSenderDetails}
                   formatMessage={formatMessage}
                   smsTraiDltEnabled={smsTraiDltEnabled}
                   registeredSenderIds={registeredSenderIds}
-                  isChannelSmsFallbackPreviewEnabled={isChannelSmsFallbackPreviewEnabled}
                   whatsappAccountFromForm={
                     channel === CHANNELS.WHATSAPP && formData?.accountName
                       ? { accountName: formData.accountName }
@@ -124,13 +121,12 @@ SendTestMessage.propTypes = {
   searchValue: PropTypes.string,
   setSearchValue: PropTypes.func,
   deliverySettings: PropTypes.object,
-  senderDetailsByChannel: PropTypes.object,
+  senderDetailsOptions: PropTypes.array,
   wecrmAccounts: PropTypes.array,
   onSaveDeliverySettings: PropTypes.func,
   isLoadingSenderDetails: PropTypes.bool,
   smsTraiDltEnabled: PropTypes.bool,
   registeredSenderIds: PropTypes.array,
-  isChannelSmsFallbackPreviewEnabled: PropTypes.bool,
 };
 
 SendTestMessage.defaultProps = {
@@ -140,13 +136,12 @@ SendTestMessage.defaultProps = {
   searchValue: '',
   setSearchValue: () => {}, // no-op when not provided; required by TreeSelect when showSearch is true
   deliverySettings: {},
-  senderDetailsByChannel: {},
+  senderDetailsOptions: [],
   wecrmAccounts: [],
   onSaveDeliverySettings: undefined,
   isLoadingSenderDetails: false,
   smsTraiDltEnabled: false,
   registeredSenderIds: [],
-  isChannelSmsFallbackPreviewEnabled: false,
 };
 
 export default SendTestMessage;

package/v2Components/CommonTestAndPreview/UnifiedPreview/_unifiedPreview.scss

@@ -11,6 +11,7 @@
     height: 100%;
     display: flex;
     flex-direction: column;
+    background: $CAP_WHITE;
     overflow: hidden;
   
     // Preview Chrome wrapper (matches old TestAndPreviewSlidebox design)
@@ -61,27 +62,7 @@
         }
       }
     }
-
-    .unified-preview.unified-preview-rcs-tabs {  
-      .ant-tabs-nav {
-        margin: 0;
-        padding: 0 $CAP_SPACE_16;
-      }
   
-      // Prevent white hover/active backgrounds from default antd styles
-      .ant-tabs-tab,
-      .ant-tabs-tab:hover,
-      .ant-tabs-tab-active {
-        background: transparent;
-      }
-  
-      .ant-tabs-tab-btn,
-      .ant-tabs-tab-btn:hover,
-      .ant-tabs-tab-btn:active {
-        background: transparent;
-      }
-    }
-
     // Preview Content Container
     .preview-content-container {
       flex: 1;