@capillarytech/creatives-library 7.9.13 → 7.9.15

package/v2Containers/SmsTrai/Create/index.scss

@@ -0,0 +1,92 @@
+@import '~@capillarytech/cap-ui-library/styles/_variables';
+
+.upload-type-group-create-container {
+  .upload-file-title {
+    margin-bottom: 10px;
+  }
+  .file-drop-zone {
+    height: 285px;
+    border: 1px dashed $CAP_G06;
+    &:focus {
+      outline: none;
+    }
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    text-align: center;
+  }
+  .drop-zone-text-1 {
+    margin-top: 8px;
+  }
+  .drop-zone-text-2 {
+    margin-top: 12px;
+  }
+  .drop-zone-text-3 {
+    margin-top: 13px;
+  }
+  .upload-file-preview-divider-1 {
+    margin-bottom: $CAP_SPACE_12;
+    margin-top: 5px;
+  }
+  .upload-file-preview-divider-2 {
+    margin-top: $CAP_SPACE_12;
+    margin-bottom: 2px;
+  }
+  .number-of-records {
+    margin-left: 7px;
+  }
+  .upload-failed-container {
+    display: flex;
+    align-items: flex-end;
+    justify-content: flex-end;
+    .upload-failed-message {
+      display: contents;
+    }
+    .upload-failed-icon {
+      margin-left: 2px;
+    }
+  }
+  .validation-count-container {
+    display: flex;
+    .validation-count-label {
+      display: contents;
+    }
+    .validation-count-icon {
+      margin-left: 2px;
+    }
+  }
+  .delete-csv {
+    display: flex;
+    justify-content: flex-end;
+    bottom: -5px;
+  }
+  .upload-instructions-container {
+    padding-left: $CAP_SPACE_32;
+    margin-top: 30px;
+
+    .upload-instruction-list {
+      list-style-type: none;
+      padding-left: 0;
+      .instruction {
+        margin-top: 30px;
+        .instruction-num {
+          display: inline-block;
+          width: 30px;
+          height: 30px;
+          background: #dfe2e7;
+          border-radius: 50%;
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 12px;
+          margin-right: 8px;
+        }
+
+        a:link {
+          text-decoration: none;
+        }
+      }
+    }
+  }
+}

package/v2Containers/SmsTrai/Create/messages.js

@@ -0,0 +1,116 @@
+/*
+ * SmsTrai Messages
+ *
+ * This contains all the text for the SmsTrai component.
+ */
+import { defineMessages } from 'react-intl';
+const prefix = 'app.v2containers.SmsTrai.Create';
+
+export default defineMessages({
+  uploadFile: {
+    id: `${prefix}.uploadFile`,
+    defaultMessage: 'Upload file',
+  },
+  dropCsvFile: {
+    id: `${prefix}.dropCsvFile`,
+    defaultMessage: 'Drag and drop a CSV file here',
+  },
+  or: {
+    id: `${prefix}.or`,
+    defaultMessage: 'OR',
+  },
+  selectFileFromComputer: {
+    id: `${prefix}.selectFileFromComputer`,
+    defaultMessage: 'Select a file from computer',
+  },
+  numberOfRecords: {
+    id: `${prefix}.numberOfRecords`,
+    defaultMessage: '{value, number} Record{value, plural, one {} other {s}}',
+  },
+  sampleCsv: {
+    id: `${prefix}.sampleCsv`,
+    defaultMessage: 'Sample CSV',
+  },
+  uploadInstructions: {
+    id: `${prefix}.uploadInstructions`,
+    defaultMessage: 'Upload Instructions',
+  },
+  downloadInstruction: {
+    id: `${prefix}.downloadInstruction`,
+    defaultMessage: 'Download {link} file',
+  },
+  firstRowInstruction: {
+    id: `${prefix}.firstRowInstruction`,
+    defaultMessage:
+      'Please ensure that each template has the following mandatory fields: Template name,Template ID, Type, Sender ID, Approval status, Template message.',
+  },
+  secondRowInstruction: {
+    id: `${prefix}.secondRowInstruction`,
+    defaultMessage: 'Only the "Approved" templates will be uploaded.',
+  },
+  duplicateEntriesInstruction: {
+    id: `${prefix}.duplicateEntriesInstruction`,
+    defaultMessage: 'Duplicate entries will be overwritten.',
+  },
+  fileMinlengthError: {
+    id: `${prefix}.fileMinlengthError`,
+    defaultMessage: 'Please select a csv file with minimum 1 template.',
+  },
+  fileMaxlengthError: {
+    id: `${prefix}.fileMaxlengthError`,
+    defaultMessage:
+      'More then 500 records are not allowed for the selected file.',
+  },
+  invalidFileErrorDescription: {
+    id: `${prefix}.invalidFileErrorDescription`,
+    defaultMessage: 'Mandatory fields ({columns}) are required for templates.',
+  },
+  repetitiveColsErrorDescription: {
+    id: `${prefix}.repetitiveColsErrorDescription`,
+    defaultMessage:
+      'Please remove repetitive fields ({repetitiveCols}) from the file.',
+  },
+  headerAliasErrorDescription: {
+    id: `${prefix}.headerAliasErrorDescription`,
+    defaultMessage:
+      'Please include mandatory field header. It can be {headerAliases}.',
+  },
+  templateIdAliasErrorDescription: {
+    id: `${prefix}.templateIdAliasErrorDescription`,
+    defaultMessage:
+      'Please include mandatory field template id. It can be {templateIdAliases}.',
+  },
+  templateMessageAliasErrorDescription: {
+    id: `${prefix}.templateMessageAliasErrorDescription`,
+    defaultMessage:
+      'Please include mandatory field template message. It can be {templateMessageAliases}.',
+  },
+  nonCsvErrorDescription: {
+    id: `${prefix}.nonCsvErrorDescription`,
+    defaultMessage: 'Please select a csv file.',
+  },
+  doneButtonLabel: {
+    id: `${prefix}.doneButtonLabel`,
+    defaultMessage: 'Done',
+  },
+  failedToUpload: {
+    id: `${prefix}.failedToUpload`,
+    defaultMessage: 'Failed to upload',
+  },
+  passedVal: {
+    id: `${prefix}.passedVal`,
+    defaultMessage: '{number} passed ',
+  },
+  failedVal: {
+    id: `${prefix}.failedVal`,
+    defaultMessage: '{number} failed ',
+  },
+  downloadIssues: {
+    id: `${prefix}.downloadIssues`,
+    defaultMessage: 'Download issues',
+  },
+  smsCreateNotification: {
+    id: `${prefix}.smsCreateNotification`,
+    defaultMessage: 'Sms templates created successfully',
+  },
+});

