@capillarytech/creatives-library 2.0.79 → 2.0.80

package/containers/WeChat/messages.js

@@ -0,0 +1,73 @@
+/*
+ * WeChat Messages
+ *
+ * This contains all the text for the WeChat component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'app.containers.WeChat.header',
+    defaultMessage: 'WeChat',
+  },
+  'Template mapping': {
+    id: 'app.containers.WeChat.templateMapping',
+    defaultMessage: 'Template mapping',
+  },
+  'Discard': {
+    id: 'app.containers.WeChat.discard',
+    defaultMessage: 'Discard',
+  },
+  'Cancel': {
+    id: 'app.containers.WeChat.cancel',
+    defaultMessage: 'Cancel',
+  },
+  'Save': {
+    id: 'app.containers.WeChat.save',
+    defaultMessage: 'Save',
+  },
+  'Account Id': {
+    id: 'app.containers.WeChat.accountId',
+    defaultMessage: 'Account Id',
+  },
+  'Select Wechat Account': {
+    id: 'app.containers.WeChat.selectWechatAccount',
+    defaultMessage: 'Select Wechat Account',
+  },
+  'Template': {
+    id: 'app.containers.WeChat.template',
+    defaultMessage: 'Template',
+  },
+  'Select Wechat Template': {
+    id: 'app.containers.WeChat.selectWechatTemplate',
+    defaultMessage: 'Select Wechat Template',
+  },
+  'Link': {
+    id: 'app.containers.WeChat.link',
+    defaultMessage: 'Link',
+  },
+  'Is this internal url': {
+    id: 'app.containers.WeChat.isInternalUrl',
+    defaultMessage: 'Is this internal url',
+  },
+  "Tags": {
+    id: 'app.containers.WeChat.tagsLabel',
+    defaultMessage: "Tags",
+  },
+  "gettingTemplateData": {
+    id: 'app.containers.WeChat.gettingTemplateData',
+    defaultMessage: "Getting Template Data..",
+  },
+  "wechatEditSuccess": {
+    id: 'app.containers.WeChat.wechatEditSuccess',
+    defaultMessage: "WeChat template unmapped successfully",
+  },
+  "wechatCreateSuccess": {
+    id: 'app.containers.WeChat.wechatCreateSuccess',
+    defaultMessage: "WeChat template mapped successfully",
+  },
+  "somethingWentWrong": {
+    id: 'app.containers.WeChat.somethingWentWrong',
+    defaultMessage: "Something Went Wrong!!",
+  },
+});

package/containers/WeChat/reducer.js

@@ -0,0 +1,74 @@
+/*
+ *
+ * WeChat reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  weChatDefaultTemplate: fromJS({}),
+  fetchingDefaultTemplates: false,
+  errorFetchingDefaultTempalte: false,
+});
+
+function weChatReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.GET_WECHAT_DEFAULT_TEMPLATES_REQUEST:
+      return state
+        .set('fetchingDefaultTemplates', true)
+        .set('weChatDefaultTemplate', fromJS({}))
+        .set('weChatTemplates', fromJS({}))
+        .set('errorFetchingDefaultTempalte', false);
+    case types.GET_WECHAT_DEFAULT_TEMPLATES_SUCCESS:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('weChatDefaultTemplate', fromJS(action.data))
+        .set('weChatTemplates', fromJS(action.templateData));
+    case types.GET_WECHAT_DEFAULT_TEMPLATES_FAILURE:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('errorFetchingDefaultTempalte', true);
+    case types.CREATE_TEMPLATE_REQUEST:
+      return state
+        .set('createTemplateInProgress', true)
+        .set('createTemplateError', false);
+    case types.CREATE_TEMPLATE_SUCCESS:
+      return state.set('createTemplateInProgress', false)
+        .set('createResponse', action.data)
+        .set('createTemplateError', (action.statusCode !== undefined && action.statusCode > 300));
+    case types.CREATE_TEMPLATE_FAILURE:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('createTemplateError', true);
+    case types.CLEAR_CREATE_RESPONSE_REQUEST:
+      return state.set('createResponse', {});
+    case types.GET_WECRM_ACCOUNTS_REQUEST:
+      return state
+        .set('fetchingWeCrmAccounts', true)
+        .set('weCrmAccountFetchingError', false);
+    case types.GET_WECRM_ACCOUNTS_SUCCESS:
+      return state
+        .set('fetchingWeCrmAccounts', false)
+        .set('weCrmAccounts', fromJS(action.data));
+    case types.GET_WECRM_ACCOUNTS_FAILURE:
+      return state
+        .set('fetchingWeCrmAccounts', false)
+        .set('weCrmAccountFetchingError', true);
+    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.SET_WECHAT_ACCOUNT:
+      return state
+        .set('selectedWeChatAccount', fromJS(action.weChatAccount));
+    default:
+      return state;
+  }
+}
+
+export default weChatReducer;

package/containers/WeChat/sagas.js

@@ -0,0 +1,86 @@
+import { take, call, put, takeLatest, cancel } from 'redux-saga/effects';
+import { LOCATION_CHANGE } from 'react-router-redux';
+import * as Api from '../../services/api';
+import * as types from './constants';
+
+export function* getDefaultWeChatTemplates(params) {
+  try {
+    console.log('Saga param ', params.channel, params.queryParams);
+    const result = yield call(Api.getAllTemplates, {channel: params.channel, queryParams: params.queryParams});
+    yield put({ type: types.GET_WECHAT_DEFAULT_TEMPLATES_SUCCESS, data: result.response.unMapped, templateData: result.response.mapped});
+  } catch (error) {
+    yield put({ type: types.GET_WECHAT_DEFAULT_TEMPLATES_FAILURE, error });
+  }
+}
+
+export function* createTemplate(template) {
+  try {
+    const result = yield call(Api.createWeChatTemplate, template);
+    // const sidebar = result.response.sidebar;
+    yield put({ type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '' });
+  } catch (error) {
+    yield put({ type: types.CREATE_TEMPLATE_FAILURE, error });
+  }
+}
+
+export function* fetchWeCrmAccounts() {
+  try {
+    const result = yield call(Api.fetchWeCrmAccounts);
+    yield [
+      put({
+        type: types.GET_WECRM_ACCOUNTS_SUCCESS,
+        data: result.response,
+      }),
+    ];
+  } catch (error) {
+    yield [
+      put({
+        type: types.GET_WECRM_ACCOUNTS_FAILURE,
+        data: error,
+      }),
+    ];
+  }
+}
+
+export function* getTemplateDetails(id) {
+  try {
+    console.log('saga get Template details', 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 });
+  }
+}
+
+function* watchGetDefaultWechatTemplates() {
+  const watcher = yield takeLatest(types.GET_WECHAT_DEFAULT_TEMPLATES_REQUEST, getDefaultWeChatTemplates);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchCreateTemplate() {
+  const watcher = yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchFetchWeCrmAccounts() {
+  const watcher = yield takeLatest(types.GET_WECRM_ACCOUNTS_REQUEST, fetchWeCrmAccounts);
+  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);
+}
+
+// All sagas to be loaded
+export default [
+  watchGetDefaultWechatTemplates,
+  watchCreateTemplate,
+  watchFetchWeCrmAccounts,
+  watchGetTemplateDetails,
+];

package/containers/WeChat/selectors.js

@@ -0,0 +1,25 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the weChat state domain
+ */
+const selectWeChatDomain = () => (state) => state.get('weChat');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by WeChat
+ */
+
+const makeSelectWeChat = () => createSelector(
+  selectWeChatDomain(),
+  (substate) => substate.toJS()
+);
+
+export default makeSelectWeChat;
+export {
+  selectWeChatDomain,
+};

