@capillarytech/creatives-library 8.0.255-alpha.4 → 8.0.255

package/v2Containers/Email/messages.js

@@ -302,4 +302,36 @@ export default defineMessages({
     id: 'creatives.containersV2.Email.base64ImageError',
     defaultMessage: 'Base64 images are not allowed. Please upload your image to a gallery and use it, or add the image URL instead.',
   },
+  "editorTypeTitle": {
+    id: 'creatives.containersV2.Email.editorTypeTitle',
+    defaultMessage: 'Editor type',
+  },
+  "htmlEditorTitle": {
+    id: 'creatives.containersV2.Email.htmlEditorTitle',
+    defaultMessage: 'HTML editor',
+  },
+  "htmlEditorDescription": {
+    id: 'creatives.containersV2.Email.htmlEditorDescription',
+    defaultMessage: 'Use a basic HTML editor to write and format your content. Suitable if you are familiar with HTML.',
+  },
+  "dragDropEditorTitle": {
+    id: 'creatives.containersV2.Email.dragDropEditorTitle',
+    defaultMessage: 'Drag & drop editor',
+  },
+  "dragDropEditorDescription": {
+    id: 'creatives.containersV2.Email.dragDropEditorDescription',
+    defaultMessage: 'Create your content visually by dragging blocks — no coding needed. Great for quick, easy designs.',
+  },
+  "uploadZipTitle": {
+    id: 'creatives.containersV2.Email.uploadZipTitle',
+    defaultMessage: 'Upload zip file',
+  },
+  "uploadZipDescription": {
+    id: 'creatives.containersV2.Email.uploadZipDescription',
+    defaultMessage: 'Upload a ZIP containing your custom HTML, images, and assets. Ideal if your content is already built.',
+  },
+  "nextButton": {
+    id: 'creatives.containersV2.Email.nextButton',
+    defaultMessage: 'Next',
+  },
 });

package/v2Containers/Email/reducer.js

