@capillarytech/creatives-library 0.0.2 → 0.0.4

package/containers/Email/reducer.js

@@ -15,16 +15,19 @@ function emailReducer(state = initialState, action) {
     case types.CREATE_TEMPLATE_REQUEST:
       return state
         .set('createTemplateInProgress', true)
-        .set('createTemplateError', false);
+        .set('createTemplateError', false)
+        .set('createTemplateErrorMessage', fromJS(""));
     case types.CREATE_TEMPLATE_SUCCESS:
       return state
         .set('createTemplateInProgress', false)
         .set('createResponse', action.data)
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg))
         .set('createTemplateError', (action.statusCode !== undefined && action.statusCode > 300));
     case types.CREATE_TEMPLATE_FAILURE:
       return state
         .set('createTemplateInProgress', false)
-        .set('createTemplateError', true);
+        .set('createTemplateError', true)
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg));
     case types.GET_TEMPLATE_DETAILS_REQUEST:
       return state
         .set('getTemplateDetailsInProgress', true);

package/containers/Email/sagas.js

@@ -5,12 +5,16 @@ import * as types from './constants';
 
 
 export function* createTemplate(template) {
+  let errorMsg;
   try {
     console.log('Template data ', template);
     const result = yield call(Api.createEmailTemplate, template);
-    yield put({ type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '' });
+    if (result.message || result.status.code === 500) {
+      errorMsg = result.message;
+    }
+    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 });
+    yield put({ type: types.CREATE_TEMPLATE_FAILURE, error, errorMsg });
   }
 }
 

package/containers/MobilePush/Create/index.js

@@ -214,7 +214,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       this.setState({mode: nextProps.params.mode});
     }
     if (nextProps.Create.createTemplateError && !_.isEqual(nextProps.Create.createTemplateError, this.props.Create.createTemplateError)) {
-      const message = getMessageObject('error', this.props.intl.formatMessage(messages["Something Went Wrong!!"]), true);
+      const message = getMessageObject('error', (nextProps.Create.createTemplateErrorMessage && nextProps.Create.createTemplateErrorMessage !== '') ? nextProps.Create.createTemplateErrorMessage : this.props.intl.formatMessage(messages.somethingWentWrong), true);
       this.props.globalActions.addMessageToQueue(message);
     }
     if (nextProps.Create.iosCtasData) {
@@ -720,6 +720,26 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     return obj;
   };
 
+  setModalContent = (type) => {
+    if (type === 'ios') {
+      const modalContent = {
+        title: "Alert",
+        body: "Android template is not configured. Save without Android template",
+        type: 'confirm',
+        id: 'ios',
+      };
+      this.setState({modalContent, showModal: true});
+    } else if (type === 'android') {
+      const modalContent = {
+        title: "Alert",
+        body: "IOS template is not configured, Save without IOS template",
+        type: 'confirm',
+        id: 'android',
+      };
+      this.setState({modalContent, showModal: true});
+    }
+  }
+
   handleCancelModal = () => {
     this.setState({showModal: false});
   };
@@ -2154,9 +2174,11 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 showModal={this.state.showModal}
                 isSchemaChanged={this.state.isSchemaChanged}
                 modal={this.state.modalContent}
+                handleCancelModal={this.handleCancelModal}
                 iframeParent={parent}
                 router={this.props.router}
                 onContextChange={this.handleOnTagsContextChange}
+                setModalContent={this.setModalContent}
               />
             </Col>
           </Row>

package/containers/MobilePush/Create/messages.js

@@ -138,7 +138,7 @@ export default defineMessages({
     id: 'app.containers.MobilePush.Create.templateCreatedSuccessfully',
     defaultMessage: 'Mobile Push Template Created Successfully',
   },
-  "Something Went Wrong!!": {
+  "somethingWentWrong": {
     id: 'app.containers.MobilePush.Create.somethingWentWrong',
     defaultMessage: 'Something Went Wrong!!',
   },

package/containers/MobilePush/Create/reducer.js

@@ -19,15 +19,18 @@ function createReducer(state = initialState, action) {
     case types.CREATE_TEMPLATE_REQUEST:
       return state
         .set('createTemplateInProgress', true)
-        .set('createTemplateError', false);
+        .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('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('createTemplateError', true)
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg));
     case types.CLEAR_CREATE_RESPONSE_REQUEST:
       return state.set('response', {});
     case types.UPLOAD_ASSET_REQUEST:

package/containers/MobilePush/Create/sagas.js

@@ -7,13 +7,16 @@ import * as types from './constants';
 
 // Individual exports for testing
 export function* createTemplate(template) {
+  let errorMsg;
   try {
     console.log('saga createTemplate mobilepush', template);
     const result = yield call(Api.createMobilePushTemplate, template);
-    // const sidebar = result.response.sidebar;
-    yield put({ type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '' });
+    if (result.message || result.status.code === 500) {
+      errorMsg = result.message;
+    }
+    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 });
+    yield put({ type: types.CREATE_TEMPLATE_FAILURE, error, errorMsg });
   }
 }
 export function* uploadAsset(file, assetType, fileParams) {

package/containers/MobilePush/Edit/index.js

@@ -262,7 +262,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     }
 
     if (nextProps.Edit.editTemplateError && !_.isEqual(nextProps.Edit.editTemplateError, this.props.Edit.editTemplateError)) {
-      const message = getMessageObject('error', this.props.intl.formatMessage(messages['Something Went Wrong!!']), true);
+      const message = getMessageObject('error', (nextProps.Edit.editTemplateErrorMessage && nextProps.Edit.editTemplateErrorMessage !== '') ? nextProps.Edit.editTemplateErrorMessage : this.props.intl.formatMessage(messages.somethingWentWrong), true);
       this.props.globalActions.addMessageToQueue(message);
     }
     // if (nextProps.metaEntities && nextProps.metaEntities.tags && nextProps.metaEntities.tags.custom && this.props.metaEntities.tags !== nextProps.metaEntities.tags) {
