@capillarytech/creatives-library 8.0.136-alpha.4 → 8.0.136-beta.3

package/containers/Line/Create/messages.js

@@ -0,0 +1,189 @@
+/*
+ * Create Messages
+ *
+ * This contains all the text for the Create component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  "imageUploadLabel": {
+    id: 'creatives.containers.Line.Create.ImageUploadLabel',
+    defaultMessage: 'Upload image',
+  },
+  "Enter template name*": {
+    id: 'creatives.containers.Line.Create.enterTemplateNameImportant',
+    defaultMessage: 'Enter template name*',
+  },
+  "Enter template name": {
+    id: 'creatives.containers.Line.Create.enterTemplateName',
+    defaultMessage: 'Enter template name',
+  },
+  "Template name cannot be empty": {
+    id: 'creatives.containers.Line.Create.templateCantEmpty',
+    defaultMessage: 'Template name cannot be empty',
+  },
+  "Discard Changes": {
+    id: 'creatives.containers.Line.Create.discardChanges',
+    defaultMessage: 'Discard changes',
+  },
+  "Cancel": {
+    id: 'creatives.containers.Line.Create.cancel',
+    defaultMessage: 'Cancel',
+  },
+  "Save": {
+    id: 'creatives.containers.Line.Create.save',
+    defaultMessage: 'Save',
+  },
+  "Select Line Account": {
+    id: 'creatives.containers.Line.Create.selectLineAccount',
+    defaultMessage: 'Select line account',
+  },
+  "Account Id": {
+    id: 'creatives.containers.Line.Create.accountId',
+    defaultMessage: 'Account id',
+  },
+  "Select Line Template": {
+    id: 'creatives.containers.Line.Create.selectLineTemplate',
+    defaultMessage: 'Select line template',
+  },
+  "Template": {
+    id: 'creatives.containers.Line.Create.template',
+    defaultMessage: 'Template',
+  },
+  "Title*": {
+    id: 'creatives.containers.Line.Create.titleLabel',
+    defaultMessage: 'Title*',
+  },
+  "Title": {
+    id: 'creatives.containers.Line.Create.title',
+    defaultMessage: 'Title',
+  },
+  "Please input message title name.": {
+    id: 'creatives.containers.Line.Create.titleNameInvalid',
+    defaultMessage: 'Please enter the message title',
+  },
+  "Template message has unsupported/missing tags!": {
+    id: 'creatives.containers.Line.Create.messageHasUnsupportedTag',
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  "Tags": {
+    id: 'creatives.containers.Line.Create.Tags',
+    defaultMessage: 'Tags',
+  },
+  "Message*": {
+    id: 'creatives.containers.Line.Create.messageLabel',
+    defaultMessage: 'Message*',
+  },
+  "Message": {
+    id: 'creatives.containers.Line.Create.message',
+    defaultMessage: 'Message',
+  },
+  "Please input line template content.": {
+    id: 'creatives.containers.Line.Create.inputLineTemplateContent',
+    defaultMessage: 'Please enter the message content',
+  },
+  "Template title has unsupported/missing tags.": {
+    id: 'creatives.containers.Line.Create.titleHasUnsupportedTag',
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  "Template name cannot be empty.": {
+    id: 'creatives.containers.Line.Create.templateNameNotEmpty',
+    defaultMessage: 'Please provide a template name ',
+  },
+  "Message title has unsupported/missing tags!": {
+    id: 'creatives.containers.Line.Create.messageTitleWithUnsupportedTag',
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  "Image": {
+    id: 'creatives.containers.Line.Create.Image',
+    defaultMessage: 'Image',
+  },
+  "Max file size acceptable is 5mb": {
+    id: 'creatives.containers.Line.Create.maxUploadFileSize',
+    defaultMessage: 'Max file size acceptable is 5mb',
+  },
+  "Please upload Image": {
+    id: 'creatives.containers.Line.Create.pleaseUploadImage',
+    defaultMessage: 'Please upload Image',
+  },
+  "Upload Image": {
+    id: 'creatives.containers.Line.Create.uploadImage',
+    defaultMessage: 'Upload image',
+  },
+  "Line Template Created Successfully": {
+    id: 'creatives.containers.Line.Create.templateCreatedSuccessfully',
+    defaultMessage: 'Line template created successfully',
+  },
+  "Line Template Edited Successfully": {
+    id: 'creatives.containers.Line.Create.templateEditedSuccessfully',
+    defaultMessage: 'Line template edited successfully',
+  },
+  "somethingWentWrong": {
+    id: 'creatives.containers.Line.Create.somethingWentWrong',
+    defaultMessage: 'Something went wrong!!',
+  },
+  "Name and Description": {
+    id: 'creatives.containers.Line.Create.nameAndDescription',
+    defaultMessage: 'Name and description',
+  },
+  "Button 1": {
+    id: 'creatives.containers.Line.Create.button1',
+    defaultMessage: 'Button 1',
+  },
+  "Button 2": {
+    id: 'creatives.containers.Line.Create.button2',
+    defaultMessage: 'Button 2',
+  },
+  "File size cannot be more than 1mb": {
+    id: 'creatives.containers.Line.Create.uploadFileSizeError',
+    defaultMessage: 'File size cannot be more than 1mb',
+  },
+  "value cannot be empty.": {
+    id: 'creatives.containers.Line.Create.valueCantEmpty',
+    defaultMessage: 'value cannot be empty.',
+  },
+  "uploadingImage": {
+    id: 'creatives.containers.Line.Create.uploadingImage',
+    defaultMessage: 'Uploading image...',
+  },
+  "Photo Uploaded Successfully": {
+    id: 'creatives.containers.Line.Create.uploadSuccess',
+    defaultMessage: 'Photo uploaded successfully',
+  },
+  "Campaigns": {
+    id: 'creatives.containers.Line.Create.Campaigns',
+    defaultMessage: 'Campaigns',
+  },
+  "Creatives": {
+    id: 'creatives.containers.Line.Create.Creatives',
+    defaultMessage: 'Creatives',
+  },
+  "Line": {
+    id: 'creatives.containers.Line.Create.line',
+    defaultMessage: 'Line',
+  },
+  "Please upload an image to proceed": {
+    id: 'creatives.containers.Line.Create.image',
+    defaultMessage: 'Please upload an image to proceed',
+  },
+  "Maximum characters length exceeds": {
+    id: 'creatives.containers.Line.Create.maximumCharacterLengthExceeds',
+    defaultMessage: 'Maximum characters length exceeds',
+  },
+  "goBackConfirmation": {
+    id: 'creatives.containers.Line.Create.goBackConfirmation',
+    defaultMessage: "Going back will discard all the changes you've made. Continue?",
+  },
+  "alertMessage": {
+    id: 'creatives.containers.Line.Create.alertMessage',
+    defaultMessage: "Alert",
+  },
+  "templateNotConfigured": {
+    id: 'creatives.containers.Line.Create.templateNotConfigured',
+    defaultMessage: "template not configured,",
+  },
+  "savingTemplate": {
+    id: 'creatives.containers.Line.Create.savingTemplate',
+    defaultMessage: "Saving Template...",
+  },
+});

package/containers/Line/Create/reducer.js

@@ -0,0 +1,99 @@
+/*
+ *
+ * Create reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  createTemplateInProgress: false,
+  response: {},
+  uploadedAssetData: {},
+});
+
+function createReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.DEFAULT_ACTION:
+      return state;
+    case types.CREATE_TEMPLATE_REQUEST:
+      return state
+        .set('createTemplateInProgress', true)
+        .set('createTemplateError', false)
+        .set('createTemplateErrorMessage', fromJS(""));
+    case types.CREATE_TEMPLATE_SUCCESS:
+      return state.set('createTemplateInProgress', false)
+        .set('response', action.data)
+        .set('createTemplateError', (action.statusCode !== undefined && action.statusCode > 300))
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.CREATE_TEMPLATE_FAILURE:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('createTemplateError', true)
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.CLEAR_CREATE_RESPONSE_REQUEST:
+      return state.set('response', {});
+    case types.UPLOAD_ASSET_REQUEST:
+      return state
+        .set('uploadAssetSuccess', false)
+        .set('assetUploading', true);
+    case types.UPLOAD_ASSET_SUCCESS:
+      return state
+        .set('uploadAssetSuccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
+        .set('assetUploading', false)
+        .set('uploadedAssetData', action.data);
+    case types.UPLOAD_ASSET_FAILURE:
+      return state
+        .set('uploadAssetSuccess', false)
+        .set('assetUploading', false);
+    case types.CLEAR_ASSET:
+      return state
+        .delete('uploadedAssetData');
+      // FOR EDIT
+    case types.EDIT_TEMPLATE_REQUEST:
+      return state
+        .set('editTemplateInProgress', true)
+        .set('editTemplateError', false)
+        .set('editTemplateErrorMessage', fromJS(""));
+    case types.EDIT_TEMPLATE_SUCCESS:
+      return state.set('editTemplateInProgress', false)
+        .set('editResponse', action.data)
+        .set('editTemplateError', (action.statusCode !== undefined && action.statusCode > 300))
+        .set('editTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.EDIT_TEMPLATE_FAILURE:
+      return state
+        .set('editTemplateInProgress', false)
+        .set('editTemplateError', true)
+        .set('editTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.GET_TEMPLATE_DETAILS_REQUEST:
+      return state.set('getTemplateDetailsInProgress', true);
+    case types.GET_TEMPLATE_DETAILS_SUCCESS:
+      return state.set('getTemplateDetailsInProgress', false)
+        .set('templateDetails', action.data);
+    case types.GET_TEMPLATE_DETAILS_FAILURE:
+      return state.set('getTemplateDetailsInProgress', false);
+    case types.CLEAR_EDIT_RESPONSE_REQUEST:
+      return state.set('editResponse', {});
+    case types.CLEAR_DATA:
+      return state
+        .delete('uploadedAssetData')
+        .delete('metaEntities')
+        .delete('templateDetails');
+    case types.GET_LINE_TEMPLATES_LIST_REQUEST:
+      return state
+        .set('fetchingDefaultTemplates', true);
+    case types.GET_LINE_TEMPLATES_LIST_SUCCESS:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('lineTemplates', fromJS(action.data));
+    case types.GET_LINE_TEMPLATES_LIST_FAILURE:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('errorFetchingDefaultTempalte', true);
+    default:
+      return state;
+  }
+}
+
+export default createReducer;

package/containers/Line/Create/sagas.js

@@ -0,0 +1,121 @@
+// Line Sagas
+import {
+  call, put, takeLatest, all,
+} from 'redux-saga/effects';
+import * as Api from '../../../services/api';
+import * as types from './constants';
+
+// Individual exports for testing
+export function* createTemplate(payload) {
+  let errorMsg;
+  let result;
+  try {
+    const {template, callback} = payload;
+    result = yield call(Api.createLineTemplate, template);
+    if (result.status.code === 500) {
+      errorMsg = result.message;
+    }
+    if (callback) {
+      callback(result?.response);
+    }
+    yield put({ type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
+  } catch (error) {
+    yield put({ type: types.CREATE_TEMPLATE_FAILURE, error, errorMsg });
+  }
+}
+export function* uploadAsset(file, assetType, fileParams) {
+  try {
+    const result = yield call(Api.uploadFile, file, assetType, fileParams);
+    yield put({ type: types.UPLOAD_ASSET_SUCCESS, data: result.response.asset, statusCode: result.status ? result.status.code : '' });
+  } catch (error) {
+    yield put({ type: types.UPLOAD_ASSET_FAILURE, error });
+  }
+}
+
+function* watchCreateTemplate() {
+  
+  yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
+  
+  
+}
+function* watchUploadAsset() {
+  
+  yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
+  
+  
+}
+
+// edit
+
+export function* editTemplate(template) {
+  let errorMsg;
+  try {
+    
+    const result = yield call(Api.createLineTemplate, template);
+    
+    if (result.message || result.status.code === 500) {
+      errorMsg = result.message;
+    }
+    yield put({ type: types.EDIT_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
+  } catch (error) {
+    yield put({ type: types.EDIT_TEMPLATE_FAILURE, error, errorMsg });
+  }
+}
+
+export function* getTemplateDetails(id) {
+  try {
+    
+    const result = yield call(Api.getTemplateDetails, id);
+    // const sidebar = result.response.sidebar;
+    yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });
+  } catch (error) {
+    yield put({ type: types.GET_TEMPLATE_DETAILS_FAILURE, error });
+  }
+}
+
+export function* getLineTemplatesList(params) {
+  try {
+    
+    const result = yield call(Api.getAllTemplates, {channel: params.channel, queryParams: params.queryParams});
+    yield put({ type: types.GET_LINE_TEMPLATES_LIST_SUCCESS, data: result.response.templates, templateData: result.response.mapped});
+  } catch (error) {
+    yield put({ type: types.GET_LINE_TEMPLATES_LIST_FAILURE, error });
+  }
+}
+
+function* watchEditTemplate() {
+  yield takeLatest(types.EDIT_TEMPLATE_REQUEST, editTemplate);
+  
+  
+}
+
+function* watchGetTemplateDetails() {
+  yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
+  
+  
+}
+
+function* watchLineTemplatesList() {
+  yield takeLatest(types.GET_LINE_TEMPLATES_LIST_REQUEST, getLineTemplatesList);
+  
+  
+}
+
+// All sagas to be loaded
+export default [
+  watchCreateTemplate,
+  watchUploadAsset,
+  watchEditTemplate,
+  watchGetTemplateDetails,
+  watchLineTemplatesList,
+];
+
+export function* lineCreateSaga() {
+  yield all([
+    watchCreateTemplate(),
+    watchUploadAsset(),
+    watchEditTemplate(),
+    watchGetTemplateDetails(),
+    watchLineTemplatesList(),
+  ]);
+}

package/containers/Line/Create/selectors.js

@@ -0,0 +1,36 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the create state domain
+ */
+const selectLineDomain = () => (state) => state.get('templates');
+const selectLineMessageEditDomain = () => (state) => state.get('line');
+//const selectLineDuplicateDomain = () => (state) => state.get('line');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by Create & Edit
+ */
+
+const makeSelectLine = () => createSelector(
+  selectLineDomain(),
+  (substate) => substate.toJS()
+);
+
+const makeSelectCreateLine = () => createSelector(
+  selectLineMessageEditDomain(),
+  (substate) => substate.toJS()
+);
+
+// const makeSelectDuplicate = () => createSelector(
+//   selectLineDuplicateDomain(),
+//   (substate) => substate.toJS()
+// );
+
+export {
+  makeSelectLine, makeSelectCreateLine,
+};