@@ -11,6 +11,7 @@ import * as types from './constants';
 const initialState = fromJS({
   createTemplateInProgress: false,
   createResponse: {},
+  isBeeEnabled: false,
 });
 
 function emailReducer(state = initialState, action) {
@@ -107,6 +108,15 @@ function emailReducer(state = initialState, action) {
       return state
         .set('fetchingCmsData', false)
         .set('fetchingCmsDataFailed', true);
+    case types.GET_CMS_ACCOUNTS_REQUEST:
+      return state
+        .set('isBeeEnabled', false); // default to false
+    case types.GET_CMS_ACCOUNTS_SUCCESS:
+      return state
+        .set('isBeeEnabled', action.isBeeEnabled);
+    case types.GET_CMS_ACCOUNTS_FAILURE:
+      return state
+        .set('isBeeEnabled', false);
     case types.CLEAR_EMAIL_CRUD_RESPONSE_REQUEST:
       return state
         .set('createResponse', fromJS({}));
@@ -139,7 +149,8 @@ function emailReducer(state = initialState, action) {
         .set('CmsSettings', fromJS({}))
         .set('fetchingCmsData', false)
         .set('duplicateResponse', fromJS({}))
-        .set('cmsData', '');
+        .set('cmsData', '')
+        .set('isBeeEnabled', false);
     case types.TRANSFORM_EMAIL_TEMPLATE_REQUEST:
       return state.set("createTemplateInProgress", true);
     default:

package/v2Containers/Email/sagas.js

@@ -1,6 +1,7 @@
 import {
   call, put, takeLatest, takeEvery, all,
 } from 'redux-saga/effects';
+import CapNotification from '@capillarytech/cap-ui-library/CapNotification';
 import * as Api from '../../services/api';
 import * as types from './constants';
 import { transformEmailTemplates, storeS3FileSizeDetails } from '../../utils/cdnTransformation';
@@ -9,15 +10,47 @@ export function* createTemplate(template) {
   let errorMsg;
   try {
     const result = yield call(Api.createEmailTemplate, template);
-    if (!result.success || result.status.code === 500) {
-      errorMsg = result.message;
+    // Check if the API call failed (non-2xx status codes or explicit failure)
+    const statusCode = result.status?.code || result.status;
+    const isError = !result.success || statusCode >= 400;
+
+    if (isError) {
+      // Extract error message from various possible locations in the response
+      errorMsg = result.message
+                 || result.errorMessage
+                 || result.error?.message
+                 || (result.response && result.response.message)
+                 || (result.status && result.status.message)
+                 || (result.data && result.data.message)
+                 || `API Error: ${statusCode || 'Unknown error'}`;
+      // Show error notification directly from saga
+      CapNotification.error({
+        key: 'createTemplateError',
+        message: errorMsg,
+      });
       yield put({ type: types.CREATE_TEMPLATE_FAILURE, errorMsg });
+      // Call callback with error so component can handle it (if needed)
+      if (template.onCreateTemplateComplete) {
+        try {
+          // Call the callback directly (it's a regular function, not a generator)
+          template.onCreateTemplateComplete({ error: true, message: errorMsg, statusCode });
+        } catch (callbackError) {
+          console.error('[Email Saga] Error executing callback:', callbackError);
+        }
+      }
     } else {
-      yield put({ type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
+      yield put({
+        type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg,
+      });
       yield template.onCreateTemplateComplete(result.response);
     }
   } catch (error) {
+    errorMsg = error.message || error.toString() || 'An unexpected error occurred';
     yield put({ type: types.CREATE_TEMPLATE_FAILURE, error, errorMsg });
+    // Call callback with error so component can handle it
+    if (template.onCreateTemplateComplete) {
+      yield template.onCreateTemplateComplete({ error: true, message: errorMsg });
+    }
   }
 }
 
@@ -26,14 +59,14 @@ export function* transformEmailTemplate({template, callback}) {
     const result = yield call(transformEmailTemplates, template);
     yield callback(result);
   } catch (error) {
-    yield callback(template);    
+    yield callback(template);
   }
 }
 
 export function* duplicateTemplate(payload) {
   let errorMsg;
   let result;
-  let { id, channel, callback } = payload;
+  const { id, channel, callback } = payload;
   try {
     result = yield call(Api.duplicateTemplate, {id, channel} );
     if (result.status.code === 500) {
@@ -42,7 +75,9 @@ export function* duplicateTemplate(payload) {
     if (callback) {
       callback(result?.response);
     }
-    yield put({ type: types.DUPLICATE_TEMPLATE_SUCCESS, data: result?.response, statusCode: result?.status?.code, errorMsg });
+    yield put({
+      type: types.DUPLICATE_TEMPLATE_SUCCESS, data: result?.response, statusCode: result?.status?.code, errorMsg,
+    });
   } catch (error) {
     yield put({ type: types.DUPLICATE_TEMPLATE_FAILURE, error, errorMsg });
   }
@@ -67,7 +102,9 @@ export function* getAllAssets(assetType, queryParams) {
   }
 }
 
-export function* getCmsSetting({cmsType, projectId, cmsMode, langId, isEdmSupport, isBEEAppEnable}) {
+export function* getCmsSetting({
+  cmsType, projectId, cmsMode, langId, isEdmSupport, isBEEAppEnable,
+}) {
   try {
     const result = yield call(Api.getCmsTemplateSettingsV2, cmsType, projectId, cmsMode, langId, isEdmSupport, isBEEAppEnable);
 
@@ -87,6 +124,17 @@ export function* getCmsData({cmsType, projectId, langId}) {
   }
 }
 
+export function* getCmsAccounts({cmsType}) {
+  try {
+    const result = yield call(Api.getCmsAccounts, cmsType);
+    const { cmsAccounts } = result.data?.response || {};
+    const isBeeEnabled = cmsAccounts?.type === cmsType;
+    yield put({ type: types.GET_CMS_ACCOUNTS_SUCCESS, isBeeEnabled });
+  } catch (error) {
+    yield put({ type: types.GET_CMS_ACCOUNTS_FAILURE, error });
+  }
+}
+
 export function* uploadAsset(file, assetType, fileParams) {
   try {
     const result = yield call(Api.uploadFile, file, assetType, fileParams);
@@ -123,6 +171,10 @@ function* watchGetCmsData() {
   yield takeEvery(types.GET_CMS_EDITOR_DATA_REQUEST, getCmsData);
 }
 
+function* watchGetCmsAccounts() {
+  yield takeEvery(types.GET_CMS_ACCOUNTS_REQUEST, getCmsAccounts);
+}
+
 function* watchUploadAsset() {
   yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
 }
@@ -139,6 +191,7 @@ export default [
   watchGetAllAssets,
   watchGetCmsSetting,
   watchGetCmsData,
+  watchGetCmsAccounts,
   watchUploadAsset,
   watchDuplicateTemplate,
 ];
@@ -151,6 +204,7 @@ export function* v2EmailSagas() {
     watchGetAllAssets(),
     watchGetCmsSetting(),
     watchGetCmsData(),
+    watchGetCmsAccounts(),
     watchUploadAsset(),
   ]);
 }

package/v2Containers/Email/tests/__snapshots__/reducer.test.js.snap

@@ -4,6 +4,7 @@ exports[` 1`] = `
 Immutable.Map {
   "createTemplateInProgress": false,
   "createResponse": Immutable.Map {},
+  "isBeeEnabled": false,
 }
 `;
 
@@ -11,5 +12,6 @@ exports[` 2`] = `
 Immutable.Map {
   "createTemplateInProgress": true,
   "createResponse": Immutable.Map {},
+  "isBeeEnabled": false,
 }
 `;

package/v2Containers/Email/tests/reducer.test.js

@@ -15,4 +15,50 @@ describe('emailReducer', () => {
     };
     expect(emailReducer(undefined, action)).toMatchSnapshot();
   });
+
+  it.concurrent('it handles GET_CMS_ACCOUNTS_REQUEST action (line 111-113)', () => {
+    const initialState = fromJS({
+      isBeeEnabled: true, // Start with true to verify it gets set to false
+    });
+    const action = {
+      type: types.GET_CMS_ACCOUNTS_REQUEST,
+    };
+    const result = emailReducer(initialState, action);
+    expect(result.get('isBeeEnabled')).toBe(false);
+  });
+
+  it.concurrent('it handles GET_CMS_ACCOUNTS_SUCCESS action (line 114-116)', () => {
+    const initialState = fromJS({
+      isBeeEnabled: false,
+    });
+    const action = {
+      type: types.GET_CMS_ACCOUNTS_SUCCESS,
+      isBeeEnabled: true,
+    };
+    const result = emailReducer(initialState, action);
+    expect(result.get('isBeeEnabled')).toBe(true);
+  });
+
+  it.concurrent('it handles GET_CMS_ACCOUNTS_SUCCESS action with false (line 114-116)', () => {
+    const initialState = fromJS({
+      isBeeEnabled: true,
+    });
+    const action = {
+      type: types.GET_CMS_ACCOUNTS_SUCCESS,
+      isBeeEnabled: false,
+    };
+    const result = emailReducer(initialState, action);
+    expect(result.get('isBeeEnabled')).toBe(false);
+  });
+
+  it.concurrent('it handles GET_CMS_ACCOUNTS_FAILURE action (line 117-119)', () => {
+    const initialState = fromJS({
+      isBeeEnabled: true, // Start with true to verify it gets set to false
+    });
+    const action = {
+      type: types.GET_CMS_ACCOUNTS_FAILURE,
+    };
+    const result = emailReducer(initialState, action);
+    expect(result.get('isBeeEnabled')).toBe(false);
+  });
 });