@capillarytech/creatives-library 2.0.70 → 2.0.72

package/v2Containers/Sms/Edit/messages.js

@@ -0,0 +1,89 @@
+/*
+ * Edit Messages
+ *
+ * This contains all the text for the Edit component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  saveTemplateLoader: {
+    id: 'app.containers.Edit.saveTemplateLoader',
+    defaultMessage: 'Saving Template...',
+  },
+  getTemplateDetailsLoader: {
+    id: 'app.containers.Edit.getTemplateDetailsLoader',
+    defaultMessage: 'Getting template details...',
+  },
+  "Message": {
+    id: 'app.containers.Edit.messageLabel',
+    defaultMessage: 'Message',
+  },
+  "Template name cannot be empty.": {
+    id: 'app.containers.Edit.emptyTemplateErrorMessage',
+    defaultMessage: "Please provide a template name",
+  },
+  "Enter template name": {
+    id: 'app.containers.Edit.templateNamePlaceHolder',
+    defaultMessage: "Enter template name",
+  },
+  "Discard changes": {
+    id: 'app.containers.Edit.discardChangesButton',
+    defaultMessage: "Discard changes",
+  },
+  "Cancel": {
+    id: 'app.containers.Edit.cancelButton',
+    defaultMessage: "Cancel",
+  },
+  "Save": {
+    id: 'app.containers.Edit.saveButton',
+    defaultMessage: "Save",
+  },
+  "Version": {
+    id: 'app.containers.Edit.versionLabel',
+    defaultMessage: "Version",
+  },
+  "Mark as Final": {
+    id: 'app.containers.Edit.markFinalVersionLabel',
+    defaultMessage: "Mark as Final",
+  },
+  "Duplicate": {
+    id: 'app.containers.Edit.duplicateLabel',
+    defaultMessage: "Duplicate",
+  },
+  "Rename": {
+    id: 'app.containers.Edit.renameLabel',
+    defaultMessage: "Rename",
+  },
+  "Delete": {
+    id: 'app.containers.Edit.deleteLabel',
+    defaultMessage: "Delete",
+  },
+  "Please check if you intend to use unicode characters.": {
+    id: 'app.containers.Edit.unicodeErrorMessage',
+    defaultMessage: "Please check this if you want to use Unicode characters",
+  },
+  "Allow Unicode characters": {
+    id: 'app.containers.Edit.unicodeLabel',
+    defaultMessage: "Allow Unicode characters",
+  },
+  "Tags": {
+    id: 'app.containers.Edit.tagsLabel',
+    defaultMessage: "Tags",
+  },
+  "New Version": {
+    id: 'app.containers.Edit.newVersionLabel',
+    defaultMessage: "New Version",
+  },
+  "Template content has unsupported/missing tags!": {
+    id: 'app.containers.Edit.tagsErrorMessage',
+    defaultMessage: "Please check the message content for unsupported/missing tags",
+  },
+  "Please input sms template content.": {
+    id: 'app.containers.Edit.smsEditorPlaceholder',
+    defaultMessage: "Please enter the message content",
+  },
+  somethingWentWrong: {
+    id: 'app.containers.Edit.somethingWentWrong',
+    defaultMessage: "Something Went Wrong!!",
+  },
+});

package/v2Containers/Sms/Edit/reducer.js

@@ -0,0 +1,52 @@
+/*
+ *
+ * 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', {});
+    case types.RESET_EDIT_TEMPLATE:
+      return state.set('templateDetails', {});
+    default:
+      return state;
+  }
+}
+
+export default editReducer;

package/v2Containers/Sms/Edit/sagas.js

@@ -0,0 +1,50 @@
+import { call, put, takeLatest, take, cancel } from 'redux-saga/effects';
+import { LOCATION_CHANGE } from 'react-router-redux';
+// 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 });
+    yield template.onUpdateTemplateComplete(result.response);
+  } 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() {
+  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);
+}
+
+// All sagas to be loaded
+export default [
+  watchEditTemplate, watchGetTemplateDetails,
+];

package/v2Containers/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/v2Containers/Sms/Edit/tests/actions.test.js

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

package/v2Containers/Sms/Edit/tests/index.test.js

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

package/v2Containers/Sms/Edit/tests/reducer.test.js

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

package/v2Containers/Sms/Edit/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/v2Containers/Sms/Edit/tests/selectors.test.js

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

package/v2Containers/Sms/initialSchema.js

@@ -0,0 +1,281 @@
+export const response = {
+  metaEntities: [
+    {
+      _id: "5a1ca34159a2c83f49e324b8",
+      type: "LAYOUT",
+      definition: {
+        standalone: {
+          sections: [
+            {
+              type: 'parent',
+              childSections: [
+                {
+                  type: "multicols",
+                  width: 16,
+                  inputFields: [
+                    {
+                      cols: [
+
+
+                      ],
+                    },
+                  ],
+                  actionFields: [
+
+                  ],
+                },
+                {
+                  type: "parent",
+
+                  childSections: [
+                    {
+
+                      width: 16,
+                      type: "parent",
+                      childSections: [
+                        {
+                          type: "multicols",
+                          inputFields: [
+                            {
+                              cols: [
+                                {
+                                  id: "template-name",
+                                  placeholder: "Enter template name",
+                                  type: "input",
+                                  label: "Creative name",
+                                  metaType: "text",
+                                  datatype: "string",
+                                  required: true,
+                                  fluid: true,
+                                  styling: "semantic",
+                                  order: 1,
+                                  width: 18,
+                                  customComponent: false,
+                                  standalone: true,
+                                  onlyDisplay: false,
+                                  errorMessage: "Template name cannot be empty.",
+                                  supportedEvents: [
+                                    "onChange",
+                                  ],
+                                },
+                              ],
+                            },
+                          ],
+                        },
+                        {
+                          type: "multicols",
+                          inputFields: [
+                            {
+                              rowClassName: 'tag-container',
+                              cols: [
+                                {
+                                  style: {marginBottom: 'unset', height: '24px'},
+                                  width: 18,
+                                  id: "tagList",
+                                  label: "Add label",
+                                  className: 'add-label',
+                                  type: "tag-list",
+                                  metaType: "List",
+                                  datatype: "select",
+                                  required: true,
+                                  fluid: true,
+                                  onlyDisplay: true,
+                                  styling: "semantic",
+                                  order: 1,
+                                  customComponent: true,
+                                  supportedEvents: [
+                                    "onTagSelect",
+                                  ],
+                                },
+                              ],
+                            },
+                          ],
+                        },
+                        {
+                          type: "multicols",
+
+                          inputFields: [
+                            {
+                              rowClassName: 'sms-message-content',
+                              cols: [
+                                {
+                                  id: "sms-editor",
+                                  label: 'Message',
+                                  type: "textarea",
+                                  metaType: "text",
+                                  datatype: "string",
+                                  style: {marginBottom: '16px'},
+                                  required: true,
+                                  errorMessage: "Template content has unsupported/missing tags!",
+                                  placeholder: "Please input sms template content.",
+                                  fluid: true,
+                                  styling: "semantic",
+                                  onlyDisplay: false,
+                                  width: 18,
+                                  autosize: true,
+                                  autosizeParams: {
+                                    maxRows: 18,
+                                    minRows: 3,
+                                  },
+                                  order: 2,
+                                  customComponent: true,
+                                  supportedEvents: [
+                                    "onChange",
+                                  ],
+                                },
+                              ],
+                            }, {
+                              rowClassName: 'sms-count-container',
+                              rowStyle: {
+                                bottom: '8px',
+                                fontSize: '12px',
+                              },
+                              cols: [
+                                {
+                                  id: 'sms-count',
+                                  type: 'div',
+                                  props: {type: 'label3'},
+                                  onlyDisplay: true,
+                                  metaType: "label",
+                                  value: "",
+                                  primitive: true,
+                                  width: 18,
+                                  style: {
+                                    float: 'right',
+                                  },
+                                },
+                              ],
+                            },
+                            {
+                              cols: [
+                                {
+                                  id: "unicode-validity",
+                                  label: "Allow Unicode characters",
+                                  supportedEvents: [
+                                    "onChange",
+                                  ],
+                                  labelStyle: {
+                                    backgroundColor: "white",
+                                  },
+
+
+                                  type: "checkbox",
+                                  metaType: "text",
+                                  datatype: "boolean",
+                                  required: true,
+                                  fluid: true,
+                                  styling: "semantic",
+                                  order: 1,
+                                  width: 18,
+                                  onlyDisplay: false,
+                                  errorMessage: "Please check if you intend to use unicode characters.",
+                                  customComponent: false,
+                                },
+                              ],
+                            },
+                          ],
+                          actionFields: [
+
+                          ],
+                        },
+                      ],
+                    },
+                    {
+                      width: 6,
+                      type: "multicols",
+                      offset: 1,
+
+                      inputFields: [
+                        {
+                          cols: [
+                            {
+                              id: "sms-preview",
+                              type: "sms-preview",
+                              customComponent: true,
+                              customStyling: {
+                                padding: "0",
+                              },
+                              metaType: "preview",
+                              required: true,
+                              fluid: true,
+                              styling: "semantic",
+                              order: 1,
+                              onlyDisplay: true,
+                              offset: 7,
+                              channel: "SMS",
+                              charCounterEnabled: true,
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+                {
+                  type: "multicols",
+                  inputFields: [
+                    {
+                      rowClassName: 'creatives-sms-footer',
+                      cols: [
+                        {
+                          id: "save-button",
+                          metaType: "submit-button",
+                          colStyle: {marginRight: '16px'},
+                          type: "button",
+                          buttonType: "primary",
+                          value: "Save",
+                          customComponent: false,
+                          styling: "semantic",
+                          order: 3,
+                          fluid: true,
+                          standalone: true,
+                          onlyDisplay: true,
+                          submitAction: "saveFormData",
+                          supportedEvents: [
+                            "saveFormData",
+                          ],
+                        },
+                        {
+                          id: "discard-button",
+                          metaType: "submit-button",
+
+                          type: "button",
+                          buttonType: "secondary",
+                          value: "Discard changes",
+                          customComponent: false,
+                          standalone: true,
+                          styling: "semantic",
+                          order: 3,
+                          fluid: true,
+                          submitAction: "discardValues",
+                          onlyDisplay: true,
+                          supportedEvents: [
+                            "discardValues",
+                          ],
+                        },
+
+
+                      ],
+                    },
+                  ],
+                  actionFields: [
+
+                  ],
+                },
+
+              ],
+            },
+
+          ],
+
+        },
+        channel: "SMS",
+      },
+      isActive: true,
+      createdBy: 4,
+      updatedBy: 15000449,
+      createdAt: "2017-11-27T23:44:01.112Z",
+      updatedAt: "2017-12-21T12:27:34.626Z",
+    },
+  ],
+};

package/v2Containers/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/v2Containers/TagList/actions.js

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

package/v2Containers/TagList/constants.js

@@ -0,0 +1,7 @@
+/*
+ *
+ * TagList constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/TagList/DEFAULT_ACTION';