@capillarytech/creatives-library 8.0.136-alpha.4 → 8.0.136-beta.3

package/containers/Sms/Edit/messages.js

@@ -0,0 +1,105 @@
+/*
+ * Edit Messages
+ *
+ * This contains all the text for the Edit component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  "saveTemplateLoader": {
+    id: 'creatives.containers.Edit.saveTemplateLoader',
+    defaultMessage: 'Saving template...',
+  },
+  "getTemplateDetailsLoader": {
+    id: 'creatives.containers.Edit.getTemplateDetailsLoader',
+    defaultMessage: 'Getting template details...',
+  },
+  "Message": {
+    id: 'creatives.containers.Edit.messageLabel',
+    defaultMessage: 'Message',
+  },
+  "Template name cannot be empty.": {
+    id: 'creatives.containers.Edit.emptyTemplateErrorMessage',
+    defaultMessage: "Please provide a template name",
+  },
+  "Enter template name": {
+    id: 'creatives.containers.Edit.templateNamePlaceHolder',
+    defaultMessage: "Enter template name",
+  },
+  "Discard changes": {
+    id: 'creatives.containers.Edit.discardChangesButton',
+    defaultMessage: "Discard changes",
+  },
+  "Cancel": {
+    id: 'creatives.containers.Edit.cancelButton',
+    defaultMessage: "Cancel",
+  },
+  "Save": {
+    id: 'creatives.containers.Edit.saveButton',
+    defaultMessage: "Save",
+  },
+  "Version": {
+    id: 'creatives.containers.Edit.versionLabel',
+    defaultMessage: "Version",
+  },
+  "Mark as Final": {
+    id: 'creatives.containers.Edit.markFinalVersionLabel',
+    defaultMessage: "Mark as final",
+  },
+  "Duplicate": {
+    id: 'creatives.containers.Edit.duplicateLabel',
+    defaultMessage: "Duplicate",
+  },
+  "Rename": {
+    id: 'creatives.containers.Edit.renameLabel',
+    defaultMessage: "Rename",
+  },
+  "Delete": {
+    id: 'creatives.containers.Edit.deleteLabel',
+    defaultMessage: "Delete",
+  },
+  "Please check if you intend to use unicode characters.": {
+    id: 'creatives.containers.Edit.unicodeErrorMessage',
+    defaultMessage: "Please check this if you want to use Unicode characters",
+  },
+  "Allow Unicode characters": {
+    id: 'creatives.containers.Edit.unicodeLabel',
+    defaultMessage: "Allow unicode characters",
+  },
+  "Tags": {
+    id: 'creatives.containers.Edit.tagsLabel',
+    defaultMessage: "Tags",
+  },
+  "New Version": {
+    id: 'creatives.containers.Edit.newVersionLabel',
+    defaultMessage: "New version",
+  },
+  "Template content has unsupported/missing tags!": {
+    id: 'creatives.containers.Edit.tagsErrorMessage',
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  "Please input sms template content.": {
+    id: 'creatives.containers.Edit.smsEditorPlaceholder',
+    defaultMessage: "Please enter the message content",
+  },
+  "somethingWentWrong": {
+    id: 'creatives.containers.Edit.somethingWentWrong',
+    defaultMessage: "Something went wrong!!",
+  },
+  "goBackConfirmation": {
+    id: 'creatives.containers.Edit.goBackConfirmation',
+    defaultMessage: "Going back will discard all the changes you've made. Continue?",
+  },
+  "alertMessage": {
+    id: 'creatives.containers.Edit.alertMessage',
+    defaultMessage: "Alert",
+  },
+  "deleteVersion": {
+    id: 'creatives.containers.Edit.deleteVersion',
+    defaultMessage: "Do you really want to delete this version?",
+  },
+  "templateMarkedFinal": {
+    id: 'creatives.containers.Edit.templateMarkedFinal',
+    defaultMessage: "Template Marked as Final Successfully",
+  },
+});

package/containers/Sms/Edit/reducer.js

@@ -0,0 +1,50 @@
+/*
+ *
+ * Create reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  editTemplateInProgress: false,
+  editResponse: {},
+  getTemplateDetailsInProgress: false,
+  templateDetails: {},
+});
+
+function editReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.DEFAULT_ACTION:
+      return state;
+    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', {});
+    default:
+      return state;
+  }
+}
+
+export default editReducer;

package/containers/Sms/Edit/sagas.js

@@ -0,0 +1,60 @@
+import {
+  call, put, takeLatest, all,
+} from 'redux-saga/effects';
+// import { schema, normalize } from 'normalizr';
+import * as Api from '../../../services/api';
+import * as types from './constants';
+
+// Individual exports for testing
+export function* editTemplate(template) {
+  let errorMsg;
+  try {
+    
+    const result = yield call(Api.editTemplate, template);
+    
+    // const sidebar = result.response.sidebar;
+    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 {
+    
+    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* watchEditTemplate() {
+  yield takeLatest(types.EDIT_TEMPLATE_REQUEST, editTemplate);
+  
+  
+}
+
+function* watchGetTemplateDetails() {
+  yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
+  
+  
+}
+
+// All sagas to be loaded
+export default [
+  watchEditTemplate, watchGetTemplateDetails,
+];
+
+export function* editSmsSaga() {
+  yield all([
+    watchEditTemplate(),
+    watchGetTemplateDetails(),
+  ]);
+}

package/containers/Sms/Edit/selectors.js

@@ -0,0 +1,32 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the create state domain
+ */
+const selectSmsEditDomain = () => (state) => state.get('edit');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by Create
+ */
+
+const makeSelectEdit = () => createSelector(
+  selectSmsEditDomain(),
+  (substate) => substate.toJS()
+);
+
+const makeSelectEditResponse = () => createSelector(
+  selectSmsEditDomain(), (dimensionState) => dimensionState.get('editResponse')
+);
+
+const makeSelectTemplateDetailsResponse = () => createSelector(
+  selectSmsEditDomain(), (dimensionState) => dimensionState.get('templateDetails')
+);
+
+export {
+  makeSelectEdit, makeSelectEditResponse, makeSelectTemplateDetailsResponse,
+};