@@ -989,6 +989,26 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     this.injectEvents(schema);
   };
 
+  setModalContent = (type) => {
+    if (type === 'ios') {
+      const modalContent = {
+        title: "Alert",
+        body: "Android template is not configured. Save without Android template",
+        type: 'confirm',
+        id: 'ios',
+      };
+      this.setState({modalContent, showModal: true});
+    } else if (type === 'android') {
+      const modalContent = {
+        title: "Alert",
+        body: "IOS template is not configured, Save without IOS template",
+        type: 'confirm',
+        id: 'android',
+      };
+      this.setState({modalContent, showModal: true});
+    }
+  }
+
   handleCancelModal = () => {
     this.setState({showModal: false});
   };
@@ -2439,6 +2459,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                 isSchemaChanged={this.state.isSchemaChanged}
                 handleCancelModal={this.handleCancelModal}
                 modal={this.state.modalContent}
+                setModalContent={this.setModalContent}
               />
             </Col>
           </Row>

package/containers/MobilePush/Edit/messages.js

@@ -138,7 +138,7 @@ export default defineMessages({
     id: 'app.containers.MobilePush.Edit.templateEditedSuccessfully',
     defaultMessage: 'MOBILEPUSH Template Edited Successfully',
   },
-  "Something Went Wrong!!": {
+  "somethingWentWrong": {
     id: 'app.containers.MobilePush.Edit.somethingWentWrong',
     defaultMessage: 'Something Went Wrong!!',
   },

package/containers/MobilePush/Edit/reducer.js

@@ -21,15 +21,18 @@ function editReducer(state = initialState, action) {
     case types.EDIT_TEMPLATE_REQUEST:
       return state
         .set('editTemplateInProgress', true)
-        .set('editTemplateError', false);
+        .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('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('editTemplateError', true)
+        .set('editTemplateErrorMessage', fromJS(action.errorMsg));
     case types.GET_TEMPLATE_DETAILS_REQUEST:
       return state.set('getTemplateDetailsInProgress', true);
     case types.GET_TEMPLATE_DETAILS_SUCCESS:

package/containers/MobilePush/Edit/sagas.js

@@ -6,14 +6,17 @@ import * as types from './constants';
 
 // Individual exports for testing
 export function* editTemplate(template) {
+  let errorMsg;
   try {
     console.log('saga editTemplate', template);
     const result = yield call(Api.createMobilePushTemplate, template);
     console.log('saga editTemplate success', result);
-    // const sidebar = result.response.sidebar;
-    yield put({ type: types.EDIT_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '' });
+    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 });
+    yield put({ type: types.EDIT_TEMPLATE_FAILURE, error, errorMsg });
   }
 }
 

package/containers/Sms/Create/index.js

@@ -135,21 +135,23 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     }
 
     if (nextProps.Create.createTemplateError && !_.isEqual(nextProps.Create.createTemplateError, this.props.Create.createTemplateError)) {
-      const message = getMessageObject('error', 'Something Went Wrong!!', true);
+      const message = getMessageObject('error', (nextProps.Create.createTemplateErrorMessage && nextProps.Create.createTemplateErrorMessage !== '') ? nextProps.Create.createTemplateErrorMessage : this.props.intl.formatMessage(messages.somethingWentWrong), true);
       this.props.globalActions.addMessageToQueue(message);
     }
     if (nextProps.metaEntities && nextProps.metaEntities.layouts && nextProps.metaEntities.layouts.length > 0 && _.isEmpty(this.state.schema)) {
       console.log('final schema is**', nextProps.metaEntities.layouts[0].definition);
       this.injectEvents(nextProps.metaEntities.layouts[0].definition);
-      const query = {
-        layout: 'SMS',
-        type: 'TAG',
-        context: this.props.location.query.type === 'embedded' ? this.props.location.query.module : 'default',
-        embedded: this.props.location.query.type === 'embedded' ? this.props.location.query.type : 'full',
-      };
-      this.props.globalActions.fetchSchemaForEntity(query);
-      if (this.props.location.query.type === 'embedded') {
-        this.showNext();
+      if (this.props.location.query.module !== 'subscription') {
+        const query = {
+          layout: 'SMS',
+          type: 'TAG',
+          context: this.props.location.query.type === 'embedded' ? this.props.location.query.module : 'default',
+          embedded: this.props.location.query.type === 'embedded' ? this.props.location.query.type : 'full',
+        };
+        this.props.globalActions.fetchSchemaForEntity(query);
+        if (this.props.location.query.type === 'embedded') {
+          this.showNext();
+        }
       }
     }
     if (nextProps.metaEntities && nextProps.metaEntities.tags && nextProps.metaEntities.tags.custom && this.props.metaEntities.tags !== nextProps.metaEntities.tags) {
@@ -1394,6 +1396,10 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   render() {
     const schema = this.state.schema;
     const spinning = this.state.loading || (this.props.Create && "createTemplateInProgress" in this.props.Create && this.props.Create.createTemplateInProgress);
+    let tags = this.props.metaEntities && this.props.metaEntities.tags ? this.props.metaEntities.tags.standard : [];
+    if (this.props.location.query.type === 'embedded' && this.props.location.query.module === 'subscription') {
+      tags = this.props.supportedTags;
+    }
     return (
       <div>
         <Spin tip={this.props.intl.formatMessage(messages.saveTemplateLoader)} spinning={spinning}>
@@ -1420,7 +1426,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 formData={_.cloneDeep(this.state.formData)}
                 location={this.props.location}
                 tabKey={this.state.tabKey}
-                tags={this.props.metaEntities && this.props.metaEntities.tags ? this.props.metaEntities.tags.standard : []}
+                tags={tags}
                 injectedTags={this.state.injectedTags ? this.state.injectedTags : {}}
                 onFormValidityChange={this.setFormValidity}
                 usingTabContainer
@@ -1446,6 +1452,7 @@ Create.propTypes = {
   globalActions: PropTypes.object,
   metaEntities: PropTypes.object,
   intl: intlShape.isRequired,
+  supportedTags: PropTypes.array,
 };
 
 const mapStateToProps = createStructuredSelector({

package/containers/Sms/Create/messages.js

@@ -78,4 +78,8 @@ export default defineMessages({
     id: 'app.containers.Create.smsEditorPlaceholder',
     defaultMessage: "Please enter the message content",
   },
+  somethingWentWrong: {
+    id: 'app.containers.Create.somethingWentWrong',
+    defaultMessage: "Something Went Wrong!!",
+  },
 });

package/containers/Sms/Create/reducer.js

@@ -19,15 +19,18 @@ function createReducer(state = initialState, action) {
     case types.CREATE_TEMPLATE_REQUEST:
       return state
         .set('createTemplateInProgress', true)
-        .set('createTemplateError', false);
+        .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('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('createTemplateError', true)
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg));
     case types.CLEAR_CREATE_RESPONSE_REQUEST:
       return state.set('response', {});
     default:

package/containers/Sms/Create/sagas.js

@@ -7,13 +7,18 @@ import * as types from './constants';
 
 // Individual exports for testing
 export function* createTemplate(template) {
+  let errorMsg;
   try {
     console.log('saga createTemplate sms', template);
     const result = yield call(Api.createTemplate, template);
     // const sidebar = result.response.sidebar;
-    yield put({ type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '' });
+    if (result.message || result.status.code === 500) {
+      errorMsg = result.message;
+    }
+
+    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 });
+    yield put({ type: types.CREATE_TEMPLATE_FAILURE, error, errorMsg });
   }
 }
 

package/containers/Sms/Edit/index.js

@@ -117,15 +117,17 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       this.setState({schema: nextProps.metaEntities.layouts[0].definition}, () => {
         this.injectEvents(nextProps.metaEntities.layouts[0].definition);
       });
-      const query = {
-        layout: 'SMS',
-        type: 'TAG',
-        context: this.props.location.query.type === 'embedded' ? this.props.location.query.module : 'default',
-        embedded: this.props.location.query.type === 'embedded' ? this.props.location.query.type : 'full',
-      };
-      this.props.globalActions.fetchSchemaForEntity(query);
-      if (this.props.location.query.type === 'embedded') {
-        this.showNext();
+      if (this.props.location.query.module !== 'subscription') {
+        const query = {
+          layout: 'SMS',
+          type: 'TAG',
+          context: this.props.location.query.type === 'embedded' ? this.props.location.query.module : 'default',
+          embedded: this.props.location.query.type === 'embedded' ? this.props.location.query.type : 'full',
+        };
+        this.props.globalActions.fetchSchemaForEntity(query);
+        if (this.props.location.query.type === 'embedded') {
+          this.showNext();
+        }
       }
     }
     if (nextProps.Edit.editResponse && nextProps.Edit.editResponse.templateId) {
@@ -149,7 +151,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     }
 
     if (nextProps.Edit.editTemplateError && !_.isEqual(nextProps.Edit.editTemplateError, this.props.Edit.editTemplateError)) {
-      const message = getMessageObject('error', 'Something Went Wrong!!', true);
+      const message = getMessageObject('error', (nextProps.Edit.editTemplateErrorMessage && nextProps.Edit.editTemplateErrorMessage !== '') ? nextProps.Edit.editTemplateErrorMessage : this.props.intl.formatMessage(messages.somethingWentWrong), true);
       this.props.globalActions.addMessageToQueue(message);
     }
     if (nextProps.metaEntities && nextProps.metaEntities.tags && nextProps.metaEntities.tags.custom && this.props.metaEntities.tags !== nextProps.metaEntities.tags) {
@@ -1369,6 +1371,10 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     let tipText = this.props.Edit && ("getTemplateDetailsInProgress" in this.props.Edit && this.props.Edit.getTemplateDetailsInProgress) ? this.props.intl.formatMessage(messages.getTemplateDetailsLoader) : '';
     tipText = this.props.Edit && ("editTemplateInProgress" in this.props.Edit && this.props.Edit.editTemplateInProgress) ? this.props.intl.formatMessage(messages.saveTemplateLoader) : '';
     const spinning = this.state.loading || (this.props.Edit && (("getTemplateDetailsInProgress" in this.props.Edit && this.props.Edit.getTemplateDetailsInProgress) || ("editTemplateInProgress" in this.props.Edit && this.props.Edit.editTemplateInProgress)));
+    let tags = this.props.metaEntities && this.props.metaEntities.tags ? this.props.metaEntities.tags.standard : [];
+    if (this.props.location.query.type === 'embedded' && this.props.location.query.module === 'subscription') {
+      tags = this.props.supportedTags;
+    }
     return (
       <div>
         <Spin tip={tipText} spinning={spinning}>
@@ -1396,7 +1402,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                 isEdit
                 showModal={this.state.showModal}
                 modal={this.state.modalContent}
-                tags={this.props.metaEntities && this.props.metaEntities.tags ? this.props.metaEntities.tags.standard : []}
+                tags={tags}
                 injectedTags={this.state.injectedTags ? this.state.injectedTags : {}}
                 onFormValidityChange={this.setFormValidity}
                 usingTabContainer
@@ -1423,6 +1429,7 @@ Edit.propTypes = {
   metaEntities: PropTypes.object,
   intl: intlShape.isRequired,
   templateData: PropTypes.object,
+  supportedTags: PropTypes.array,
 };
 
 const mapStateToProps = createStructuredSelector({

package/containers/Sms/Edit/messages.js

@@ -82,4 +82,8 @@ export default defineMessages({
     id: 'app.containers.Edit.smsEditorPlaceholder',
     defaultMessage: "Please enter the message content",
   },
+  somethingWentWrong: {
+    id: 'app.containers.Edit.somethingWentWrong',
+    defaultMessage: "Something Went Wrong!!",
+  },
 });

package/containers/Sms/Edit/reducer.js

@@ -21,15 +21,18 @@ function editReducer(state = initialState, action) {
     case types.EDIT_TEMPLATE_REQUEST:
       return state
         .set('editTemplateInProgress', true)
-        .set('editTemplateError', false);
+        .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('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('editTemplateError', true)
+        .set('editTemplateErrorMessage', fromJS(action.errorMsg));
     case types.GET_TEMPLATE_DETAILS_REQUEST:
       return state.set('getTemplateDetailsInProgress', true);
     case types.GET_TEMPLATE_DETAILS_SUCCESS:

package/containers/Sms/Edit/sagas.js

@@ -6,14 +6,19 @@ import * as types from './constants';
 
 // Individual exports for testing
 export function* editTemplate(template) {
+  let errorMsg;
   try {
     console.log('saga editTemplate', template);
     const result = yield call(Api.editTemplate, template);
     console.log('saga editTemplate success', result);
     // const sidebar = result.response.sidebar;
-    yield put({ type: types.EDIT_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '' });
+    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 });
+    yield put({ type: types.EDIT_TEMPLATE_FAILURE, error, errorMsg });
   }
 }