@capillarytech/creatives-library 6.13.3 → 6.13.4

package/v2Containers/Viber/messages.js

@@ -0,0 +1,137 @@
+import { defineMessages } from 'react-intl';
+const scope = `creatives.containersV2.viber`;
+
+export default defineMessages({
+  search: {
+    id: `${scope}.search`,
+    defaultMessage: 'Search',
+  },
+  gettingAllTemplates: {
+    id: `${scope}.gettingAllTemplates`,
+    defaultMessage: "Getting all templates...",
+  },
+  viberCreativeTitle: {
+    id: `${scope}.viberCreativeTitle`,
+    defaultMessage: "Viber creative",
+  },
+  viberCreativeDesc: {
+    id: `${scope}.viberCreativeDesc`,
+    defaultMessage: "Select any of the existing templates or create new",
+  },
+  message: {
+    id: `${scope}.message`,
+    defaultMessage: 'Message',
+  },
+  textMessage: {
+    id: `${scope}.textMessage`,
+    defaultMessage: 'Text message',
+  },
+  characters: {
+    id: `${scope}.characters`,
+    defaultMessage: 'characters',
+  },
+  addLabels: {
+    id: `${scope}.addLabels`,
+    defaultMessage: 'Add labels',
+  },
+  image: {
+    id: `${scope}.image`,
+    defaultMessage: 'Image',
+  },
+  button: {
+    id: `${scope}.button`,
+    defaultMessage: 'Button',
+  },
+  buttonText: {
+    id: `${scope}.buttonText`,
+    defaultMessage: 'Button text',
+  },
+  buttonUrl: {
+    id: `${scope}.buttonUrl`,
+    defaultMessage: 'Button url',
+  },
+  uploadImage: {
+    id: `${scope}.uploadImage`,
+    defaultMessage: 'Upload Image',
+  },
+  imageDesc: {
+    id: `${scope}.imageDesc`,
+    defaultMessage: 'The relevant image that complements the message context.',
+  },
+  uploadGallery: {
+    id: `${scope}.uploadGallery`,
+    defaultMessage: 'Gallery',
+  },
+  uploadComputer: {
+    id: `${scope}.uploadComputer`,
+    defaultMessage: 'Your computer',
+  },
+  or: {
+    id: `${scope}.or`,
+    defaultMessage: 'OR',
+  },
+  dragAndDrop: {
+    id: `${scope}.dragAndDrop`,
+    defaultMessage: 'Drag and drop image here',
+  },
+  uploadImageDescription: {
+    id: `${scope}.uploadImageDescription`,
+    defaultMessage: 'The relevant image that complements the message context.',
+  },
+  imageReUpload: {
+    id: `${scope}.imageReUpload`,
+    defaultMessage: 'Re upload',
+  },
+  imageDimenstionDescription: {
+    id: `${scope}.imageDimenstionDescription`,
+    defaultMessage: 'Dimensions: 300px x 400px',
+  },
+  imageSizeDescription: {
+    id: `${scope}.imageSizeDescription`,
+    defaultMessage: ' Size: 10mb',
+  },
+  doneButtonLabel: {
+    id: `${scope}.doneButtonLabel`,
+    defaultMessage: 'Done',
+  },
+  cancelButtonLabel: {
+    id: `${scope}.cancelButtonLabel`,
+    defaultMessage: 'Cancel',
+  },
+  imageGallery: {
+    id: `${scope}.imageGallery`,
+    defaultMessage: 'Gallery',
+  },
+  emptyContentErrorMessage: {
+    id: `${scope}.emptyContentErrorMessage`,
+    defaultMessage: 'Template content can not be empty',
+  },
+  limitExceededContentErrorMessage: {
+    id: `${scope}.limitExceededContentErrorMessage`,
+    defaultMessage: 'Template content can not be more than 1000',
+  },
+  invalidTagError: {
+    id: `${scope}.invalidTagError`,
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  viberImageIncorrectSize: {
+    id: `${scope}.viberImageIncorrectSize`,
+    defaultMessage: 'Please upload the image with correct type, size and dimension',
+  },
+  viberCreateNotification: {
+    id: `${scope}.viberCreateNotification`,
+    defaultMessage: 'Viber template created successfully',
+  },
+  textMessageTitlePlaceholder: {
+    id: `${scope}.textMessageTitlePlaceholder`,
+    defaultMessage: 'Enter template name',
+  },
+  textMessageTitleLabel: {
+    id: `${scope}.textMessageTitleLabel`,
+    defaultMessage: 'Creative name',
+  },
+  emptyTitleErrorMessage: {
+    id: `${scope}.emptyTitleErrorMessage`,
+    defaultMessage: 'Template title can not be empty',
+  },
+});

package/v2Containers/Viber/reducer.js

@@ -0,0 +1,84 @@
+/*
+ *
+ * Faceboook reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  uploadedAssetData: {},
+  createTemplateInProgress: false,
+});
+
+function viberReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.CREATE_VIBER_TEMPLATE_REQUEST:
+      return state
+      .set('createTemplateInProgress', true)
+      .set('createTemplateError', false)
+      .set('createTemplateErrorMessage', fromJS(""));
+    case types.CREATE_VIBER_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_VIBER_TEMPLATE_FAILURE:
+      return state
+      .set('createTemplateInProgress', false)
+      .set('createTemplateError', true)
+      .set('createTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.UPLOAD_VIBER_ASSET_REQUEST:
+      return state
+      .set('uploadAssetSuccess', false)
+      .set('assetUploading', true);
+    case types.UPLOAD_VIBER_ASSET_SUCCESS:
+      return state
+      .set('uploadAssetSuccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
+      .set('assetUploading', false)
+      .set(action.templateType !== undefined ? `uploadedAssetData${action.templateType}` : 'uploadedAssetData', action.data);
+    case types.UPLOAD_VIBER_ASSET_FAILURE:
+      return state
+      .set('uploadAssetSuccess', false)
+      .set('assetUploading', false);
+    case types.CLEAR_VIBER_ASSET:
+      return state
+        .delete(action.templateType !== undefined ? `uploadedAssetData${action.templateType}` : 'uploadedAssetData');
+    // FOR EDIT
+    case types.EDIT_VIBER_TEMPLATE_REQUEST:
+      return state
+      .set('editTemplateInProgress', true)
+      .set('editTemplateError', false)
+      .set('editTemplateErrorMessage', fromJS(""));
+    case types.EDIT_VIBER_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_VIBER_TEMPLATE_FAILURE:
+      return state
+        .set('editTemplateInProgress', false)
+        .set('editTemplateError', true)
+        .set('editTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.GET_VIBER_TEMPLATE_DETAILS_REQUEST:
+      return state.set('getTemplateDetailsInProgress', true);
+    case types.GET_VIBER_TEMPLATE_DETAILS_SUCCESS:
+      return state.set('getTemplateDetailsInProgress', false)
+        .set('templateDetails', action.data);
+    case types.GET_VIBER_TEMPLATE_DETAILS_FAILURE:
+    case types.CLEAR_VIBER_EDIT_RESPONSE_REQUEST:
+      return state.set('editResponse', {});
+    case types.CLEAR_VIBER_CREATE_RESPONSE_REQUEST:
+      return state.set('response', {});
+    case types.CLEAR_VIBER_DATA:
+      return state
+        .delete('uploadedAssetData')
+        .delete('metaEntities')
+        .delete('templateDetails');
+    default:
+      return state;
+  }
+}
+
+export default viberReducer;

package/v2Containers/Viber/sagas.js

@@ -0,0 +1,107 @@
+
+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* uploadViberAsset(file, assetType, fileParams ) {
+  try {
+    const result = yield call(Api.uploadFile, file, assetType, fileParams);
+    yield put({
+      type: types.UPLOAD_VIBER_ASSET_SUCCESS,
+      data: result.response.asset,
+      statusCode: result.status ? result.status.code : '',
+      templateType: file.templateType,
+    });
+  } catch (error) {
+    yield put({ type: types.UPLOAD_VIBER_ASSET_FAILURE, error });
+  }
+}
+
+export function* createViberTemplate({ template, callback }) {
+  let errorMsg;
+  try {
+    const result = yield call(Api.createViberTemplate, { template });
+    if (result.status.code >= 400) {
+      errorMsg = result.message;
+      throw errorMsg;
+    }
+    yield put({ type: types.CREATE_VIBER_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
+    if (callback) {
+      callback(result.response);
+    }
+  } catch (error) {
+    yield put({ type: types.CREATE_VIBER_TEMPLATE_FAILURE, error, errorMsg });
+    if (callback) {
+      callback(null, errorMsg);
+    }
+  }
+}
+
+
+export function* editTemplate({ template, callback }) {
+  let errorMsg;
+  try {
+    const result = yield call(Api.createViberTemplate, {template});
+    if (result.status.code >= 400) {
+      errorMsg = result.message;
+      throw errorMsg;
+    }
+    if (callback) {
+      callback(result.response);
+    }
+    yield put({ type: types.EDIT_TEMPLATE_VIBER_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
+  } catch (error) {
+    yield put({ type: types.EDIT_VIBER_TEMPLATE_FAILURE, error, errorMsg });
+    if (callback) {
+      callback(null, errorMsg);
+    }
+  }
+}
+
+export function* getTemplateDetails({id, callback}) {
+  try {
+    console.log('saga get Template details viber', id);
+    const result = yield call(Api.getTemplateDetails, {id, channel: 'VIBER'});
+    yield put({ type: types.GET_VIBER_TEMPLATE_DETAILS_SUCCESS, data: result.response });
+    if (callback) {
+      callback(false);
+    }
+  } catch (error) {
+    yield put({ type: types.GET_VIBER_TEMPLATE_DETAILS_FAILURE, error });
+  }
+}
+
+
+function* watchUploadViberAsset() {
+  const watcher = yield takeLatest(types.UPLOAD_VIBER_ASSET_REQUEST, uploadViberAsset);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+
+function* watchCreateTemplate() {
+  console.log('inside watch vibee saga createTemplate@@@');
+  const watcher = yield takeLatest(types.CREATE_VIBER_TEMPLATE_REQUEST, createViberTemplate);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchGetTemplateDetails() {
+  const watcher = yield takeLatest(types.GET_VIBER_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchEditTemplate() {
+  const watcher = yield takeLatest(types.EDIT_VIBER_TEMPLATE_REQUEST, editTemplate);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+export default [
+  watchUploadViberAsset,
+  watchCreateTemplate,
+  watchGetTemplateDetails,
+  watchEditTemplate,
+];

package/v2Containers/Viber/selectors.js

@@ -0,0 +1,21 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the create state domain
+ */
+const selectViberDomain = () => (state) => state.get('templates');
+const selectViberMessageEditDomain = () => (state) => state.get('viber');
+
+const makeSelectViber = () => createSelector(
+  selectViberDomain(),
+  (substate) => substate && substate.toJS()
+);
+
+const makeSelectCreateViber = () => createSelector(
+  selectViberMessageEditDomain(),
+  (substate) => substate && substate.toJS()
+);
+
+export {
+    makeSelectViber, makeSelectCreateViber,
+};

package/v2Containers/WeChat/MapTemplates/index.js

@@ -876,7 +876,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
     }
     
     getMappedEvent(id, event) {
-      return (this.state.map[id] && this.state.map[id][event] ?  this.state.map[id][event] : () => {});
+      return this.state.map[id][event];
     }
     
     handleOnTagsContextChange = (data) => {

package/utils/ignoredErrorMessages.js

@@ -1,4 +0,0 @@
-export default [
-  // ref: https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded
-  'ResizeObserver loop limit exceeded'
-];

package/v2Containers/Line/Create/_lineCreate.scss

@@ -1,64 +0,0 @@
-@import '~@capillarytech/cap-ui-library/styles/_variables.scss';
-
-.line-row{
-  margin-bottom: 16px;
-}
-.slidebox-content-container {
-  overflow-x: hidden;
-}
-.line-image {
-  position: relative;
-}
-.image-container {
-  display: flex;
-  & > div {
-    min-width: 516px;
-  }
-  border-radius: 5px;
-  .image-placeholder{
-    line-height: 150px;
-  }
-  img {
-    object-fit: cover;
-    max-width: 100%;
-    max-height: 100%;
-    height: auto !important;
-    width: auto !important;
-  }
-}
-
-.pagination-container.gallery-upload {
-  height: calc(100vh - 60px);
-
-  .cap-custom-card-list-col {
-    max-width: 156px;
-    max-height: 156px;
-    display: inline-block;
-    margin-left: $CAP_SPACE_04;
-    margin-right: $CAP_SPACE_04;
-  }
-
-  .ant-card-body {
-    padding-top: 0;
-
-    .ant-card-meta-description img {
-      height: 80px;
-      width: auto;
-    }
-  }
-}
-
-.gallery-image {
-  height: 156px;
-  width: 156px;
-  border-radius: 4px;
-  margin: 3px;
-}
-
-.sms-text {
-  img {
-    display: block;
-    max-width: 100%;
-    object-fit: cover;
-  }
-}

package/v2Containers/Line/Create/actions.js

@@ -1,94 +0,0 @@
-/*
- *
- * Create actions
- *
- */
-
-import * as types from './constants';
-
-export function createTemplate(template, callback) {
-  console.log('action trigereed createtemplate');
-  return {
-    type: types.CREATE_TEMPLATE_REQUEST,
-    template,
-    callback,
-  };
-}
-
-export function clearCreateResponse() {
-  console.log('clearCreateResponse');
-  return {
-    type: types.CLEAR_CREATE_RESPONSE_REQUEST,
-  };
-}
-
-export function defaultAction() {
-  return {
-    type: types.DEFAULT_ACTION,
-  };
-}
-
-export function uploadAsset(file, assetType, fileParams) {
-  return {
-    type: types.UPLOAD_ASSET_REQUEST,
-    file,
-    assetType,
-    fileParams,
-  };
-}
-
-export function clearAsset() {
-  return {
-    type: types.CLEAR_ASSET,
-  };
-}
-
-
-// FOR EDIT
-
-
-export function editTemplate(template, callback) {
-  console.log('action trigereed editTemplate line @@@');
-  return {
-    type: types.EDIT_TEMPLATE_REQUEST,
-    template,
-    callback,
-  };
-}
-
-export function getTemplateDetails(id) {
-  console.log('getting template line @@@', id);
-  return {
-    type: types.GET_TEMPLATE_DETAILS_REQUEST,
-    id,
-    channel: 'LINE',
-  };
-}
-
-export function clearEditResponse() {
-  console.log('clearEditResponse');
-  return {
-    type: types.CLEAR_EDIT_RESPONSE_REQUEST,
-  };
-}
-
-export function clearData() {
-  return {
-    type: types.CLEAR_DATA,
-  };
-}
-
-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/v2Containers/Line/Create/constants.js

@@ -1,43 +0,0 @@
-/*
- *
- * Create constants
- *
- */
-
-export const DEFAULT_ACTION = 'app/Create/DEFAULT_ACTION';
-
-
-export const CREATE_TEMPLATE_REQUEST = 'app/v2Containers/Line/Create/CREATE_TEMPLATE_REQUEST';
-export const CREATE_TEMPLATE_SUCCESS = 'app/v2Containers/Line/Create/CREATE_TEMPLATE_SUCCESS';
-export const CREATE_TEMPLATE_FAILURE = 'app/v2Containers/Line/Create/CREATE_TEMPLATE_FAILURE';
-export const UPLOAD_ASSET_REQUEST = 'app/v2Containers/Line/Create/UPLOAD_ASSET_REQUEST';
-export const UPLOAD_ASSET_SUCCESS = 'app/v2Containers/Line/Create/UPLOAD_ASSET_SUCCESS';
-export const UPLOAD_ASSET_FAILURE = 'app/v2Containers/Line/Create/UPLOAD_ASSET_FAILURE';
-export const CLEAR_ASSET = 'app/v2Containers/Line/Create/CLEAR_ASSET';
-
-export const CLEAR_CREATE_RESPONSE_REQUEST = 'app/v2Containers/Line/Create/CLEAR_CREATE_RESPONSE_REQUEST';
-export const CLEAR_CREATE_RESPONSE_SUCCESS = 'app/v2Containers/Line/Create/CLEAR_CREATE_RESPONSE_SUCCESS';
-export const CLEAR_CREATE_RESPONSE_FAILURE = 'app/v2Containers/Line/Create/CLEAR_CREATE_RESPONSE_FAILURE';
-
-export const LINE_IMG_HEIGHT = 400;
-export const LINE_IMG_WIDTH = 300;
-export const LINE_IMG_SIZE = 30000000;
-
-
-// edit
-
-export const GET_TEMPLATE_DETAILS_REQUEST = 'app/v2Containers/line/Edit/GET_TEMPLATE_DETAILS_REQUEST';
-export const GET_TEMPLATE_DETAILS_SUCCESS = 'app/v2Containers/line/Edit/GET_TEMPLATE_DETAILS_SUCCESS';
-export const GET_TEMPLATE_DETAILS_FAILURE = 'app/v2Containers/line/Edit/GET_TEMPLATE_DETAILS_FAILURE';
-
-export const EDIT_TEMPLATE_REQUEST = 'app/v2Containers/line/Edit/EDIT_TEMPLATE_REQUEST';
-export const EDIT_TEMPLATE_SUCCESS = 'app/v2Containers/line/Edit/EDIT_TEMPLATE_SUCCESS';
-export const EDIT_TEMPLATE_FAILURE = 'app/v2Containers/line/Edit/EDIT_TEMPLATE_FAILURE';
-
-export const CLEAR_EDIT_RESPONSE_REQUEST = 'app/v2Containers/line/Edit/CLEAR_EDIT_RESPONSE_REQUEST';
-export const CLEAR_DATA = 'app/v2Containers/Line/Edit/CLEAR_DATA';
-export const SET_SELECTED_TEMPLATE = 'app/v2Containers/Line/Edit/SET_SELECTED_TEMPLATE';
-
-export const GET_LINE_TEMPLATES_LIST_REQUEST = 'app/v2Containers/Line/GET_LINE_TEMPLATES_LIST_REQUEST';
-export const GET_LINE_TEMPLATES_LIST_SUCCESS = 'app/v2Containers/Line/GET_LINE_TEMPLATES_LIST_SUCCESS';
-export const GET_LINE_TEMPLATES_LIST_FAILURE = 'app/v2Containers/Line/GET_LINE_TEMPLATES_LIST_FAILURE';