@capillarytech/creatives-library 8.0.316 → 8.0.317-alpha.0

package/v2Components/CapTagListWithInput/__tests__/CapTagListWithInput.test.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { IntlProvider } from 'react-intl';
+import CapTagListWithInput from '../index';
+
+const capturedTagListProps = { current: null };
+
+jest.mock('../../../v2Containers/TagList', () => {
+  const React = require('react');
+  const Mock = (props) => {
+    capturedTagListProps.current = props;
+    return <div data-testid="mock-tag-list">TagList</div>;
+  };
+  return Mock;
+});
+
+jest.mock('@capillarytech/cap-ui-library/CapRow', () => ({ children }) => <div>{children}</div>);
+jest.mock('@capillarytech/cap-ui-library/CapColumn', () => ({ children }) => <div>{children}</div>);
+jest.mock('@capillarytech/cap-ui-library/CapHeading', () => () => null);
+jest.mock('@capillarytech/cap-ui-library/CapInput', () => () => <input data-testid="cap-input" />);
+
+const waitMap = {
+  b1: { eventName: 'Order Placed', blockName: 'Wait', tags: [] },
+};
+
+describe('CapTagListWithInput', () => {
+  beforeEach(() => {
+    capturedTagListProps.current = null;
+  });
+
+  it('forwards waitEventContextTags to TagList', () => {
+    render(
+      <IntlProvider locale="en" messages={{}}>
+        <CapTagListWithInput
+          inputId="test-url"
+          inputOnChange={jest.fn()}
+          waitEventContextTags={waitMap}
+          onTagSelect={jest.fn()}
+          onContextChange={jest.fn()}
+        />
+      </IntlProvider>
+    );
+
+    expect(screen.getByTestId('mock-tag-list')).toBeInTheDocument();
+    expect(capturedTagListProps.current.waitEventContextTags).toEqual(waitMap);
+  });
+
+  it('uses default empty object for waitEventContextTags when omitted', () => {
+    render(
+      <IntlProvider locale="en" messages={{}}>
+        <CapTagListWithInput
+          inputId="test-url"
+          inputOnChange={jest.fn()}
+          onTagSelect={jest.fn()}
+          onContextChange={jest.fn()}
+        />
+      </IntlProvider>
+    );
+
+    expect(capturedTagListProps.current.waitEventContextTags).toEqual({});
+  });
+});

package/v2Components/CapTagListWithInput/index.js