package/containers/Line/Create/tests/saga.test.js

@@ -0,0 +1,202 @@
+import { expectSaga } from 'redux-saga-test-plan';
+import { call, put } from 'redux-saga/effects';
+import { throwError } from 'redux-saga-test-plan/providers';
+import * as Api from '../../../../services/api';
+import * as types from '../constants'; 
+import * as sagas from '../sagas'; 
+
+describe('Line Template Sagas', () => {
+  describe('createTemplate Saga', () => {
+    const payload = {
+      template: { name: 'New Template' },
+      callback: jest.fn()
+    };
+    it('handles creating a template successfully', () => {
+      const fakeResponse = {
+        response: { id: 1, name: 'New Template' },
+        status: { code: 200 }
+      };
+
+      return expectSaga(sagas.createTemplate, payload)
+        .provide([
+          [call(Api.createLineTemplate, payload.template), fakeResponse]
+        ])
+        .put({
+          type: types.CREATE_TEMPLATE_SUCCESS,
+          data: fakeResponse.response,
+          statusCode: 200,
+          errorMsg: undefined
+        })
+        .run()
+        .then(() => {
+          expect(payload.callback).toHaveBeenCalledWith(fakeResponse.response);
+        });
+    });
+
+    it('handles failure when creating a template', () => {
+      const error = new Error('Failed to create template');
+
+      return expectSaga(sagas.createTemplate, payload)
+        .provide([
+          [call(Api.createLineTemplate, payload.template), throwError(error)]
+        ])
+        .put({
+          type: types.CREATE_TEMPLATE_FAILURE,
+          error,
+          errorMsg: undefined
+        })
+        .run();
+    });
+  });
+
+  describe('uploadAsset Saga', () => {
+    const file = new Blob();
+    const assetType = 'image';
+    const fileParams = { param1: 'value1' };
+
+    it('handles successful asset upload', () => {
+      const fakeResponse = {
+        response: { asset: { id: 1, url: 'http://example.com/asset.jpg' } },
+        status: { code: '200' }
+      };
+
+      return expectSaga(sagas.uploadAsset, file, assetType, fileParams)
+        .provide([
+          [call(Api.uploadFile, file, assetType, fileParams), fakeResponse]
+        ])
+        .put({
+          type: types.UPLOAD_ASSET_SUCCESS,
+          data: fakeResponse.response.asset,
+          statusCode: '200'
+        })
+        .run();
+    });
+
+    it('handles failure in asset upload', () => {
+      const error = new Error('Failed to upload asset');
+
+      return expectSaga(sagas.uploadAsset, file, assetType, fileParams)
+        .provide([
+          [call(Api.uploadFile, file, assetType, fileParams), throwError(error)]
+        ])
+        .put({
+          type: types.UPLOAD_ASSET_FAILURE,
+          error
+        })
+        .run();
+    });
+  });
+
+  describe('editTemplate Saga', () => {
+    const template = { id: 1, name: 'Updated Template' };
+
+    it('handles successful template edit', () => {
+      const fakeResponse = {
+        response: template,
+        status: { code: 200 }
+      };
+
+      return expectSaga(sagas.editTemplate, template)
+        .provide([
+          [call(Api.createLineTemplate, template), fakeResponse]
+        ])
+        .put({
+          type: types.EDIT_TEMPLATE_SUCCESS,
+          data: fakeResponse.response,
+          statusCode: 200,
+          errorMsg: undefined
+        })
+        .run();
+    });
+
+    it('handles failure in editing a template', () => {
+      const error = new Error('Edit failed');
+
+      return expectSaga(sagas.editTemplate, template)
+        .provide([
+          [call(Api.createLineTemplate, template), throwError(error)]
+        ])
+        .put({
+          type: types.EDIT_TEMPLATE_FAILURE,
+          error,
+          errorMsg: undefined
+        })
+        .run();
+    });
+  });
+
+  describe('getTemplateDetails Saga', () => {
+    const id = '123';
+
+    it('handles fetching template details successfully', () => {
+      const fakeResponse = {
+        response: { id: 123, name: 'Detailed Template' }
+      };
+
+      return expectSaga(sagas.getTemplateDetails, id)
+        .provide([
+          [call(Api.getTemplateDetails, id), fakeResponse]
+        ])
+        .put({
+          type: types.GET_TEMPLATE_DETAILS_SUCCESS,
+          data: fakeResponse.response
+        })
+        .run();
+    });
+
+    it('handles failure in fetching template details', () => {
+      const error = new Error('Fetch failed');
+
+      return expectSaga(sagas.getTemplateDetails, id)
+        .provide([
+          [call(Api.getTemplateDetails, id), throwError(error)]
+        ])
+        .put({
+          type: types.GET_TEMPLATE_DETAILS_FAILURE,
+          error
+        })
+        .run();
+    });
+  });
+
+  describe('getLineTemplatesList Saga', () => {
+    const params = { channel: 'line', queryParams: { sort: 'asc' } };
+    test.concurrent('handles fetching line templates list successfully', () => {
+      const fakeResponse = {
+        response: {
+          templates: [{ id: 1, name: 'Template One' }],
+          mapped: { id: 2, name: 'Mapped Template' }
+        }
+      };
+      return expectSaga(sagas.getLineTemplatesList, params)
+        .provide([
+          [call(Api.getAllTemplates, { channel: params.channel, queryParams: params.queryParams }), fakeResponse]
+        ])
+        .put({
+          type: types.GET_LINE_TEMPLATES_LIST_SUCCESS,
+          data: fakeResponse.response.templates,
+          templateData: fakeResponse.response.mapped
+        })
+        .run();
+    });
+    test.concurrent('handles failure in fetching line templates list', () => {
+      const error = new Error('Fetch failed');
+      return expectSaga(sagas.getLineTemplatesList, params)
+        .provide([
+          [call(Api.getAllTemplates, { channel: params.channel, queryParams: params.queryParams }), throwError(error)]
+        ])
+        .put({
+          type: types.GET_LINE_TEMPLATES_LIST_FAILURE,
+          error
+        })
+        .run();
+    });
+  });
+});
+
+describe('Combined lineCreateSaga', () => {
+    it('should initialize all line-related watcher sagas without error', () => {
+      return expectSaga(sagas.lineCreateSaga)
+        .run();
+    });
+  });

package/containers/Line/Edit/_lineEdit.scss

@@ -0,0 +1,35 @@
+.mobile-push-row{
+  margin-bottom: 16px;
+}
+.image-container{
+  border: solid 1px #C2C2C2;
+  border-radius: 5px;
+  .image-placeholder{
+    line-height: 150px;
+  }
+}
+.ant-tabs-bar{
+  margin-bottom: 0 !important;
+  display: flex;
+  align-items: center;
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+}
+.ant-tabs-tabpane{
+  padding: 16px 16px 16px 0;
+  border: solid 1px #D6D6D6;
+}
+.ant-radio-wrapper{
+  font-size: 14px;
+  font-family: 'open-sans';
+}
+.ant-radio-inner::after{
+  top: 3px;
+  left: 3px;
+}
+.ant-radio-inner{
+  border: 1px solid #d9d9d9;
+}
+.ant-radio-checked .ant-radio-inner{
+  border: 1px solid #47af46;
+}