@capillarytech/creatives-library 7.17.31 → 7.17.32

package/package.json

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

package/v2Containers/Whatsapp/index.js

@@ -838,6 +838,8 @@ export const Whatsapp = (props) => {
       errorMessage = formatMessage(
         globalMessages.emptyTemplateNameErrorMessage,
       );
+    } else if (value.length < 3 && host === HOST_GUPSHUP) {
+      errorMessage = formatMessage(messages.templateNameMinCharacters);
     } else if (!templateNameRegex.test(value)) {
       errorMessage = formatMessage(messages.templateNameRegexErrorMessage);
     }
@@ -872,6 +874,7 @@ export const Whatsapp = (props) => {
 
   const templateMessageErrorHandler = (value) => {
     let errorMessage = false;
+    const percentSignRegex = /%/;
     if (value === '') {
       errorMessage = formatMessage(messages.emptyTemplateMessageErrorMessage);
     } else if (
@@ -879,6 +882,9 @@ export const Whatsapp = (props) => {
       TEMPLATE_MESSAGE_MAX_LENGTH
     ) {
       errorMessage = formatMessage(messages.templateMessageLengthError);
+    } else if ( host === HOST_GUPSHUP && percentSignRegex.test(value)
+    ) {
+      errorMessage = formatMessage(messages.noPercentSign);
     } else {
       const validVarArr = value.match(validVarRegex) || [];
       const validVarSet = [...new Set(validVarArr)];

package/v2Containers/Whatsapp/messages.js

@@ -15,6 +15,10 @@ export default defineMessages({
     defaultMessage:
       'Template name can only contain lowercase alphanumeric characters and underscores',
   },
+  templateNameMinCharacters: {
+    id: `${prefix}.templateNameMinCharacters`,
+    defaultMessage: 'Template name should contain atleast 3 characters',
+  },
   templateCategoryLabel: {
     id: `${prefix}.templateCategoryLabel`,
     defaultMessage: 'Template category',
@@ -189,6 +193,10 @@ export default defineMessages({
     id: `${prefix}.noContentBetweenVars`,
     defaultMessage: 'Add atleast 1 character between 2 variables',
   },
+  noPercentSign: {
+    id: `${prefix}.noPercentSign`,
+    defaultMessage: 'Please remove % sign from the message content',
+  },
   sequenceVars: {
     id: `${prefix}.sequenceVars`,
     defaultMessage:

package/v2Containers/ChannelTemplates/actions.js

@@ -1,20 +0,0 @@
-/*
- *
- * ChannelTemplates actions
- *
- */
-
-import * as types from './constants';
-
-export function defaultAction() {
-  return {
-    type: types.DEFAULT_ACTION,
-  };
-}
-
-export function getTemplates(channel) {
-  return {
-    type: types.GET_TEMPLATES_REQUEST,
-    channel,
-  };
-}

package/v2Containers/ChannelTemplates/constants.js

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

package/v2Containers/ChannelTemplates/index.js

@@ -1,47 +0,0 @@
-/*
- *
- * ChannelTemplates
- *
- */
-
-import PropTypes from 'prop-types';
-
-import React from 'react';
-import { connect } from 'react-redux';
-import { FormattedMessage } from 'react-intl';
-import { bindActionCreators } from 'redux';
-import { createStructuredSelector } from 'reselect';
-import makeSelectChannelTemplates from './selectors';
-import * as actions from './actions';
-import messages from './messages';
-
-
-export class ChannelTemplates extends React.Component { // eslint-disable-line react/prefer-stateless-function
-  componentDidMount() {
-    this.props.actions.getTemplates(this.props.channel);
-  }
-  render() {
-    return (
-      <CardGrid
-        cardDataList={[]}
-      />
-    );
-  }
-}
-
-ChannelTemplates.propTypes = {
-  actions: PropTypes.object.isRequired,
-  channel: PropTypes.string,
-};
-
-const mapStateToProps = createStructuredSelector({
-  ChannelTemplates: makeSelectChannelTemplates(),
-});
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(actions, dispatch),
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(ChannelTemplates);

package/v2Containers/ChannelTemplates/messages.js

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

package/v2Containers/ChannelTemplates/reducer.js

@@ -1,34 +0,0 @@
-/*
- *
- * ChannelTemplates reducer
- *
- */
-
-import { fromJS } from 'immutable';
-import * as types from './constants';
-
-const initialState = fromJS({
-  loadingTemplates: true,
-  smsTemplates: [],
-  emailTemplates: [],
-  wechatTemplates: [],
-  mobilepushTemplates: [],
-});
-
-function channelTemplatesReducer(state = initialState, action) {
-  const channelTemplates = `${action.channel}Templates`;
-  switch (action.type) {
-    case types.DEFAULT_ACTION:
-      return state;
-    case types.GET_TEMPLATES_REQUEST:
-      return state.set('loadingTemplates', true);
-    case types.GET_TEMPLATES_SUCESS:
-      return state.set('loadingTemplates', false).set(channelTemplates, action.templates);
-    case types.GET_TEMPLATES_FAILURE:
-      return state.set('loadingTemplates', false).set('error', action.error);
-    default:
-      return state;
-  }
-}
-
-export default channelTemplatesReducer;

package/v2Containers/ChannelTemplates/sagas.js

@@ -1,32 +0,0 @@
-import { take, takeLatest, call, put, cancel } from 'redux-saga/effects';
-import { LOCATION_CHANGE } from 'react-router-redux';
-import * as Api from '../../services/api';
-
-
-import * as types from './constants';
-// Individual exports for testing
-export function* defaultSaga() {
-  // See example in v2Containers/HomePage/sagas.js
-}
-function* getTemplates(action) {
-  try {
-    const req = {
-      channel: action.channel,
-      queryParams: action.query,
-    };
-    const res = call(Api.getAllTemplates, req);
-    put({type: types.GET_TEMPLATES_SUCESS, templates: res.response, channel: action.channel});
-  } catch (error) {
-    put({type: types.GET_TEMPLATES_FAILURE, error});
-  }
-}
-function* getTemplatesWatcher() {
-  const watcher = yield takeLatest(types.GET_TEMPLATES_REQUEST, getTemplates);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-// All sagas to be loaded
-export default [
-  defaultSaga,
-  getTemplatesWatcher,
-];

package/v2Containers/ChannelTemplates/selectors.js

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

package/v2Containers/Sms/Create/tests/sagas.test.js

@@ -1,82 +0,0 @@
-import { expectSaga } from "redux-saga-test-plan";
-import { take, cancel, takeLatest } from "redux-saga/effects";
-import * as matchers from "redux-saga-test-plan/matchers";
-import { LOCATION_CHANGE } from "react-router-redux";
-import { throwError } from "redux-saga-test-plan/providers";
-import { createMockTask } from "redux-saga/utils";
-import * as types from "../constants";
-import { watchAiSuggestions, getAiSuggestions } from "../sagas";
-import * as Api from "../../../../services/api";
-
-describe("getAiSuggestions saga", () => {
-  it("Should handle valid response from api", () => {
-    const successCallback = () => {};
-    const failureCallback = () => {};
-    const action = {
-      type: types.GET_AI_SUGGESTIONS,
-      prompt: {},
-      successCallback,
-      failureCallback,
-    };
-    expectSaga(getAiSuggestions, action)
-      .provide([
-        [
-          matchers.call.fn(Api.getAiSuggestions),
-          {
-            success: true,
-            status: {
-              isError: false,
-              code: 200,
-              message: "success",
-            },
-            message: "Meta data fetched successfully",
-            response: {
-              "https://response.com": 1400,
-            },
-          },
-        ],
-        [matchers.call.fn(successCallback)],
-      ])
-      .run();
-  });
-
-  it("Should handles error thrown from api", () => {
-    const successCallback = () => {};
-    const failureCallback = () => {};
-    const action = {
-      type: types.GET_AI_SUGGESTIONS,
-      prompt: {},
-      successCallback,
-      failureCallback,
-    };
-    expectSaga(getAiSuggestions, action)
-      .provide([[matchers.call.fn(Api.getAiSuggestions), throwError()]])
-      .run();
-  });
-});
-
-describe("watchAiSuggestions saga", () => {
-  let generator = null;
-  beforeEach(() => {
-    generator = watchAiSuggestions();
-  });
-  it("Should handle valid response from api", () => {
-    const progress1 = generator.next();
-    const mockTask = takeLatest(types.GET_AI_SUGGESTIONS, getAiSuggestions);
-    expect(progress1.value).toEqual(mockTask);
-    const progress2 = generator.next();
-    expect(progress2.value).toEqual(take(LOCATION_CHANGE));
-  });
-
-  it("Should handle LOCATION_CHANGE action and cancel the watcher", () => {
-    generator = watchAiSuggestions();
-    const mockTask = createMockTask();
-
-    expect(generator.next().value).toEqual(
-      takeLatest(types.GET_AI_SUGGESTIONS, getAiSuggestions)
-    );
-    expect(generator.next(mockTask).value).toEqual(take(LOCATION_CHANGE));
-    expect(generator.next().value).toEqual(cancel(mockTask));
-    expect(generator.next().done).toEqual(true);
-  });
-});