package/containers/Sms/Edit/test/saga.test.js

@@ -0,0 +1,13 @@
+import { expectSaga } from "redux-saga-test-plan";
+
+import {
+  editSmsSaga,
+} from "../sagas";
+
+describe("RichMedia Template Sagas", () => {
+  describe("editSmsSaga Combined", () => {
+    it.concurrent("should initialize all SMS-related watcher sagas without error", () => {
+      return expectSaga(editSmsSaga).run();
+    });
+  });
+});

package/containers/TagList/_tagList.scss

@@ -0,0 +1,8 @@
+.ant-tree li span.ant-tree-switcher {
+  margin-left: 0 !important ;
+}
+
+.ant-tree{
+  max-height: 300px;
+  overflow-y: auto;
+}

package/containers/TagList/actions.js

@@ -0,0 +1,15 @@
+/*
+ *
+ * TagList actions
+ *
+ */
+
+import {
+  DEFAULT_ACTION,
+} from './constants';
+
+export function defaultAction() {
+  return {
+    type: DEFAULT_ACTION,
+  };
+}

package/containers/TagList/constants.js

@@ -0,0 +1,32 @@
+/*
+ *
+ * TagList constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/TagList/DEFAULT_ACTION';
+
+export const JAPANESE_HELP_TEXT = 'ヘルプ :トークンの定義';
+
+export const TAG_TRANSLATION_DOC = 'https://docs.capillarytech.com/docs/tags-translation';
+
+export const GET_TRANSLATION_MAPPED = {
+  'en': 'en-US',
+  'zh-cn': 'zh',
+  'zh': 'zh',
+  'en-US': 'en-US',
+  'ja-JP': 'ja-JP',
+};
+
+export const JAPANESE_HIDE_DATE_TAGS = [
+  "mm/dd/yyyy",
+  "dd/mm/yyyy",
+  "mm/dd/yy",
+  "dd Mon yyyy",
+  "Day, Mon dd, yy",
+  "dd.mm.yy",
+  "dd Mon",
+  "dd/m/yyyy",
+];
+
+export const STRING = "string";

package/containers/TagList/index.js

@@ -0,0 +1,236 @@
+/*
+ *
+ * TagList
+ *
+ */
+
+import PropTypes from 'prop-types';
+
+import React from 'react';
+import { connect } from 'react-redux';
+import { Tree } from 'antd';
+import _ from 'lodash';
+import { createStructuredSelector } from 'reselect';
+import { bindActionCreators } from 'redux';
+import makeSelectTagList from './selectors';
+import { UserIsAuthenticated } from '../../utils/authWrapper';
+import * as actions from './actions';
+import * as globalActions from '../../containers/Cap/actions';
+// import styled from styled-components;
+import CapTagList from '../../components/CapTagList';
+import './_tagList.scss';
+const TreeNode = Tree.TreeNode;
+
+export class TagList extends React.Component { // eslint-disable-line react/prefer-stateless-function
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false,
+    };
+    this.renderTags = this.renderTags.bind(this);
+    this.populateTags = this.populateTags.bind(this);
+    this.populateTagForChildren = this.populateTagForChildren.bind(this);
+    this.transformInjectedTags = this.transformInjectedTags.bind(this);
+  }
+
+  componentDidMount() {
+    
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if (_.isEmpty(this.props.injectedTags) && _.isEmpty(this.props.tags)) {
+      this.setState({loading: true});
+    }
+    if (!_.isEqual(nextProps.injectedTags, this.props.injectedTags)) {
+      
+      this.setState({loading: false});
+    }
+    if (!_.isEqual(nextProps.tags, this.props.tags)) {
+      
+      this.setState({loading: false});
+    }
+  }
+
+  onSelect = (selectedKeys) => {
+    this.props.onTagSelect(selectedKeys[0]);
+  };
+
+  onClick = (e, data) => {
+    
+  };
+
+  getTagsforContext = (data) => {
+    //this.setState({loading: true});
+    this.props.onContextChange(data);
+  }
+
+  populateTags(tagsList) {
+    
+    const mainTags = {};
+
+    //Form tags object with tag headers
+    _.forEach(tagsList, (temp) => {
+      const tag = temp.definition;
+      if (!tag['tag-header']) {
+        mainTags[tag.value] = {
+          name: tag.label[this.props.userLocale] ? tag.label[this.props.userLocale] : tag.label.en,
+          desc: tag.desc ? tag.desc : tag.label.en,
+        };
+      } else if (tag['tag-header'] && mainTags[tag.value]) {
+        mainTags[tag.value].subtags = _.concat(mainTags[tag.value].subtags, tag.subtags);
+      } else if (!mainTags[tag.value]) {
+        
+        mainTags[tag.value] = {
+          'tag-header': true,
+          "name": tag.label[this.props.userLocale] ? tag.label[this.props.userLocale] : tag.label.en,
+          "desc": tag.desc ? tag.desc : tag.label.en,
+          "subtags": tag.subtags,
+        };
+      }
+    });
+
+    const mainTagsCloned = _.cloneDeep(mainTags);
+    //Insert subtags in tag headers and reomve them from top level
+    const result = {};
+    _.forEach(mainTagsCloned, (tag, key) => {
+      if (tag['tag-header']) {
+        const tagWithChildren = this.populateTagForChildren(tag, mainTagsCloned, key);
+        tagWithChildren.resolved = true;
+        result[key] = tagWithChildren;
+      } else {
+        result[key] = tag;
+      }
+    });
+
+    //Delete extra tag headers
+    _.forEach(result, (tag) => {
+      if (tag['tag-header']) {
+        _.forEach(tag.subtags, (subtag, key) => {
+          if (result[key]) {
+            result[key].deleted = true;
+          }
+        });
+      }
+    });
+    //Actually delete them
+    _.forEach(result, (tag, key) => {
+      if (tag.deleted) {
+        delete result[key];
+      }
+    });
+    return result;
+  }
+
+  populateTagForChildren(targetTag, tagsObject, tagValue) {
+    const tag = targetTag;
+    if (tag && tag['tag-header'] && !tag.resolved) {
+      const tempSubTags = {};
+      _.forEach(tag.subtags, (subtag) => {
+        if (tagsObject[subtag]) {
+          const children = this.populateTagForChildren(tagsObject[subtag], tagsObject, subtag);
+          children.resolved = true;
+          tempSubTags[subtag] = children;
+        }
+      });
+      tag.subtags = tempSubTags;
+      return tag;
+    }
+    return tagsObject[tagValue];
+  }
+
+  transformInjectedTags(tags) {
+    _.forEach(tags, (tag) => {
+      const temp = tag;
+      let subKey = '';
+      Object.keys(tag).map( (k) => {
+        if (k.indexOf("subtags") !== -1) {
+          subKey = k;
+        }
+        return true;
+      });
+      if (subKey !== '') {
+        temp['tag-header'] = true;
+        if (subKey !== 'subtags') {
+          temp.subtags = _.cloneDeep(temp[subKey]);
+          delete temp[subKey];
+        }
+        temp.subtags = this.transformInjectedTags(temp.subtags);
+      }
+    });
+    return tags;
+  }
+
+  renderTags(tags) {
+    const list = [];
+    _.forEach(tags, (val, key) => {
+      if (_.has(val, 'subtags')) {
+        const temp = this.renderTags(val.subtags);
+        list.push((
+          <TreeNode title={val.name} key={key}>
+            {temp}
+          </TreeNode>
+        ));
+      } else {
+        const tempNode = (<TreeNode title={val.name} key={key}></TreeNode>);
+        list.push(tempNode);
+      }
+    });
+    return list;
+  }
+
+  render() {
+    let tags = {};
+    let injectedTags = {};
+    if (this.props.injectedTags && !_.isEmpty(this.props.injectedTags)) {
+      injectedTags = this.transformInjectedTags(this.props.injectedTags);
+      
+    }
+    if (this.props.tags && this.props.tags.length > 0) {
+      tags = this.populateTags(this.props.tags);
+      
+    }
+    tags = _.merge( {}, tags, injectedTags);
+    
+    return (
+      <div className={this.props.className ? this.props.className : ''}>
+        <CapTagList
+          loading={this.state.loading}
+          tags={tags}
+          onSelect={this.onSelect}
+          label={this.props.label}
+          onContextChange={this.getTagsforContext}
+          moduleFilterEnabled={this.props.moduleFilterEnabled}
+        />
+      </div>
+    );
+  }
+}
+
+TagList.defaultProps = {
+  isNewVersionFlow: false,
+  userLocale: 'en',
+};
+
+TagList.propTypes = {
+  onTagSelect: PropTypes.func,
+  tags: PropTypes.array,
+  injectedTags: PropTypes.object,
+  label: PropTypes.string,
+  onContextChange: PropTypes.func,
+  moduleFilterEnabled: PropTypes.bool,
+  className: PropTypes.string,
+  userLocale: PropTypes.string,
+};
+
+const mapStateToProps = createStructuredSelector({
+  TagList: makeSelectTagList(),
+});
+
+function mapDispatchToProps(dispatch) {
+  return {
+    actions: bindActionCreators(actions, dispatch),
+    globalActions: bindActionCreators(globalActions, dispatch),
+  };
+}
+
+export default UserIsAuthenticated(connect(mapStateToProps, mapDispatchToProps)(TagList));

package/containers/TagList/messages.js

@@ -0,0 +1,13 @@
+/*
+ * TagList Messages
+ *
+ * This contains all the text for the TagList component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'creatives.containers.TagList.header',
+    defaultMessage: 'This is TagList container !',
+  },
+});

package/containers/TagList/reducer.js

@@ -0,0 +1,23 @@
+/*
+ *
+ * TagList reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import {
+  DEFAULT_ACTION,
+} from './constants';
+
+const initialState = fromJS({});
+
+function tagListReducer(state = initialState, action) {
+  switch (action.type) {
+    case DEFAULT_ACTION:
+      return state;
+    default:
+      return state;
+  }
+}
+
+export default tagListReducer;

package/containers/TagList/sagas.js

@@ -0,0 +1,11 @@
+// import { take, call, put, select } from 'redux-saga/effects';
+
+// Individual exports for testing
+export function* defaultSaga() {
+  // See example in containers/HomePage/sagas.js
+}
+
+// All sagas to be loaded
+export default [
+  defaultSaga,
+];

package/containers/TagList/selectors.js

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