package/containers/WeChat/tests/actions.test.js

@@ -0,0 +1,18 @@
+
+import {
+  defaultAction,
+} from '../actions';
+import {
+  DEFAULT_ACTION,
+} from '../constants';
+
+describe('WeChat actions', () => {
+  describe('Default Action', () => {
+    it('has a type of DEFAULT_ACTION', () => {
+      const expected = {
+        type: DEFAULT_ACTION,
+      };
+      expect(defaultAction()).toEqual(expected);
+    });
+  });
+});

package/{components/SmsPreviewV2 → containers/WeChat}/tests/index.test.js

@@ -1,9 +1,9 @@
 // import React from 'react';
 // import { shallow } from 'enzyme';
 
-// import SmsPreviewV2 from '../index';
+// import { WeChat } from '../index';
 
-describe('<SmsPreviewV2 />', () => {
+describe('<WeChat />', () => {
   it('Expect to have unit tests specified', () => {
     expect(true).toEqual(false);
   });

package/containers/WeChat/tests/reducer.test.js

@@ -0,0 +1,9 @@
+
+import { fromJS } from 'immutable';
+import weChatReducer from '../reducer';
+
+describe('weChatReducer', () => {
+  it('returns the initial state', () => {
+    expect(weChatReducer(undefined, {})).toEqual(fromJS({}));
+  });
+});

package/containers/WeChat/tests/sagas.test.js

@@ -0,0 +1,15 @@
+/**
+ * Test  sagas
+ */
+
+/* eslint-disable redux-saga/yield-effects */
+// import { take, call, put, select } from 'redux-saga/effects';
+// import { defaultSaga } from '../sagas';
+
+// const generator = defaultSaga();
+
+describe('defaultSaga Saga', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/containers/WeChat/tests/selectors.test.js

@@ -0,0 +1,10 @@
+// import { fromJS } from 'immutable';
+// import { makeSelectWeChatDomain } from '../selectors';
+
+// const selector = makeSelectWeChatDomain();
+
+describe('makeSelectWeChatDomain', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/index.js

@@ -23,9 +23,9 @@ import CallTask from './v2Containers/CallTask/index';
 import callTaskReducer from './v2Containers/CallTask/reducer';
 import callTaskSaga from './v2Containers/CallTask/sagas';
 
-import WeChat from './containers/WeChat/MapTemplates';
-import wechatReduce from './containers/WeChat/MapTemplates/reducer';
-import wechatSaga from './containers/WeChat/MapTemplates/sagas';
+import WeChat from './v2Containers/WeChat/MapTemplates';
+import wechatReduce from './v2Containers/WeChat/MapTemplates/reducer';
+import wechatSaga from './v2Containers/WeChat/MapTemplates/sagas';
 
 import MobilepushCreate from './v2Containers/MobilePush/Create';
 import mobilepushCreateReducer from './v2Containers/MobilePush/Create/reducer';
@@ -96,4 +96,5 @@ export { CapContainer,
   MobilePushEditContainer,
   TemplatesV2Container,
   CreativesContainer,
+  WeChat,
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "2.0.79",
+  "version": "2.0.80",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Containers/MobilePush/Create/selectors.js

@@ -1,9 +1,10 @@
 import { createSelector } from 'reselect';
+import { fromJS } from 'immutable';
 
 /**
  * Direct selector to the create state domain
  */
-const selectPushMessageCreateDomain = () => (state) => state.get('mobileCreate');
+const selectPushMessageCreateDomain = () => (state) => state.get('mobileCreate') || fromJS({});
 /**
  * Other specific selectors
  */

package/v2Containers/MobilePush/Edit/selectors.js

@@ -1,9 +1,10 @@
 import { createSelector } from 'reselect';
+import { fromJS } from 'immutable';
 
 /**
  * Direct selector to the create state domain
  */
-const selectMobilePushEditDomain = () => (state) => state.get('mobileEdit'); // reducer injected as mobileEdit in library mode.
+const selectMobilePushEditDomain = () => (state) => state.get('mobileEdit') || fromJS({}); // reducer injected as mobileEdit in library mode.
 
 
 /**

package/v2Containers/WeChat/MapTemplates/index.js

@@ -20,15 +20,15 @@ import makeSelectWeChat from './selectors';
 import messages from './messages';
 import * as actions from './actions';
 import FormBuilder from '../../../components/FormBuilder';
-import { UserIsAuthenticated } from '../../../../utils/authWrapper';
+import { UserIsAuthenticated } from '../../../utils/authWrapper';
 import * as globalActions from '../../../containers/Cap/actions';
-import {getMessageObject} from '../../../../utils/messageUtils';
+import {getMessageObject} from '../../../utils/messageUtils';
 import * as templateActions from '../../Templates/actions';
 // import SlideBox from '../../components/SlideBox';
 // import PageHeader from '../../components/PageHeader';
 import './_mapTemplates.scss';
 
-import callNativeEvent from '../../../../utils/callNativeEvent';
+import callNativeEvent from '../../../utils/callNativeEvent';
 
 // const Option = Select.Option;
 
@@ -1141,14 +1141,14 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
       return false;
     }
     const temp = schema;
-    let newSchema = _.cloneDeep(schema);
     temp.standalone.sections = this.injectSections(temp.standalone.sections);
     _.forEach(temp.containers, (container) => {
       let tempContainer = container;
       tempContainer = this.injectContainer(tempContainer);
       return tempContainer;
     });
-    newSchema = this.hideSchemaElementsByModule(schema);
+    let newSchema = _.cloneDeep(schema);
+    newSchema = this.hideSchemaElementsByModule(newSchema);
     this.setState({schema: newSchema});
     return schema;
   }

package/assets/android-message-gui-2.svg

@@ -1,55 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="360px" height="725px" viewBox="0 0 360 725" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com -->
-    <title>Artboard Copy 3</title>
-    <desc>Created with Sketch.</desc>
-    <g id="Artboard-Copy-3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <rect id="Rectangle" fill="#FFFFFF" x="0" y="660" width="360" height="65"></rect>
-        <g id="Organisms/ui/android/screenshots/wallpaper" transform="translate(120.000000, 0.000000)"></g>
-        <g id="Group-5" transform="translate(16.000000, 680.000000)">
-            <polygon id="Stroke-1" stroke-opacity="0.0117647061" stroke="#000000" stroke-width="1.33333336e-11" points="0 0 23.999999 0 23.999999 23.999999 0 23.999999"></polygon>
-            <polygon id="Fill-3" fill="#7F7F7F" points="18.9999989 12.9999992 12.9999992 12.9999992 12.9999992 18.9999989 10.9999993 18.9999989 10.9999993 12.9999992 4.9999997 12.9999992 4.9999997 10.9999993 10.9999993 10.9999993 10.9999993 4.9999997 12.9999992 4.9999997 12.9999992 10.9999993 18.9999989 10.9999993"></polygon>
-        </g>
-        <text id="Add-text-to-this-mes" font-family="Roboto-Regular, Roboto" font-size="15" font-weight="normal" letter-spacing="0.3" fill="#959595">
-            <tspan x="53" y="697">Add text to this message</tspan>
-        </text>
-        <g id="Group-5" transform="translate(320.000000, 679.000000)">
-            <polygon id="Stroke-1" stroke-opacity="0.0117647061" stroke="#000000" stroke-width="1.33333336e-11" points="0 0 23.999999 0 23.999999 23.999999 0 23.999999"></polygon>
-            <polygon id="Fill-3" fill="#757575" points="2.00999988 20.9999987 22.9999986 11.9999993 2.00999988 2.99999982 1.99999988 9.9999994 16.999999 11.9999993 1.99999988 13.9999992"></polygon>
-        </g>
-        <rect id="Rectangle" stroke="#E6E6E6" fill="#F4F5F7" x="0.5" y="86.5" width="359" height="573"></rect>
-        <g id="Group">
-            <g id="Toolbar">
-                <polygon id="Toolbar-bg" fill="#E51FA3" points="360 0 0 0 0 86 360 86"></polygon>
-                <g id="Toolbar-contents" transform="translate(16.000000, 40.000000)">
-                    <g id="Back">
-                        <rect id="Bounds" x="0" y="0" width="24" height="24"></rect>
-                        <polygon id="Shape" fill="#FFFFFF" points="20 11 7.8 11 13.4 5.4 12 4 4 12 12 20 13.4 18.6 7.8 13 20 13"></polygon>
-                    </g>
-                </g>
-            </g>
-            <g id="Status-bar">
-                <rect id="Status-bar-bg" fill="#CF0E8F" x="0" y="0" width="360" height="24"></rect>
-                <rect id="bounds" x="242" y="0" width="118" height="24"></rect>
-                <g id="battery" transform="translate(337.000000, 4.000000)">
-                    <polygon id="bounds" points="0 0 16 0 16 16 0 16"></polygon>
-                    <polygon id="Shape" fill="#FFFFFF" points="9 1.875 9 1 6 1 6 1.875 3 1.875 3 15 12 15 12 1.875"></polygon>
-                </g>
-                <g id="cellular" transform="translate(317.000000, 4.000000)">
-                    <polygon id="bounds" points="0 0 16 0 16 16 0 16"></polygon>
-                    <polygon id="Shape" fill="#FFFFFF" points="0 15 14 15 14 1"></polygon>
-                </g>
-                <g id="wifi" transform="translate(296.000000, 4.000000)">
-                    <polygon id="bounds" points="2 0 18 0 18 16 2 16"></polygon>
-                    <path d="M0.977372085,4.01593123 C3.48821908,2.12256382 6.61301513,1 10,1 C13.3869849,1 16.5117809,2.12256382 19.0226279,4.01593123 L10,15 L0.977372085,4.01593123 Z" id="Shape" fill="#FFFFFF"></path>
-                </g>
-            </g>
-            <g id="Icons-/-Navigation-24px-/-White-/-More" transform="translate(332.000000, 42.000000)">
-                <g id="More">
-                    <rect id="Bounds" x="0" y="0" width="12" height="24"></rect>
-                    <path d="M6,8 C7.1,8 8,7.1 8,6 C8,4.9 7.1,4 6,4 C4.9,4 4,4.9 4,6 C4,7.1 4.9,8 6,8 L6,8 Z M6,10 C4.9,10 4,10.9 4,12 C4,13.1 4.9,14 6,14 C7.1,14 8,13.1 8,12 C8,10.9 7.1,10 6,10 L6,10 Z M6,16 C4.9,16 4,16.9 4,18 C4,19.1 4.9,20 6,20 C7.1,20 8,19.1 8,18 C8,16.9 7.1,16 6,16 L6,16 Z" id="Shape" fill="#FFFFFF"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>