@capillarytech/creatives-library 2.0.70 → 2.0.72

package/v2Containers/Line/Create/messages.js

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

package/v2Containers/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/v2Containers/Line/Create/sagas.js

@@ -0,0 +1,107 @@
+// Line Sagas
+
+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';
+
+// Individual exports for testing
+export function* createTemplate(template) {
+  let errorMsg;
+  try {
+    console.log('inside line saga createTemplate@@@', template);
+    const result = yield call(Api.createLineTemplate, template);
+    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, 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() {
+  console.log('inside watch line saga createTemplate@@@');
+  const watcher = yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+function* watchUploadAsset() {
+  console.log("inside watchUploadAsset");
+  const watcher = yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+// edit
+
+export function* editTemplate(template) {
+  let errorMsg;
+  try {
+    console.log('saga editTemplate line', template);
+    const result = yield call(Api.createLineTemplate, template);
+    console.log('saga editTemplate success line', result);
+    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 {
+    console.log('saga get Template details line', id);
+    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 {
+    console.log('Saga param line ', params.channel, params.queryParams);
+    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() {
+  const watcher = yield takeLatest(types.EDIT_TEMPLATE_REQUEST, editTemplate);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchGetTemplateDetails() {
+  const watcher = yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchLineTemplatesList() {
+  const watcher = yield takeLatest(types.GET_LINE_TEMPLATES_LIST_REQUEST, getLineTemplatesList);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+// All sagas to be loaded
+export default [
+  watchCreateTemplate,
+  watchUploadAsset,
+  watchEditTemplate,
+  watchGetTemplateDetails,
+  watchLineTemplatesList,
+];

package/v2Containers/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/v2Containers/Line/Edit/_lineEdit.scss

@@ -0,0 +1,21 @@
+.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;
+}

package/v2Containers/Line/Edit/actions.js

@@ -0,0 +1,79 @@
+/*
+ *
+ * Create actions
+ *
+ */
+
+
+import * as types from "../../Line/Edit/constants";
+
+export function defaultAction() {
+  return {
+    type: types.DEFAULT_ACTION,
+  };
+}
+
+export function editTemplate(template) {
+  console.log('action trigereed editTemplate line @@@');
+  return {
+    type: types.EDIT_TEMPLATE_REQUEST, template,
+  };
+}
+
+export function getTemplateDetails(id) {
+  console.log('getting template line @@@', id);
+  return {
+    type: types.GET_TEMPLATE_DETAILS_REQUEST, id,
+  };
+}
+
+export function uploadAsset(file, assetType, fileParams, mode) {
+  return {
+    type: types.UPLOAD_ASSET_REQUEST,
+    file,
+    assetType,
+    fileParams,
+    mode,
+  };
+}
+
+export function clearEditResponse() {
+  console.log('clearEditResponse');
+  return {
+    type: types.CLEAR_EDIT_RESPONSE_REQUEST,
+  };
+}
+
+export function clearData() {
+  return {
+    type: types.CLEAR_DATA,
+  };
+}
+
+export function clearAsset() {
+  return {
+    type: types.CLEAR_ASSET,
+  };
+}
+
+export function getLineTemplatesList(channel, queryParams) {
+  return {
+    type: types.GET_LINE_TEMPLATES_LIST_REQUEST,
+    channel,
+    queryParams,
+  };
+}
+
+export function setSelectedTemplate(templateData) {
+  return {
+    type: types.SET_SELECTED_TEMPLATE,
+    data: templateData,
+  };
+}
+
+export function setTemplateDetails(templateDetails) {
+  return {
+    type: types.GET_TEMPLATE_DETAILS_SUCCESS,
+    data: templateDetails,
+  };
+}

package/v2Containers/Line/Edit/constants.js

@@ -0,0 +1,27 @@
+/*
+ *
+ * Edit constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/Edit/DEFAULT_ACTION';
+
+export const GET_TEMPLATE_DETAILS_REQUEST = 'app/containers/line/Edit/GET_TEMPLATE_DETAILS_REQUEST';
+export const GET_TEMPLATE_DETAILS_SUCCESS = 'app/containers/line/Edit/GET_TEMPLATE_DETAILS_SUCCESS';
+export const GET_TEMPLATE_DETAILS_FAILURE = 'app/containers/line/Edit/GET_TEMPLATE_DETAILS_FAILURE';
+
+export const EDIT_TEMPLATE_REQUEST = 'app/containers/line/Edit/EDIT_TEMPLATE_REQUEST';
+export const EDIT_TEMPLATE_SUCCESS = 'app/containers/line/Edit/EDIT_TEMPLATE_SUCCESS';
+export const EDIT_TEMPLATE_FAILURE = 'app/containers/line/Edit/EDIT_TEMPLATE_FAILURE';
+
+export const CLEAR_EDIT_RESPONSE_REQUEST = 'app/containers/line/Edit/CLEAR_EDIT_RESPONSE_REQUEST';
+export const UPLOAD_ASSET_REQUEST = 'app/containers/Line/Edit/UPLOAD_ASSET_REQUEST';
+export const UPLOAD_ASSET_SUCCESS = 'app/containers/Line/Edit/UPLOAD_ASSET_SUCCESS';
+export const UPLOAD_ASSET_FAILURE = 'app/containers/Line/Edit/UPLOAD_ASSET_FAILURE';
+export const CLEAR_DATA = 'app/containers/Line/Edit/CLEAR_DATA';
+export const CLEAR_ASSET = 'app/containers/Line/Edit/CLEAR_ASSET';
+export const SET_SELECTED_TEMPLATE = 'app/containers/Line/Edit/SET_SELECTED_TEMPLATE';
+
+export const GET_LINE_TEMPLATES_LIST_REQUEST = 'app/containers/Line/GET_LINE_TEMPLATES_LIST_REQUEST';
+export const GET_LINE_TEMPLATES_LIST_SUCCESS = 'app/containers/Line/GET_LINE_TEMPLATES_LIST_SUCCESS';
+export const GET_LINE_TEMPLATES_LIST_FAILURE = 'app/containers/Line/GET_LINE_TEMPLATES_LIST_FAILURE';