@capillarytech/creatives-library 0.1.31 → 1.0.0

package/containers/Line/Create/messages.js

@@ -1,173 +0,0 @@
-/*
- * 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/containers/Line/Create/reducer.js

@@ -1,99 +0,0 @@
-/*
- *
- * 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

@@ -1,107 +0,0 @@
-// 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/containers/Line/Create/selectors.js

@@ -1,36 +0,0 @@
-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/Edit/_lineEdit.scss

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

package/containers/Line/Edit/actions.js

@@ -1,72 +0,0 @@
-/*
- *
- * 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,
-  };
-};

package/containers/Line/Edit/constants.js

@@ -1,27 +0,0 @@
-/*
- *
- * 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';