@capillarytech/creatives-library 8.0.333 → 8.0.334-alpha.0

package/v2Containers/Templates/sagas.js

@@ -1,7 +1,9 @@
+import React from 'react';
 import {
-  call, put, takeLatest, all,
+  call, put, select, takeLatest, all,
 } from 'redux-saga/effects';
 import get from 'lodash/get';
+import { CapNotification } from '@capillarytech/cap-ui-library';
 // import { schema, normalize } from 'normalizr';
 import * as Api from '../../services/api';
 import * as types from './constants';
@@ -9,6 +11,18 @@ import { saveCdnConfigs, removeAllCdnLocalStorageItems } from '../../utils/cdnTr
 import { COPY_OF } from '../../constants/unified';
 import { ZALO_TEMPLATE_INFO_REQUEST } from '../Zalo/constants';
 import { getTemplateInfoById } from '../Zalo/saga';
+
+const templateNameDescription = (templateName) => (
+  templateName
+    ? (
+      <span>
+        <span style={{ color: '#5E6C84' }}>Template name </span>
+        <span style={{ color: '#091E42' }}>{templateName}</span>
+      </span>
+    )
+    : undefined
+);
+
 // Individual exports for testing
 export function* getAllTemplates(channel, queryParams) {
   try {
@@ -201,6 +215,76 @@ export function* getSenderDetails({
   }
 }
 
+export function* archiveTemplateSaga({ channel, id, templateName }) {
+  try {
+    yield call(Api.archiveTemplate, { channel, id });
+    yield put({ type: types.ARCHIVE_TEMPLATE_SUCCESS, id });
+    CapNotification.success({ message: 'Template archived successfully', description: templateNameDescription(templateName) });
+    const archiveFilter = yield select((state) => state.get('templates') ? state.get('templates').get('archiveFilter', 'active') : 'active');
+    yield put({ type: types.GET_ALL_TEMPLATES_REQUEST, channel, queryParams: { page: 1, archiveStatus: archiveFilter } });
+  } catch (error) {
+    yield put({ type: types.ARCHIVE_TEMPLATE_FAILURE, error });
+    CapNotification.error({ message: 'Failed to archive template' });
+  }
+}
+
+export function* unarchiveTemplateSaga({ channel, id, templateName }) {
+  try {
+    yield call(Api.unarchiveTemplate, { channel, id });
+    yield put({ type: types.UNARCHIVE_TEMPLATE_SUCCESS, id });
+    CapNotification.success({ message: 'Template unarchived successfully', description: templateNameDescription(templateName) });
+    const archiveFilter = yield select((state) => state.get('templates') ? state.get('templates').get('archiveFilter', 'active') : 'active');
+    yield put({ type: types.GET_ALL_TEMPLATES_REQUEST, channel, queryParams: { page: 1, archiveStatus: archiveFilter } });
+  } catch (error) {
+    yield put({ type: types.UNARCHIVE_TEMPLATE_FAILURE, error });
+    CapNotification.error({ message: 'Failed to unarchive template' });
+  }
+}
+
+export function* bulkArchiveTemplatesSaga({ channel, ids }) {
+  try {
+    const result = yield call(Api.bulkArchiveTemplates, { channel, ids });
+    yield put({ type: types.BULK_ARCHIVE_SUCCESS });
+    const count = get(result, 'response.modifiedCount', ids.length);
+    CapNotification.success({ message: `${count} templates archived successfully` });
+    const archiveFilter = yield select((state) => state.get('templates') ? state.get('templates').get('archiveFilter', 'active') : 'active');
+    yield put({ type: types.GET_ALL_TEMPLATES_REQUEST, channel, queryParams: { page: 1, archiveStatus: archiveFilter } });
+  } catch (error) {
+    yield put({ type: types.BULK_ARCHIVE_FAILURE, error });
+    CapNotification.error({ message: 'Failed to archive templates' });
+  }
+}
+
+export function* bulkUnarchiveTemplatesSaga({ channel, ids }) {
+  try {
+    const result = yield call(Api.bulkUnarchiveTemplates, { channel, ids });
+    yield put({ type: types.BULK_UNARCHIVE_SUCCESS });
+    const count = get(result, 'response.modifiedCount', ids.length);
+    CapNotification.success({ message: `${count} templates unarchived successfully` });
+    const archiveFilter = yield select((state) => state.get('templates') ? state.get('templates').get('archiveFilter', 'active') : 'active');
+    yield put({ type: types.GET_ALL_TEMPLATES_REQUEST, channel, queryParams: { page: 1, archiveStatus: archiveFilter } });
+  } catch (error) {
+    yield put({ type: types.BULK_UNARCHIVE_FAILURE, error });
+    CapNotification.error({ message: 'Failed to unarchive templates' });
+  }
+}
+
+export function* watchArchiveTemplate() {
+  yield takeLatest(types.ARCHIVE_TEMPLATE_REQUEST, archiveTemplateSaga);
+}
+
+export function* watchUnarchiveTemplate() {
+  yield takeLatest(types.UNARCHIVE_TEMPLATE_REQUEST, unarchiveTemplateSaga);
+}
+
+export function* watchBulkArchive() {
+  yield takeLatest(types.BULK_ARCHIVE_REQUEST, bulkArchiveTemplatesSaga);
+}
+
+export function* watchBulkUnarchive() {
+  yield takeLatest(types.BULK_UNARCHIVE_REQUEST, bulkUnarchiveTemplatesSaga);
+}
+
 export function* watchGetAllTemplates() {
   yield takeLatest(types.GET_ALL_TEMPLATES_REQUEST, getAllTemplates);
 }
@@ -283,6 +367,10 @@ export function* v2TemplateSaga() {
     watchFetchWeCrmAccounts(),
     watchGetSenderDetails(),
     watchForGetTemplateInfoById(), // Zalo preview functionality from Templates component
+    watchArchiveTemplate(),
+    watchUnarchiveTemplate(),
+    watchBulkArchive(),
+    watchBulkUnarchive(),
   ]);
 }
 

package/v2Containers/Templates/selectors.js

@@ -72,6 +72,16 @@ const selectBEEEditor = () => createSelector(makeSelectTemplates(), (templates)
   return BEETemplate || null;
 });
 
+const selectArchiveFilter = () => createSelector(
+  makeSelectTemplates(),
+  (substate) => substate.archiveFilter || 'active',
+);
+
+const selectSelectedTemplateIds = () => createSelector(
+  makeSelectTemplates(),
+  (substate) => substate.selectedTemplateIds || [],
+);
+
 export {
   uploadSelector,
   templateUserList,
@@ -83,4 +93,6 @@ export {
   selectEdmEditor,
   selectBEEEditor,
   selectCmsTemplatesLoader,
+  selectArchiveFilter,
+  selectSelectedTemplateIds,
 };

package/v2Containers/Templates/tests/ChannelTypeIllustration.test.js

@@ -320,4 +320,16 @@ describe('ChannelTypeIllustration', () => {
       }).not.toThrow();
     });
   });
+
+  describe('isArchivedMode', () => {
+    it('should render CapIllustration when isArchivedMode is true', () => {
+      const wrapper = renderComponent({ isArchivedMode: true });
+      expect(wrapper.find('CapIllustration').exists()).toBe(true);
+    });
+
+    it('should render CapIllustration when isArchivedMode is false', () => {
+      const wrapper = renderComponent({ isArchivedMode: false, currentChannel: SMS });
+      expect(wrapper.find('CapIllustration').exists()).toBe(true);
+    });
+  });
 });