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

package/containers/Line/Edit/messages.js

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

package/containers/Line/Edit/reducer.js

@@ -0,0 +1,83 @@
+/*
+ *
+ * Create reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  editTemplateInProgress: false,
+  editResponse: {},
+  getTemplateDetailsInProgress: false,
+  templateDetails: {},
+});
+
+function editReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.DEFAULT_ACTION:
+      return state;
+    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:
+    case types.SET_SELECTED_TEMPLATE:
+      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.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_DATA:
+      return state
+        .delete('uploadedAssetData')
+        .delete('metaEntities')
+        .delete('templateDetails');
+    case types.CLEAR_ASSET:
+      return state
+        .delete('uploadedAssetData');
+    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 editReducer;

package/containers/Line/Edit/sagas.js

@@ -0,0 +1,80 @@
+import { call, put, takeLatest } from 'redux-saga/effects';
+// import { schema, normalize } from 'normalizr';
+import * as Api from '../../../services/api';
+import * as types from './constants';
+
+// Individual exports for testing
+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* uploadAsset(file, assetType, fileParams, mode) {
+  try {
+    const result = yield call(Api.uploadFile, file, assetType, fileParams, mode);
+    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 });
+  }
+}
+
+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 });
+  }
+}
+
+export function* watchEditTemplate() {
+  yield takeLatest(types.EDIT_TEMPLATE_REQUEST, editTemplate);
+  
+  
+}
+
+export function* watchGetTemplateDetails() {
+  yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
+  
+  
+}
+
+export function* watchUploadAsset() {
+  yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
+  
+  
+}
+
+export function* watchLineTemplatesList() {
+  yield takeLatest(types.GET_LINE_TEMPLATES_LIST_REQUEST, getLineTemplatesList);
+  
+  
+}
+
+// All sagas to be loaded
+export default [
+  watchEditTemplate, watchGetTemplateDetails, watchLineTemplatesList,
+  watchUploadAsset,
+];

package/containers/Line/Edit/selectors.js

@@ -0,0 +1,29 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the create state domain
+ */
+const selectLineEditDomain = () => (state) => state.get('edit');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by Create
+ */
+
+const makeSelectEdit = () => createSelector(
+  selectLineEditDomain(),
+  (substate) => substate.toJS()
+);
+const makeSelectEditResponse = () => createSelector(
+  selectLineEditDomain(), (dimensionState) => dimensionState.get('editResponse')
+);
+const makeSelectTemplateDetailsResponse = () => createSelector(
+  selectLineEditDomain(), (dimensionState) => dimensionState.get('templateDetails')
+);
+export {
+  makeSelectEdit, makeSelectEditResponse, makeSelectTemplateDetailsResponse,
+};

package/containers/Line/Edit/test/saga.test.js

