@capillarytech/creatives-library 2.0.75 → 2.0.76

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/containers/WeChat/tests/index.test.js

@@ -0,0 +1,10 @@
+// import React from 'react';
+// import { shallow } from 'enzyme';
+
+// import { WeChat } from '../index';
+
+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/package.json

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

package/routes.js

@@ -616,7 +616,7 @@ export default function createRoutes(store) {
           import('v2Containers/Mobilepush/Create/reducer'),
           import('v2Containers/Mobilepush/Edit/sagas'),
           import('v2Containers/Mobilepush/Edit/reducer'),
-          import('V2Containers/Assets/Gallery/reducer'),
+          import('v2Containers/Assets/Gallery/reducer'),
           import('v2Containers/Assets/Gallery/sagas'),
         ]);
 

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -205,6 +205,7 @@ function SlideBoxContent(props) {
           route={{ name: 'mobilepush' }}
           templateData={templateData}
           showTemplateName={showTemplateName}
+          getDefaultTags={type}
         />
         }
       {isCreateMPush &&

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -8,8 +8,16 @@ import messages from './messages';
 const PrefixWrapper = styled.div`
   margin-right: 16px;
 `;
+function getChannelLabel(channel) {
+  const labels = {
+    sms: 'SMS',
+    email: 'Email',
+    mobilepush: 'Push notification',
+  };
+  return labels[channel.toLowerCase()];
+}
 function SlideBoxHeader(props) {
-  const { slidBoxContent, templateData, onShowTemplates, creativesMode, isFullMode, showPrefix, showTemplateName } = props;
+  const { slidBoxContent, templateData, onShowTemplates, creativesMode, isFullMode, showPrefix, showTemplateName, channel } = props;
   const TemplateName = isFullMode && showTemplateName;
   return (
     <div key="creatives-container-slidebox-header-content">
@@ -47,7 +55,7 @@ function SlideBoxHeader(props) {
         )}
       {!TemplateName && slidBoxContent === 'createTemplate' && (
       <CapHeader
-        title={<FormattedMessage {...messages.createMessageContent} />}
+        title={<FormattedMessage {...messages.createMessageContent} values={{channel: getChannelLabel(channel)}}/>}
         prefix={!isFullMode && showPrefix &&
           <PrefixWrapper>
             <CapIcons.backIcon onClick={onShowTemplates} />
@@ -66,5 +74,6 @@ SlideBoxHeader.propTypes = {
   isFullMode: PropTypes.bool,
   showPrefix: PropTypes.bool,
   showTemplateName: PropTypes.func,
+  channel: PropTypes.string,
 };
 export default SlideBoxHeader;

package/v2Containers/CreativesContainer/index.js

@@ -30,6 +30,9 @@ const SlideBoxWrapper = styled.div`
   .cap-slide-box-v2-container{
     .slidebox-header, .slidebox-content-container, .slidebox-footer{
       padding: 0 32px;
+      &.has-footer{
+        overflow-x: hidden;
+      }
     }
   }
 `;
@@ -384,6 +387,7 @@ class Creatives extends React.Component {
           header={
             <SlideBoxHeader
               key="creatives-container-slidebox-header"
+              channel={currentChannel}
               messages={this.props.messages}
               slidBoxContent={this.state.slidBoxContent}
               templateData={templateData}

package/v2Containers/CreativesContainer/messages.js

@@ -260,7 +260,7 @@ export default defineMessages({
   },
   "createMessageContent": {
     id: `${scope}.editMessageContent`,
-    defaultMessage: `New message`,
+    defaultMessage: `New {channel} message`,
   },
   "creativeTemplatesDesc": {
     id: `${scope}.creativeTemplatesDesc`,

package/v2Containers/MobilePush/Edit/index.js

@@ -1388,9 +1388,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
         }
         temp.injectedEvents = {};
         temp.className = temp.className ? temp.className : '';
-        if (this.props.location.query.type === 'embedded' && ((temp.type === "tag-list" || temp.type === "div" || temp.type === "icon") && this.props.location.query.module !== "dvs") && (temp.supportedEvents)) {
-          temp.className = `${temp.className} hide`;
-        }
+
         // if (this.props.location.query.type === 'embedded' && (temp.type === "input" || temp.type === "textarea" || temp.type === "radioGroup") && this.props.location.query.module !== "dvs") {
         //   temp.className = `${temp.className} disabled`;
         //   temp.disabled = true;

package/v2Containers/MobilepushWrapper/index.js

@@ -63,7 +63,7 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
     this.setState({templateName: ev.target.value});
   }
   render() {
-    const {mobilePushCreateMode, step, getFormData, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName} = this.props;
+    const {mobilePushCreateMode, step, getFormData, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName, type} = this.props;
     const {templateName} = this.state;
     const isShowMobilepushCreate = !isEmpty(mobilePushCreateMode);
     return (
@@ -103,6 +103,7 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
               isGetFormData={isGetFormData}
               showTemplateName={showTemplateName}
               route={{ name: 'mobilepush' }}
+              getDefaultTags={type}
           />
 
 
@@ -124,6 +125,7 @@ MobilepushWrapper.propTypes = {
   query: PropTypes.object,
   isFullMode: PropTypes.bool,
   showTemplateName: PropTypes.func,
+  type: PropTypes.string,
 };
 
 

package/v2Containers/Templates/_templates.scss

@@ -8,7 +8,7 @@
   .pagination-container {
     .cap-custom-card-list-row {
       .cap-custom-card-list-col{
-        &:nth-child(4n+4) {
+        &:nth-child(4n+4) { //every 4th child
           margin-right: unset;
         }
       }
@@ -16,8 +16,6 @@
   }
 }
 
-  
-
 .card-title {
   line-height: 24px;
   font-size: 14px;