cap-creatives-ui 8.0.280 → 8.0.321

package/app/v2Components/CommonTestAndPreview/messages.js

@@ -24,6 +24,20 @@ export default defineMessages({
     id: `${scope}.personalizationTags`,
     defaultMessage: 'Personalization Tags',
   },
+  rcsTagsSectionTitle: {
+    id: `${scope}.rcsTagsSectionTitle`,
+    defaultMessage: 'RCS Tags',
+  },
+  /** Primary SMS section when channel is SMS — `messages[`${channel}TagsSectionTitle`]` resolves to this. */
+  SMSTagsSectionTitle: {
+    id: `${scope}.SMSTagsSectionTitle`,
+    defaultMessage: 'SMS tags',
+  },
+  /** Fallback SMS under RCS — same label as SMS Test & Preview for consistent personalization UX. */
+  smsFallbackTagsSectionTitle: {
+    id: `${scope}.smsFallbackTagsSectionTitle`,
+    defaultMessage: 'SMS tags',
+  },
   customValues: {
     id: `${scope}.customValues`,
     defaultMessage: 'Custom Values',
@@ -36,6 +50,14 @@ export default defineMessages({
     id: `${scope}.discardCustomValues`,
     defaultMessage: 'Discard custom values',
   },
+  rcsSenderIdLabel: {
+    id: `${scope}.rcsSenderIdLabel`,
+    defaultMessage: 'RCS Sender ID',
+  },
+  fallbackSmsSenderIdLabel: {
+    id: `${scope}.fallbackSmsSenderIdLabel`,
+    defaultMessage: 'Fallback SMS Sender ID',
+  },
   updatePreview: {
     id: `${scope}.updatePreview`,
     defaultMessage: 'Update Preview',
@@ -92,6 +114,14 @@ export default defineMessages({
     id: `${scope}.previewTitle`,
     defaultMessage: 'Preview',
   },
+  rcsTab: {
+    id: `${scope}.rcsTab`,
+    defaultMessage: 'RCS',
+  },
+  smsFallbackTab: {
+    id: `${scope}.smsFallbackTab`,
+    defaultMessage: 'Fallback SMS',
+  },
   previewPlaceholder: {
     id: `${scope}.previewPlaceholder`,
     defaultMessage: 'Click "Update Preview" to see the rendered email.',
@@ -180,14 +210,22 @@ export default defineMessages({
     id: `${scope}.lastModified`,
     defaultMessage: 'Last modified',
   },
-  by: {
-    id: `${scope}.by`,
-    defaultMessage: 'by',
+  byAuthor: {
+    id: `${scope}.byAuthor`,
+    defaultMessage: 'by {name}',
   },
   senderId: {
     id: `${scope}.senderId`,
     defaultMessage: 'Sender ID',
   },
+  rcsSenderIdLabel: {
+    id: `${scope}.rcsSenderIdLabel`,
+    defaultMessage: 'RCS sender ID',
+  },
+  domainLabel: {
+    id: `${scope}.domainLabel`,
+    defaultMessage: 'Domain',
+  },
   urlPreviewImage: {
     id: `${scope}.urlPreviewImage`,
     defaultMessage: 'URL Preview Image',

package/app/v2Components/CommonTestAndPreview/previewApiUtils.js

@@ -0,0 +1,59 @@
+/**
+ * Helpers for Liquid `/preview` (updateEmailPreview) responses.
+ * The API may nest the payload under `data` or return fields at the top level.
+ * SMS responses often use `messageBody` instead of `resolvedBody`.
+ */
+
+import { getFallbackResolvedContent } from '../../utils/templateVarUtils';
+import { RCS_SMS_FALLBACK_VAR_MAPPED_PROP } from './constants';
+
+export function normalizePreviewApiPayload(raw) {
+  if (!raw || typeof raw !== 'object') return raw;
+  const next = { ...raw };
+  if (next.resolvedBody == null) {
+    const alt = next.messageBody ?? next.previewMessage ?? next.previewText;
+    if (alt != null) next.resolvedBody = alt;
+  }
+  return next;
+}
+
+/**
+ * Returns a normalized preview object suitable for Redux `previewData`, or null on error / empty.
+ */
+export function extractPreviewFromLiquidResponse(response) {
+  if (!response || response.error) return null;
+  if (response.errors && Array.isArray(response.errors) && response.errors.length > 0) return null;
+
+  let body;
+  if (response.data !== undefined && response.data !== null && typeof response.data === 'object') {
+    body = normalizePreviewApiPayload(response.data);
+  } else if (typeof response === 'object' && !Array.isArray(response)) {
+    body = normalizePreviewApiPayload(response);
+  } else {
+    return null;
+  }
+
+  if (!body) return null;
+  if (body.resolvedBody === undefined && body.messageBody === undefined) {
+    return null;
+  }
+  return body;
+}
+
+/**
+ * RCS SMS fallback: merge template (`templateContent` / `content`) with VarSegment
+ * `rcsSmsFallbackVarMapped` before Liquid /preview, tag extraction, or createMessageMeta.
+ * Raw template alone is stale when the user edits slot values.
+ */
+export function getSmsFallbackTextForTagExtraction(smsFallbackContext) {
+  const rawTemplateBody =
+    smsFallbackContext?.templateContent ?? smsFallbackContext?.content ?? '';
+  if (!rawTemplateBody) return '';
+  const rcsSmsFallbackVarMapped = smsFallbackContext?.[RCS_SMS_FALLBACK_VAR_MAPPED_PROP];
+  const hasRcsSmsFallbackVarMappedEntries =
+    Object.keys(rcsSmsFallbackVarMapped ?? {}).length > 0;
+  if (hasRcsSmsFallbackVarMappedEntries) {
+    return getFallbackResolvedContent(rawTemplateBody, rcsSmsFallbackVarMapped ?? {});
+  }
+  return rawTemplateBody;
+}

package/app/v2Components/CommonTestAndPreview/reducer.js

@@ -31,6 +31,13 @@ import {
   GET_PREFILLED_VALUES_FAILURE,
   CLEAR_PREFILLED_VALUES,
   CLEAR_PREVIEW_ERRORS,
+  GET_SENDER_DETAILS_REQUESTED,
+  GET_SENDER_DETAILS_SUCCESS,
+  GET_SENDER_DETAILS_FAILURE,
+  GET_WECRM_ACCOUNTS_REQUESTED,
+  GET_WECRM_ACCOUNTS_SUCCESS,
+  GET_WECRM_ACCOUNTS_FAILURE,
+  CHANNELS,
 } from './constants';
 
 const initialState = fromJS({
@@ -85,6 +92,16 @@ const initialState = fromJS({
   isFetchingPrefilledValues: false,
   fetchPrefilledValuesError: null,
   fetchPrefilledValuesErrors: [],
+
+  senderDetailsByChannel: fromJS({
+    [CHANNELS.SMS]: [],
+    [CHANNELS.EMAIL]: [],
+    [CHANNELS.WHATSAPP]: [],
+  }),
+  wecrmAccounts: fromJS([]),
+  isLoadingSenderDetails: false,
+  fetchSenderDetailsError: null,
+  fetchWeCrmAccountsError: null,
 });
 
 const previewAndTestReducer = (state = initialState, action) => {
@@ -250,6 +267,36 @@ const previewAndTestReducer = (state = initialState, action) => {
         .set('fetchPrefilledValuesError', null)
         .set('fetchPrefilledValuesErrors', fromJS([]));
 
+    case GET_SENDER_DETAILS_REQUESTED:
+      return state
+        .set('isLoadingSenderDetails', true)
+        .set('fetchSenderDetailsError', null);
+
+    case GET_SENDER_DETAILS_SUCCESS: {
+      const { channel, domains } = action.payload || {};
+      if (!channel) return state;
+      return state
+        .setIn(['senderDetailsByChannel', channel], fromJS(domains || []))
+        .set('isLoadingSenderDetails', false)
+        .set('fetchSenderDetailsError', null);
+    }
+
+    case GET_SENDER_DETAILS_FAILURE:
+      return state
+        .set('isLoadingSenderDetails', false)
+        .set('fetchSenderDetailsError', action.payload?.error ?? action.payload);
+
+    case GET_WECRM_ACCOUNTS_REQUESTED:
+      return state.set('fetchWeCrmAccountsError', null);
+
+    case GET_WECRM_ACCOUNTS_SUCCESS:
+      return state
+        .set('wecrmAccounts', fromJS(action.payload?.accounts || []))
+        .set('fetchWeCrmAccountsError', null);
+
+    case GET_WECRM_ACCOUNTS_FAILURE:
+      return state.set('fetchWeCrmAccountsError', action.payload?.error ?? action.payload);
+
     default:
       return state;
   }

package/app/v2Components/CommonTestAndPreview/sagas.js

@@ -3,7 +3,7 @@
  */
 
 import {
-  call, put, takeLatest, all,
+  call, put, takeLatest, takeEvery, all,
 } from 'redux-saga/effects';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
@@ -35,8 +35,17 @@ 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,
   ERROR_MESSAGES,
+  CHANNELS,
 } from './constants';
+import { parseSenderDetailsResponse } from './DeliverySettings/utils/parseSenderDetailsResponse';
+import { extractPreviewFromLiquidResponse } from './previewApiUtils';
 
 // Search Customers Saga
 export function* searchCustomersSaga(action) {
@@ -83,11 +92,12 @@ export function* updatePreviewSaga(action) {
     const customValues = action.payload.resolvedTags;
 
     const response = yield call(Api.updateEmailPreview, action.payload);
-    if (response?.data) {
+    const previewPayload = extractPreviewFromLiquidResponse(response);
+    if (previewPayload) {
       yield put({
         type: UPDATE_PREVIEW_SUCCESS,
         payload: {
-          previewData: response.data,
+          previewData: previewPayload,
           customValues, // Pass custom values to be preserved
         },
       });
@@ -228,8 +238,13 @@ export function* createMessageMetaSaga(action) {
 export function* getPrefilledValuesSaga(action) {
   try {
     const response = yield call(Api.updateEmailPreview, action.payload);
-    if (response?.data) {
-      yield put({ type: GET_PREFILLED_VALUES_SUCCESS, payload: { values: response?.data?.resolvedTagValues } });
+    const body =
+      response?.data !== undefined && response?.data !== null
+        ? response.data
+        : response;
+    const resolvedTagValues = body?.resolvedTagValues;
+    if (resolvedTagValues != null) {
+      yield put({ type: GET_PREFILLED_VALUES_SUCCESS, payload: { values: resolvedTagValues } });
     } else {
       // Pass all errors from API response to state
       yield put({
@@ -285,6 +300,59 @@ export function* watchGetPrefilledValues() {
   yield takeLatest(GET_PREFILLED_VALUES_REQUESTED, getPrefilledValuesSaga);
 }
 
+export function* getSenderDetailsSaga(action) {
+  const { channel, orgUnitId } = action.payload || {};
+  if (!channel) return;
+  try {
+    const response = yield call(Api.getSenderDetails, channel, orgUnitId ?? -1);
+    if (response?.errors?.length) {
+      yield put({
+        type: GET_SENDER_DETAILS_FAILURE,
+        payload: { channel, error: response.errors },
+      });
+      return;
+    }
+    const parsed = parseSenderDetailsResponse(channel, response);
+    yield put({
+      type: GET_SENDER_DETAILS_SUCCESS,
+      payload: { channel, domains: parsed.domains || [] },
+    });
+  } catch (error) {
+    yield put({
+      type: GET_SENDER_DETAILS_FAILURE,
+      payload: { channel, error: error.message || error },
+    });
+  }
+}
+
+export function* getWeCrmAccountsSaga(action) {
+  const { sourceName } = action.payload || {};
+  try {
+    const result = yield call(Api.fetchWeCrmAccounts, sourceName || CHANNELS.WHATSAPP);
+    const accounts = get(result, 'response') || get(result, 'entity') || (result?.success ? result.response : null) || [];
+    const list = Array.isArray(accounts) ? accounts : (accounts && accounts.data) || [];
+    yield put({
+      type: GET_WECRM_ACCOUNTS_SUCCESS,
+      payload: { accounts: list },
+    });
+  } catch (error) {
+    yield put({
+      type: GET_WECRM_ACCOUNTS_FAILURE,
+      payload: { error: error.message || error },
+    });
+  }
+}
+
+export function* watchGetSenderDetails() {
+  // takeEvery: RCS test & preview dispatches RCS then SMS back-to-back; takeLatest would
+  // cancel the RCS fetch so senderDetailsByChannel.RCS stayed empty while SMS loaded.
+  yield takeEvery(GET_SENDER_DETAILS_REQUESTED, getSenderDetailsSaga);
+}
+
+export function* watchGetWeCrmAccounts() {
+  yield takeLatest(GET_WECRM_ACCOUNTS_REQUESTED, getWeCrmAccountsSaga);
+}
+
 // Root saga
 export function* commonTestAndPreviewSaga() {
   yield all([
@@ -296,5 +364,7 @@ export function* commonTestAndPreviewSaga() {
     watchFetchTestGroups(),
     watchCreateMessageMeta(),
     watchGetPrefilledValues(),
+    watchGetSenderDetails(),
+    watchGetWeCrmAccounts(),
   ]);
 }

package/app/v2Components/CommonTestAndPreview/selectors.js

@@ -144,6 +144,51 @@ const makeSelectFetchPrefilledValuesErrors = () => createSelector(
   (substate) => substate.get('fetchPrefilledValuesErrors')?.toJS() || [],
 );
 
+const makeSelectSenderDetailsForChannel = (channel) => createSelector(
+  selectCommonTestAndPreviewDomain,
+  (substate) => {
+    if (!substate) return [];
+    const byChannel = substate.get('senderDetailsByChannel');
+    if (!byChannel) return [];
+    const list = byChannel.get(channel);
+    return list ? list.toJS() : [];
+  },
+);
+
+const makeSelectSenderDetailsByChannel = () => createSelector(
+  selectCommonTestAndPreviewDomain,
+  (substate) => {
+    if (!substate) return {};
+    const byChannel = substate.get('senderDetailsByChannel');
+    if (!byChannel) return {};
+    return byChannel.toJS ? byChannel.toJS() : {};
+  },
+);
+
+const makeSelectWeCrmAccounts = () => createSelector(
+  selectCommonTestAndPreviewDomain,
+  (substate) => {
+    if (!substate) return [];
+    const list = substate.get('wecrmAccounts');
+    return list ? list.toJS() : [];
+  },
+);
+
+const makeSelectIsLoadingSenderDetails = () => createSelector(
+  selectCommonTestAndPreviewDomain,
+  (substate) => substate.get('isLoadingSenderDetails') || false,
+);
+
+const makeSelectFetchSenderDetailsError = () => createSelector(
+  selectCommonTestAndPreviewDomain,
+  (substate) => substate.get('fetchSenderDetailsError'),
+);
+
+const makeSelectFetchWeCrmAccountsError = () => createSelector(
+  selectCommonTestAndPreviewDomain,
+  (substate) => substate.get('fetchWeCrmAccountsError'),
+);
+
 export {
   makeSelectCommonTestAndPreview,
   makeSelectCustomers,
@@ -171,4 +216,10 @@ export {
   makeSelectUpdatePreviewErrors,
   makeSelectFetchPrefilledValuesError,
   makeSelectFetchPrefilledValuesErrors,
+  makeSelectSenderDetailsForChannel,
+  makeSelectSenderDetailsByChannel,
+  makeSelectWeCrmAccounts,
+  makeSelectIsLoadingSenderDetails,
+  makeSelectFetchSenderDetailsError,
+  makeSelectFetchWeCrmAccountsError,
 };