@@ -27,6 +27,7 @@ export const CapTagListWithInput = (props) => {
     userLocale = 'en',
     eventContextTags = [],
     restrictPersonalization = false,
+    waitEventContextTags = {},
     // CapInput props
     inputId,
     inputValue = '',
@@ -77,6 +78,7 @@ export const CapTagListWithInput = (props) => {
             userLocale={userLocale}
             selectedOfferDetails={selectedOfferDetails}
             eventContextTags={eventContextTags}
+            waitEventContextTags={waitEventContextTags}
             style={tagListStyle}
             popoverPlacement={popoverPlacement}
             restrictPersonalization={restrictPersonalization}
@@ -116,6 +118,7 @@ CapTagListWithInput.propTypes = {
   userLocale: PropTypes.string,
   eventContextTags: PropTypes.array,
   restrictPersonalization: PropTypes.bool,
+  waitEventContextTags: PropTypes.object,
 
   // CapInput props
   inputId: PropTypes.string.isRequired,
@@ -154,6 +157,7 @@ CapTagListWithInput.defaultProps = {
   userLocale: 'en',
   eventContextTags: [],
   restrictPersonalization: false,
+  waitEventContextTags: {},
   inputValue: '',
   inputSize: 'default',
   inputRequired: false,

package/v2Components/CapWhatsappCTA/index.js

@@ -52,6 +52,7 @@ export const CapWhatsappCTA = (props) => {
     injectedTags = {},
     selectedOfferDetails = [],
     eventContextTags = [],
+    waitEventContextTags = {},
   } = props;
   const { formatMessage } = intl;
   const invalidVarRegex = /{{(.*?)}}/g;
@@ -283,6 +284,7 @@ export const CapWhatsappCTA = (props) => {
                   injectedTags={injectedTags}
                   selectedOfferDetails={selectedOfferDetails}
                   eventContextTags={eventContextTags}
+                  waitEventContextTags={waitEventContextTags}
                 />
               </CapColumn>
             )}

package/v2Components/CommonTestAndPreview/CustomValuesEditor.js

@@ -8,6 +8,7 @@ import CapButton from '@capillarytech/cap-ui-library/CapButton';
 import CapInput from '@capillarytech/cap-ui-library/CapInput';
 import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
 import messages from './messages';
+import { CUSTOM_VALUES_EDITOR_SECTION_FALLBACK_KEY } from './constants';
 
 const CustomValuesEditor = ({
   isExtractingTags,
@@ -16,15 +17,16 @@ const CustomValuesEditor = ({
   setShowJSON,
   customValues,
   handleJSONTextChange,
-  extractedTags,
-  requiredTags,
-  optionalTags,
+  sections,
   handleCustomValueChange,
   handleDiscardCustomValues,
   handleUpdatePreview,
   isUpdatingPreview,
   formatMessage,
 }) => {
+  /** Same as SMS Test & Preview: show token path from extract-tags (fullPath or name). */
+  const getPersonalizationTagColumnLabel = (tagNode) => tagNode?.fullPath ?? tagNode?.name ?? '';
+
   if (isExtractingTags) {
     return (
       <CapRow className="loading-container">
@@ -77,52 +79,68 @@ const CustomValuesEditor = ({
         </CapRow>
       ) : (
         <>
-          {extractedTags?.length > 0 && (
-            <CapRow className="values-table">
-              <CapRow className="table-header">
-                <CapLabel type="label31" className="header-cell">
-                  <FormattedMessage {...messages.personalizationTags} />
-                </CapLabel>
-                <CapLabel type="label31" className="header-cell">
-                  <FormattedMessage {...messages.customValues} />
+          {(sections || []).filter((tagsSection) =>
+            (tagsSection?.requiredTags?.length || 0) + (tagsSection?.optionalTags?.length || 0) > 0).map((section) => (
+            <React.Fragment key={section.key || section.title?.id || section.title || CUSTOM_VALUES_EDITOR_SECTION_FALLBACK_KEY}>
+              {section.title ? (
+                <CapLabel type="label2" className="tags-section-title">
+                  {typeof section.title === 'string' ? section.title : <FormattedMessage {...section.title} />}
                 </CapLabel>
-              </CapRow>
-              {requiredTags.map((tag) => (
-                <CapRow key={tag.fullPath} className="value-row">
-                  <CapRow className="tag-name">
-                    {tag.fullPath}
-                    <span className="required-tag-indicator">*</span>
-                  </CapRow>
-                  <CapRow className="tag-input">
-                    <CapInput
-                      type="text"
-                      isRequired
-                      className="tag-input-field"
-                      value={customValues[tag.fullPath] || ''}
-                      onChange={(e) => handleCustomValueChange(tag.fullPath, e.target.value)}
-                      placeholder={formatMessage(messages.enterValue)}
-                      size="small"
-                    />
-                  </CapRow>
+              ) : null}
+              <CapRow className="values-table">
+                <CapRow className="table-header">
+                  <CapLabel type="label31" className="header-cell">
+                    <FormattedMessage {...messages.personalizationTags} />
+                  </CapLabel>
+                  <CapLabel type="label31" className="header-cell">
+                    <FormattedMessage {...messages.customValues} />
+                  </CapLabel>
                 </CapRow>
-              ))}
-              {optionalTags?.map((tag) => (
-                <CapRow key={tag.fullPath} className="value-row">
-                  <CapRow className="tag-name">{tag.fullPath}</CapRow>
-                  <CapRow className="tag-input">
-                    <CapInput
-                      type="text"
-                      className="tag-input-field"
-                      value={customValues[tag.fullPath] || ''}
-                      onChange={(e) => handleCustomValueChange(tag.fullPath, e.target.value)}
-                      placeholder={formatMessage(messages.enterValue)}
-                      size="small"
-                    />
+                {(section?.requiredTags || []).map((tag, tagIndex) => {
+                  const personalizationTagColumnText = getPersonalizationTagColumnLabel(tag);
+                  return (
+                  <CapRow key={tag?.fullPath ?? `required-${tagIndex}`} className="value-row">
+                    <CapRow className="tag-name">
+                      {personalizationTagColumnText}
+                      <span className="required-tag-indicator">*</span>
+                    </CapRow>
+                    <CapRow className="tag-input">
+                      <CapInput
+                        type="text"
+                        isRequired
+                        className="tag-input-field"
+                        value={customValues?.[tag?.fullPath] ?? ''}
+                        onChange={(e) => handleCustomValueChange(tag?.fullPath, e.target.value)}
+                        placeholder={formatMessage(messages.enterValue)}
+                        size="small"
+                      />
+                    </CapRow>
                   </CapRow>
-                </CapRow>
-              ))}
-            </CapRow>
-          )}
+                  );
+                })}
+                {(section?.optionalTags || []).map((tag, tagIndex) => {
+                  const personalizationTagColumnText = getPersonalizationTagColumnLabel(tag);
+                  return (
+                  <CapRow key={tag?.fullPath ?? `optional-${tagIndex}`} className="value-row">
+                    <CapRow className="tag-name">
+                      {personalizationTagColumnText}
+                    </CapRow>
+                    <CapRow className="tag-input">
+                      <CapInput
+                        type="text"
+                        className="tag-input-field"
+                        value={customValues?.[tag?.fullPath] ?? ''}
+                        onChange={(e) => handleCustomValueChange(tag?.fullPath, e.target.value)}
+                        placeholder={formatMessage(messages.enterValue)}
+                        size="small"
+                      />
+                    </CapRow>
+                  </CapRow>
+                  );
+                })}
+              </CapRow>
+            </React.Fragment>
+          ))}
         </>
       )}
       <CapRow className="editor-actions">
@@ -156,9 +174,12 @@ CustomValuesEditor.propTypes = {
   setShowJSON: PropTypes.func.isRequired,
   customValues: PropTypes.object.isRequired,
   handleJSONTextChange: PropTypes.func.isRequired,
-  extractedTags: PropTypes.array.isRequired,
-  requiredTags: PropTypes.array.isRequired,
-  optionalTags: PropTypes.array.isRequired,
+  sections: PropTypes.arrayOf(PropTypes.shape({
+    key: PropTypes.string,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+    requiredTags: PropTypes.array,
+    optionalTags: PropTypes.array,
+  })).isRequired,
   handleCustomValueChange: PropTypes.func.isRequired,
   handleDiscardCustomValues: PropTypes.func.isRequired,
   handleUpdatePreview: PropTypes.func.isRequired,

package/v2Components/CommonTestAndPreview/DeliverySettings/DeliverySettings.scss

@@ -18,11 +18,17 @@
   }
 
   &__summary-entry {
+    display: flex;
+    align-items: baseline;
+    gap: 0;
     margin-right: $CAP_SPACE_18;
   }
 
-  &__summary-key {
-    line-height: $CAP_SPACE_16;
+  &__summary-key,
+  &__summary-value {
+    line-height: 1.4;
+    margin-top: 0;
+    margin-bottom: 0;
   }
 
   &__edit-icon {

package/v2Components/CommonTestAndPreview/DeliverySettings/ModifyDeliverySettings.js

@@ -32,16 +32,37 @@ import {
   DELIVERY_SETTING_KEY_SENDER_REPLY_TO,
   DELIVERY_SETTING_KEY_SOURCE_ACCOUNT_IDENTIFIER,
   DELIVERY_SETTING_KEY_SENDER_MOB_NUM,
+  DELIVERY_SETTING_KEY_SMS_FALLBACK_DOMAIN_ID,
 } from './constants';
 import './ModifyDeliverySettings.scss';
 
 const findDefault = (array) => find(array, { default: true }) || (array && array[0]) || {};
 
+/**
+ * Drop empty GSM rows. Optionally drop rows whose value equals domain name — some APIs duplicate
+ * domain label as a bogus sender row; RCS/DLT often legitimately use the same string (e.g. DetailsForGW1).
+ */
+const filterUsableGsmSendersForDomain = (domain, gsmSenders, { skipDomainNameEchoFilter = false } = {}) => {
+  const normalizedDomainName =
+    domain?.domainName != null ? String(domain.domainName).trim().toLowerCase() : '';
+  return (gsmSenders || []).filter((gsmSenderRow) => {
+    const rawValue = gsmSenderRow?.value;
+    if (rawValue == null) return false;
+    const trimmedSenderValue = String(rawValue).trim();
+    if (!trimmedSenderValue) return false;
+    const senderMatchesDomainLabel =
+      normalizedDomainName && trimmedSenderValue.toLowerCase() === normalizedDomainName;
+    if (!skipDomainNameEchoFilter && senderMatchesDomainLabel) return false;
+    return true;
+  });
+};
+
 const ModifyDeliverySettings = (props) => {
   const {
     channel,
     deliverySettings: initialSettings = {},
     senderDetailsOptions = [],
+    smsFallbackSenderDetailsOptions = [],
     wecrmAccounts = [],
     onSaveDeliverySettings,
     onClose,
@@ -102,17 +123,21 @@ const ModifyDeliverySettings = (props) => {
     if (!(channel === CHANNELS.SMS && smsTraiDltEnabled)) {
       return allDomainOptions;
     }
+    // Without template registered sender IDs, strict DLT filter removes every domain — keep full list.
+    if (!registeredSenderIds?.length) {
+      return allDomainOptions;
+    }
 
-    return allDomainOptions.filter((domain) => (domain.gsmSenders || []).some(
-      (gsmId) => registeredSenderIds.includes(gsmId.value),
+    return allDomainOptions.filter((domain) => (domain?.gsmSenders || []).some(
+      (gsmSenderOption) => registeredSenderIds?.includes(gsmSenderOption?.value),
     ));
   }, [allDomainOptions, channel, registeredSenderIds, smsTraiDltEnabled]);
 
   const selectedDomain = useMemo(
     () => (senderDetailsOptions || []).find(
-      (d) => d.domainId === get(localSettings, DELIVERY_SETTING_KEY_DOMAIN_ID),
+      (senderDomain) => senderDomain.domainId === get(localSettings, DELIVERY_SETTING_KEY_DOMAIN_ID),
     ) || {},
-    [senderDetailsOptions, localSettings.domainId],
+    [senderDetailsOptions, get(localSettings, DELIVERY_SETTING_KEY_DOMAIN_ID)],
   );
   const {
     gsmSenders: selectedDomainGsmSenders = [],
@@ -120,25 +145,103 @@ const ModifyDeliverySettings = (props) => {
     emailRepliers: selectedDomainEmailRepliers = [],
   } = selectedDomain;
 
+  const rcsSenderOptions = useMemo(
+    () => {
+      if (channel !== CHANNELS.RCS) return [];
+      const rcsDomainRows = senderDetailsOptions || [];
+      const selectedRcsDomainId = get(localSettings, DELIVERY_SETTING_KEY_DOMAIN_ID);
+      const rcsDomainsForDropdown =
+        selectedRcsDomainId != null && selectedRcsDomainId !== ''
+          ? rcsDomainRows.filter((senderDomain) => senderDomain?.domainId === selectedRcsDomainId)
+          : rcsDomainRows;
+      return rcsDomainsForDropdown.flatMap((senderDomain) =>
+        filterUsableGsmSendersForDomain(senderDomain, senderDomain?.gsmSenders, {
+          skipDomainNameEchoFilter: true,
+        }).map((gsmSenderRow) => ({
+          value: senderDomain?.domainId != null && gsmSenderRow?.value != null
+            ? `${senderDomain.domainId}|${gsmSenderRow.value}`
+            : gsmSenderRow?.value,
+          label: String(gsmSenderRow?.value ?? ''),
+        })));
+    },
+    [channel, senderDetailsOptions, localSettings],
+  );
+
+  const rcsGsmSenderIdForSelect = useMemo(() => {
+    const raw = get(localSettings, DELIVERY_SETTING_KEY_GSM_SENDER_ID);
+    if (raw == null || raw === '') return undefined;
+    const allowed = new Set((rcsSenderOptions || []).map((senderOption) => senderOption.value));
+    return allowed.has(raw) ? raw : undefined;
+  }, [localSettings, rcsSenderOptions]);
+
+  const smsFallbackDomainOptions = useMemo(
+    () => {
+      const raw = (smsFallbackSenderDetailsOptions || []).map((senderDetails) => ({
+        label: senderDetails.domainName || senderDetails.domainId,
+        value: senderDetails.domainId,
+        ...senderDetails,
+      }));
+      if (!(channel === CHANNELS.RCS && smsTraiDltEnabled && registeredSenderIds?.length)) {
+        return raw;
+      }
+      return raw.filter((domain) => (domain?.gsmSenders || []).some(
+        (gsmSenderOption) => registeredSenderIds?.includes(gsmSenderOption?.value),
+      ));
+    },
+    [channel, smsFallbackSenderDetailsOptions, smsTraiDltEnabled, registeredSenderIds],
+  );
+
+  const smsSenderOptions = useMemo(
+    () => {
+      if (channel !== CHANNELS.RCS) return [];
+      const smsFallbackDomainRows = smsFallbackSenderDetailsOptions || [];
+      const selectedSmsFallbackDomainId = get(localSettings, DELIVERY_SETTING_KEY_SMS_FALLBACK_DOMAIN_ID);
+      const smsFallbackDomainsForDropdown =
+        selectedSmsFallbackDomainId != null && selectedSmsFallbackDomainId !== ''
+          ? smsFallbackDomainRows.filter((senderDomain) => senderDomain?.domainId === selectedSmsFallbackDomainId)
+          : smsFallbackDomainRows;
+      const shouldFilterSmsSendersByDltRegistration = smsTraiDltEnabled && registeredSenderIds?.length;
+      return smsFallbackDomainsForDropdown.flatMap((senderDomain) =>
+        filterUsableGsmSendersForDomain(senderDomain, senderDomain?.gsmSenders)
+          .filter((smsGsmSenderRow) =>
+            !shouldFilterSmsSendersByDltRegistration || registeredSenderIds?.includes(smsGsmSenderRow?.value))
+          .map((gsmSenderRow) => ({
+            value: senderDomain?.domainId != null && gsmSenderRow?.value != null
+              ? `${senderDomain.domainId}|${gsmSenderRow.value}`
+              : gsmSenderRow?.value,
+            label: String(gsmSenderRow?.value ?? ''),
+          })));
+    },
+    [channel, smsFallbackSenderDetailsOptions, localSettings, smsTraiDltEnabled, registeredSenderIds],
+  );
+
+  const smsFallbackGsmIdForSelect = useMemo(() => {
+    const raw = get(localSettings, DELIVERY_SETTING_KEY_CDMA_SENDER_ID);
+    if (raw == null || raw === '') return undefined;
+    const allowed = new Set((smsSenderOptions || []).map((senderOption) => senderOption.value));
+    return allowed.has(raw) ? raw : undefined;
+  }, [localSettings, smsSenderOptions]);
+
   const gsmOptions = useMemo(
     () => {
-      const smsGsmSenders = channel === CHANNELS.SMS && smsTraiDltEnabled
-        ? selectedDomainGsmSenders.filter((gsmId) => registeredSenderIds.includes(gsmId.value))
+      const smsGsmSendersForSelect = channel === CHANNELS.SMS && smsTraiDltEnabled && registeredSenderIds?.length
+        ? selectedDomainGsmSenders.filter((gsmSenderOption) =>
+          registeredSenderIds?.includes(gsmSenderOption?.value))
         : selectedDomainGsmSenders;
 
-      return smsGsmSenders.map((o) => ({
-        label: o.value || o.label,
-        value: o.value,
+      return smsGsmSendersForSelect.map((gsmSenderRow) => ({
+        label: gsmSenderRow?.value || gsmSenderRow?.label,
+        value: gsmSenderRow?.value,
       }));
     },
     [channel, registeredSenderIds, selectedDomainGsmSenders, smsTraiDltEnabled],
   );
 
   const emailSenderOptions = useMemo(
-    () => selectedDomainEmailSenders.map((o) => ({
-      label: o.value || o.label,
-      value: o.value,
-      senderLabel: o.label,
+    () => selectedDomainEmailSenders.map((emailSenderRow) => ({
+      label: emailSenderRow.value || emailSenderRow.label,
+      value: emailSenderRow.value,
+      senderLabel: emailSenderRow.label,
     })),
     [selectedDomainEmailSenders],
   );
@@ -204,13 +307,47 @@ const ModifyDeliverySettings = (props) => {
     });
   }, []);
 
+  const onSmsFallbackDomainChange = useCallback(
+    (value) => {
+      setLocalSettings((prev) => {
+        const next = cloneDeep(prev);
+        next[DELIVERY_SETTING_KEY_SMS_FALLBACK_DOMAIN_ID] = value;
+        const selectedSmsFallbackDomain = (smsFallbackSenderDetailsOptions || []).find(
+          (senderDomain) => senderDomain?.domainId === value,
+        );
+        const usableSmsFallbackGsmSenders = filterUsableGsmSendersForDomain(
+          selectedSmsFallbackDomain,
+          selectedSmsFallbackDomain?.gsmSenders,
+        );
+        const firstSmsFallbackGsmSender = usableSmsFallbackGsmSenders[0];
+        const composite = selectedSmsFallbackDomain?.domainId != null && firstSmsFallbackGsmSender?.value != null
+          ? `${selectedSmsFallbackDomain.domainId}|${firstSmsFallbackGsmSender.value}`
+          : (firstSmsFallbackGsmSender?.value || '');
+        next[DELIVERY_SETTING_KEY_CDMA_SENDER_ID] = composite;
+        return next;
+      });
+    },
+    [smsFallbackSenderDetailsOptions],
+  );
+
   const onDomainChange = useCallback(
     (value) => {
-      const domain = domainOptions.find((d) => d.value === value);
+      const domain = domainOptions.find((domainOption) => domainOption.value === value);
       updateSetting(DELIVERY_SETTING_KEY_DOMAIN_ID, value);
       if (domain?.dgmId != null) updateSetting(DELIVERY_SETTING_KEY_DOMAIN_GATEWAY_MAP_ID, domain.dgmId);
+      if (channel === CHANNELS.RCS && domain) {
+        const usableRcsGsmSenders = filterUsableGsmSendersForDomain(domain, domain?.gsmSenders, {
+          skipDomainNameEchoFilter: true,
+        });
+        const firstRcsGsmSender = usableRcsGsmSenders[0];
+        const composite = domain?.domainId != null && firstRcsGsmSender?.value != null
+          ? `${domain.domainId}|${firstRcsGsmSender.value}`
+          : (firstRcsGsmSender?.value || '');
+        updateSetting(DELIVERY_SETTING_KEY_GSM_SENDER_ID, composite);
+        return;
+      }
       if (channel === CHANNELS.SMS && domain) {
-        const smsGsmSenders = smsTraiDltEnabled
+        const smsGsmSenders = smsTraiDltEnabled && registeredSenderIds?.length
           ? (domain.gsmSenders || []).filter((gsmId) => registeredSenderIds.includes(gsmId.value))
           : domain.gsmSenders;
         const def = findDefault(smsGsmSenders);
@@ -230,9 +367,20 @@ const ModifyDeliverySettings = (props) => {
   );
 
   const handleDone = useCallback(() => {
-    onSaveDeliverySettings(localSettings);
+    const next = cloneDeep(localSettings);
+    if (channel === CHANNELS.RCS) {
+      const rawRcs = get(next, DELIVERY_SETTING_KEY_GSM_SENDER_ID);
+      if (rawRcs && !(rcsSenderOptions || []).some((senderOption) => senderOption.value === rawRcs)) {
+        next[DELIVERY_SETTING_KEY_GSM_SENDER_ID] = '';
+      }
+      const rawSms = get(next, DELIVERY_SETTING_KEY_CDMA_SENDER_ID);
+      if (rawSms && !(smsSenderOptions || []).some((senderOption) => senderOption.value === rawSms)) {
+        next[DELIVERY_SETTING_KEY_CDMA_SENDER_ID] = '';
+      }
+    }
+    onSaveDeliverySettings(next);
     if (onClose) onClose();
-  }, [localSettings, onSaveDeliverySettings, onClose]);
+  }, [channel, localSettings, onSaveDeliverySettings, onClose, rcsSenderOptions, smsSenderOptions]);
 
   const renderSelectRow = useCallback(
     ({
@@ -286,7 +434,7 @@ const ModifyDeliverySettings = (props) => {
         value: get(localSettings, DELIVERY_SETTING_KEY_SENDER_EMAIL),
         onChange: (val) => {
           const sender = selectedDomainEmailSenders.find(
-            (s) => s.value === val,
+            (emailSenderRow) => emailSenderRow.value === val,
           );
           updateSetting(DELIVERY_SETTING_KEY_SENDER_EMAIL, val);
           updateSetting(DELIVERY_SETTING_KEY_SENDER_LABEL, sender?.label || val);
@@ -298,7 +446,7 @@ const ModifyDeliverySettings = (props) => {
         value: get(localSettings, DELIVERY_SETTING_KEY_SENDER_LABEL) || '',
         onChange: (val) => {
           const sender = selectedDomainEmailSenders.find(
-            (s) => (s.label || s.value) === val,
+            (emailSenderRow) => (emailSenderRow.label || emailSenderRow.value) === val,
           );
           if (sender) {
             updateSetting(DELIVERY_SETTING_KEY_SENDER_EMAIL, sender.value);
@@ -326,7 +474,7 @@ const ModifyDeliverySettings = (props) => {
         onChange: (val) => {
           updateSetting(DELIVERY_SETTING_KEY_SOURCE_ACCOUNT_IDENTIFIER, val);
           const domain = (senderDetailsOptions || []).find(
-            (d) => d.sourceAccountIdentifier === val,
+            (whatsappAccountRow) => whatsappAccountRow.sourceAccountIdentifier === val,
           );
           const first = domain?.gsmSenders?.[0];
           updateSetting(DELIVERY_SETTING_KEY_SENDER_MOB_NUM, first?.value || '');
@@ -340,10 +488,39 @@ const ModifyDeliverySettings = (props) => {
         onChange: (val) => updateSetting(DELIVERY_SETTING_KEY_SENDER_MOB_NUM, val),
       },
     ];
+    const rcsFields = [
+      {
+        titleMessage: messages.rcsDomainLabel,
+        options: domainOptions,
+        value: get(localSettings, DELIVERY_SETTING_KEY_DOMAIN_ID),
+        onChange: (val) => onDomainChange(val),
+      },
+      {
+        titleMessage: messages.rcsSenderIdLabel,
+        options: rcsSenderOptions,
+        value: rcsGsmSenderIdForSelect,
+        onChange: (val) => updateSetting(DELIVERY_SETTING_KEY_GSM_SENDER_ID, val),
+      },
+      ...((smsFallbackSenderDetailsOptions || []).length > 0 ? [
+        {
+          titleMessage: messages.fallbackSmsDomainLabel,
+          options: smsFallbackDomainOptions,
+          value: get(localSettings, DELIVERY_SETTING_KEY_SMS_FALLBACK_DOMAIN_ID),
+          onChange: onSmsFallbackDomainChange,
+        },
+        {
+          titleMessage: messages.fallbackSmsSenderIdLabel,
+          options: smsSenderOptions,
+          value: smsFallbackGsmIdForSelect,
+          onChange: (val) => updateSetting(DELIVERY_SETTING_KEY_CDMA_SENDER_ID, val),
+        },
+      ] : []),
+    ];
     const byChannel = {
       [CHANNELS.SMS]: smsFields,
       [CHANNELS.EMAIL]: emailFields,
       [CHANNELS.WHATSAPP]: whatsappFields,
+      [CHANNELS.RCS]: rcsFields,
     };
     return byChannel[channel] || [];
   }, [
@@ -356,6 +533,13 @@ const ModifyDeliverySettings = (props) => {
     wecrmAccountOptions,
     whatsappAccountOptionsForDisplay,
     whatsappSenderOptions,
+    rcsSenderOptions,
+    rcsGsmSenderIdForSelect,
+    smsSenderOptions,
+    smsFallbackGsmIdForSelect,
+    smsFallbackDomainOptions,
+    smsFallbackSenderDetailsOptions,
+    onSmsFallbackDomainChange,
     localSettings,
     selectedDomainEmailSenders,
     senderDetailsOptions,
@@ -390,9 +574,10 @@ const ModifyDeliverySettings = (props) => {
 };
 
 ModifyDeliverySettings.propTypes = {
-  channel: PropTypes.oneOf([CHANNELS.SMS, CHANNELS.EMAIL, CHANNELS.WHATSAPP]).isRequired,
+  channel: PropTypes.oneOf([CHANNELS.SMS, CHANNELS.EMAIL, CHANNELS.WHATSAPP, CHANNELS.RCS]).isRequired,
   deliverySettings: PropTypes.object,
   senderDetailsOptions: PropTypes.array,
+  smsFallbackSenderDetailsOptions: PropTypes.array,
   wecrmAccounts: PropTypes.array,
   onSaveDeliverySettings: PropTypes.func.isRequired,
   onClose: PropTypes.func,
@@ -408,6 +593,7 @@ ModifyDeliverySettings.propTypes = {
 ModifyDeliverySettings.defaultProps = {
   deliverySettings: {},
   senderDetailsOptions: [],
+  smsFallbackSenderDetailsOptions: [],
   wecrmAccounts: [],
   onClose: undefined,
   isLoading: false,

package/v2Components/CommonTestAndPreview/DeliverySettings/constants.js

@@ -21,6 +21,8 @@ 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';
@@ -32,6 +34,7 @@ export const CHANNELS_WITH_DELIVERY_SETTINGS = [
   CHANNELS.SMS,
   CHANNELS.EMAIL,
   CHANNELS.WHATSAPP,
+  CHANNELS.RCS,
 ];
 
 /** Default empty delivery setting per channel (campaigns-style shape) */
@@ -56,8 +59,21 @@ 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'];