package/v2Containers/SmsTrai/Create/reducer.js

@@ -0,0 +1,43 @@
+/*
+ *
+ * SmsTrai reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import {
+  CREATE_TRAI_SMS_TEMPLATE_REQUEST,
+  CREATE_TRAI_SMS_TEMPLATE_SUCCESS,
+  CREATE_TRAI_SMS_TEMPLATE_FAILURE,
+  CLEAR_TRAI_SMS_TEMPLATE_CREATE_RESPONSE_REQUEST,
+} from './constants';
+
+const initialState = fromJS({
+  createTemplateInProgress: false,
+});
+
+function smsTraiReducer(state = initialState, action) {
+  switch (action.type) {
+    case CREATE_TRAI_SMS_TEMPLATE_REQUEST:
+      return state
+      .set('createTemplateInProgress', true)
+      .set('createTemplateError', false)
+      .set('createTemplateErrorMessage', fromJS(""));
+    case CREATE_TRAI_SMS_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 CREATE_TRAI_SMS_TEMPLATE_FAILURE:
+      return state
+      .set('createTemplateInProgress', false)
+      .set('createTemplateError', true)
+      .set('createTemplateErrorMessage', fromJS(action.errorMsg));
+    case CLEAR_TRAI_SMS_TEMPLATE_CREATE_RESPONSE_REQUEST:
+      return state.set('response', {});
+    default:
+      return state;
+  }
+}
+
+export default smsTraiReducer;

package/v2Containers/SmsTrai/Create/sagas.js

@@ -0,0 +1,36 @@
+import { take, cancel, call, put, takeLatest } from 'redux-saga/effects';
+import { LOCATION_CHANGE } from 'react-router-redux';
+import * as Api from '../../../services/api';
+import * as types from './constants';
+
+export function* createTraiSMSTemplates({templates, callback }) {
+  let errorMsg;
+  try {
+    const result = yield call(Api.createBulkSMSTemplate, templates);
+    if (result?.status?.code && result.status.code >= 400) {
+      errorMsg = result.message;
+      throw errorMsg;
+    }
+    yield put({ type: types.CREATE_TRAI_SMS_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
+
+    if (callback) {
+      callback(result.response);
+    }
+  } catch (error) {
+    yield put({ type: types.CREATE_TRAI_SMS_TEMPLATE_FAILURE, error, errorMsg });
+    if (callback) {
+      callback(null, errorMsg);
+    }
+  }
+}
+
+function* watchCreateTemplate() {
+  const watcher = yield takeLatest(types.CREATE_TRAI_SMS_TEMPLATE_REQUEST, createTraiSMSTemplates);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+export default [
+  watchCreateTemplate,
+];
+

package/v2Containers/SmsTrai/Create/selectors.js

@@ -0,0 +1,26 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the smsTrai state domain
+ */
+const selectSmsTraiDomain = () => (state) => state.get('smsTrai');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by SmsTrai
+ */
+
+const makeSelectSmsTrai = () => createSelector(
+  selectSmsTraiDomain(),
+  (substate) => substate.toJS()
+);
+
+export default makeSelectSmsTrai;
+
+export {
+  selectSmsTraiDomain,
+};