@@ -0,0 +1,160 @@
+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 sagas from '../sagas'; 
+import * as types from '../constants';
+import { takeLatest } from 'redux-saga/effects';
+import {
+  watchEditTemplate,
+  watchGetTemplateDetails,
+  watchUploadAsset,
+  watchLineTemplatesList
+} from '../sagas';
+
+describe('Template Sagas', () => {
+  
+  describe('editTemplate Saga', () => {
+    const template = { id: 1, content: 'Updated Content' };
+    it.concurrent('handles editing template successfully', () => {
+      const fakeResponse = {
+        response: { updated: true },
+        status: { code: 200 }
+      };
+
+      return expectSaga(sagas.editTemplate, template)
+        .provide([
+          [call(Api.createLineTemplate, template), fakeResponse]
+        ])
+        .put({
+          type: types.EDIT_TEMPLATE_SUCCESS,
+          data: fakeResponse.response,
+          statusCode: fakeResponse.status.code,
+          errorMsg: undefined
+        })
+        .run();
+    });
+
+    it.concurrent('handles failure in editing template', () => {
+      const error = new Error('Update 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';
+    test.concurrent('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();
+    });
+    test.concurrent('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('uploadAsset Saga', () => {
+    const file = new Blob(['file contents'], { type: 'text/plain' });
+    const assetType = 'image';
+    const fileParams = { directory: 'profile' };
+    const mode = 'create';
+
+    it.concurrent('handles asset upload successfully', () => {
+      const fakeResponse = {
+        response: { asset: { id: 1, url: 'http://example.com/image.png' } },
+        status: { code: 200 }
+      };
+
+      return expectSaga(sagas.uploadAsset, file, assetType, fileParams, mode)
+        .provide([
+          [call(Api.uploadFile, file, assetType, fileParams, mode), fakeResponse]
+        ])
+        .put({
+          type: types.UPLOAD_ASSET_SUCCESS,
+          data: fakeResponse.response.asset,
+          statusCode: fakeResponse.status.code
+        })
+        .run();
+    });
+
+    it.concurrent('handles failure in uploading asset', () => {
+      const error = new Error('Upload failed');
+
+      return expectSaga(sagas.uploadAsset, file, assetType, fileParams, mode)
+        .provide([
+          [call(Api.uploadFile, file, assetType, fileParams, mode), throwError(error)]
+        ])
+        .put({
+          type: types.UPLOAD_ASSET_FAILURE,
+          error
+        })
+        .run();
+    });
+  });
+});
+describe('Saga watchers', () => {
+  describe('watchEditTemplate saga', () => {
+    const generator = watchEditTemplate();
+    it.concurrent('should take the latest EDIT_TEMPLATE_REQUEST actions and call editTemplate saga', () => {
+      expect(generator.next().value).toEqual(
+        takeLatest(types.EDIT_TEMPLATE_REQUEST, sagas.editTemplate),
+      );
+    });
+  });
+
+  describe('watchGetTemplateDetails saga', () => {
+    const generator = watchGetTemplateDetails();
+    it.concurrent('should take the latest GET_TEMPLATE_DETAILS_REQUEST actions and call getTemplateDetails saga', () => {
+      expect(generator.next().value).toEqual(
+        takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, sagas.getTemplateDetails),
+      );
+    });
+  });
+
+  describe('watchUploadAsset saga', () => {
+    const generator = watchUploadAsset();
+    it.concurrent('should take the latest UPLOAD_ASSET_REQUEST actions and call uploadAsset saga', () => {
+      expect(generator.next().value).toEqual(
+        takeLatest(types.UPLOAD_ASSET_REQUEST, sagas.uploadAsset),
+      );
+    });
+  });
+
+  describe('watchLineTemplatesList saga', () => {
+    const generator = watchLineTemplatesList();
+    it.concurrent('should take the latest GET_LINE_TEMPLATES_LIST_REQUEST actions and call getLineTemplatesList saga', () => {
+      expect(generator.next().value).toEqual(
+        takeLatest(types.GET_LINE_TEMPLATES_LIST_REQUEST, sagas.getLineTemplatesList),
+      );
+    });
+  });
+
+});

package/containers/Login/components/LoginForm/index.js

@@ -0,0 +1,62 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Form, Icon } from 'antd';
+import { CapInput, CapButton } from '@capillarytech/cap-react-ui-library';
+import { injectIntl, intlShape } from 'react-intl';
+import messages from './messages';
+const FormItem = Form.Item;
+
+class NormalLoginForm extends React.Component {
+  handleSubmit = (e) => {
+    e.preventDefault();
+    this.props.form.validateFields((err, values) => {
+      if (!err) {
+        this.props.authenticate(values);
+      }
+    });
+  }
+
+  render() {
+    const { getFieldDecorator } = this.props.form;
+    return (
+      <Form onSubmit={this.handleSubmit} className="login-form">
+        <FormItem className="login-form-item">
+          {getFieldDecorator('username', {
+            rules: [{ required: true, message: this.props.intl.formatMessage(messages.inputUsernameMandatory) }],
+          })(
+            <CapInput prefix={<Icon type="user" style={{ fontSize: 13 }} />} placeholder={this.props.intl.formatMessage(messages.username)} />
+          )}
+        </FormItem>
+        <FormItem className="login-form-item">
+          {getFieldDecorator('password', {
+            rules: [{ required: true, message: this.props.intl.formatMessage(messages.inputPasswordMandatory) }],
+          })(
+            <CapInput prefix={<Icon type="lock" style={{ fontSize: 13 }} />} type="password" placeholder={this.props.intl.formatMessage(messages.password)} />
+          )}
+        </FormItem>
+        {this.props.isError
+        ? <FormItem>
+          <span style={{color: "red"}}>{this.props.intl.formatMessage(messages.invalidCredentials)}</span>
+        </FormItem>
+        : null
+        }
+        <FormItem>
+          <CapButton loading={this.props.loginInProgress} type="primary" htmlType="submit" className="login-form-button">
+            {this.props.intl.formatMessage(messages.loginButton)}
+          </CapButton>
+        </FormItem>
+      </Form>
+    );
+  }
+}
+
+NormalLoginForm.propTypes = {
+  authenticate: PropTypes.func.isRequired,
+  loginInProgress: PropTypes.bool,
+  isError: PropTypes.bool,
+  form: PropTypes.object,
+  intl: intlShape.isRequired,
+};
+
+const WrappedNormalLoginForm = Form.create()(NormalLoginForm);
+export default injectIntl(WrappedNormalLoginForm);

package/containers/Login/components/LoginForm/messages.js

@@ -0,0 +1,33 @@
+/*
+ * LoginForm Messages
+ *
+ * This contains all the text for the LoginForm component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  username: {
+    id: 'creatives.containers.Login.components.LoginForm.input.username',
+    defaultMessage: 'Username or email',
+  },
+  password: {
+    id: 'creatives.containers.Login.components.LoginForm.input.password',
+    defaultMessage: 'Password',
+  },
+  loginButton: {
+    id: 'creatives.containers.Login.components.LoginForm.input.loginButton',
+    defaultMessage: 'Login',
+  },
+  invalidCredentials: {
+    id: 'creatives.containers.Login.components.LoginForm.input.invalidCredentials',
+    defaultMessage: 'Invalid or Incorrect credentials!',
+  },
+  inputPasswordMandatory: {
+    id: 'creatives.containers.Login.components.LoginForm.input.inputPasswordMandatory',
+    defaultMessage: 'Please input your Password!',
+  },
+  inputUsernameMandatory: {
+    id: 'creatives.containers.Login.components.LoginForm.input.inputUsernameMandatory',
+    defaultMessage: 'Please input your username!',
+  },
+});