@capillarytech/creatives-library 1.0.1-alpha.0 → 1.0.2

package/components/organisms/Creatives/messages.js

@@ -9,8 +9,291 @@ import { defineMessages } from 'react-intl';
 export const scope = 'loyaltyPlus.components.organisms.Creatives';
 
 export default defineMessages({
+  header: {
+    id: `${scope}.header`,
+    defaultMessage: 'This is the campaign message container!',
+  },
+  newMessage: {
+    id: `${scope}.neewMessage`,
+    defaultMessage: 'New message',
+  },
+  audience: {
+    id: `${scope}.audience`,
+    defaultMessage: 'Audience',
+  },
+  addFTPLocation: {
+    id: `${scope}.addFTPLocation`,
+    defaultMessage: 'Add FTP location',
+  },
+  audienceDesc: {
+    id: `${scope}.audienceDesc`,
+    defaultMessage: 'Select the customers who will receive this message',
+  },
+  content: {
+    id: `${scope}.content`,
+    defaultMessage: 'Content',
+  },
+  reminderContent: {
+    id: `${scope}.reminderContent`,
+    defaultMessage: 'Reminder content',
+  },
+  sufficientCouponsNotAdded: {
+    id: `${scope}.sufficientCouponsNotAdded`,
+    defaultMessage:
+      'Please add another offer tag to the above content as your content includes multiple offers',
+  },
+  couponTagNotAttached: {
+    id: `${scope}.couponTagNotAttached`,
+    defaultMessage: 'Please add offer tags to the above content',
+  },
+  couponTagNotAttachedInCSV: {
+    id: `${scope}.couponTagNotAttachedInCSV`,
+    defaultMessage: 'Please add offer tags to CSV Columns or message content',
+  },
+  pointTagNotAttachedInCSV: {
+    id: `${scope}.pointTagNotAttachedInCSV`,
+    defaultMessage: 'Please add points tags to CSV Columns or message content',
+  },
+  couponNotAttached: {
+    id: `${scope}.couponNotAttached`,
+    defaultMessage:
+      'Please attach an incentive as your content contains offer related tags',
+  },
+  associateTagsWithOffers: {
+    id: `${scope}.associateTagsWithOffers`,
+    defaultMessage: 'Please associate voucher tags with selected offers',
+  },
+  contentMore: {
+    id: `${scope}.contentMore`,
+    defaultMessage: '(Creative + Incentive)',
+  },
+  contentDesc: {
+    id: `${scope}.contentDesc`,
+    defaultMessage: 'What is the communication that customers will receive?',
+  },
+  schedule: {
+    id: `${scope}.schedule`,
+    defaultMessage: 'Schedule',
+  },
+  scheduleDesc: {
+    id: `${scope}.scheduleDesc`,
+    defaultMessage: 'Setup the schedule for this message',
+  },
+  audienceGroups: {
+    id: `${scope}.audienceGroups`,
+    defaultMessage: 'Audience groups',
+  },
+  continue: {
+    id: `${scope}.continue`,
+    defaultMessage: 'Continue',
+  },
+  addCreative: {
+    id: `${scope}.addCreative`,
+    defaultMessage: 'Add creative',
+  },
+  addIncentive: {
+    id: `${scope}.addIncentive`,
+    defaultMessage: 'Add incentive',
+  },
+  creativeTemplates: {
+    id: `${scope}.creativeTemplates`,
+    defaultMessage: 'Creative templates',
+  },
+  editMessageContent: {
+    id: `${scope}.editMessageContent`,
+    defaultMessage: 'Edit message Content',
+  },
+  createMessageContent: {
+    id: `${scope}.createMessageContent`,
+    defaultMessage: 'New message',
+  },
+  creativeTemplatesDesc: {
+    id: `${scope}.creativeTemplatesDesc`,
+    defaultMessage: '(Select only one creative)',
+  },
+  creativesTemplatesSave: {
+    id: `${scope}.creativesTemplatesSave`,
+    defaultMessage: 'Done',
+  },
+  creativesTemplatesEdit: {
+    id: `${scope}.creativesTemplatesEdit`,
+    defaultMessage: 'Edit',
+  },
+  edit: {
+    id: `${scope}.edit`,
+    defaultMessage: 'Edit',
+  },
+  preview: {
+    id: `${scope}.preview`,
+    defaultMessage: 'Preview',
+  },
+  test: {
+    id: `${scope}.test`,
+    defaultMessage: 'Test',
+  },
   remove: {
     id: `${scope}.remove`,
     defaultMessage: 'Remove',
   },
+  campaign: {
+    id: `${scope}.campaign`,
+    defaultMessage: 'Campaign',
+  },
+  messageType: {
+    id: `${scope}.messageType`,
+    defaultMessage: 'Message type',
+  },
+  broadcastTitle: {
+    id: `${scope}.broadcastTitle`,
+    defaultMessage: 'BROADCAST',
+  },
+  messageStrategy: {
+    id: `${scope}.messageStrategy`,
+    defaultMessage: 'Message strategy',
+  },
+  messageName: {
+    id: `${scope}.messageName`,
+    defaultMessage: 'Message name',
+  },
+  sendForApproval: {
+    id: `${scope}.sendForApproval`,
+    defaultMessage: 'Send for approval',
+  },
+  editMessageDesc: {
+    id: `${scope}.editMessageDesc`,
+    defaultMessage: 'Modify messages configurations',
+  },
+  uiCouponMissing: {
+    id: `${scope}.uiCouponMissing`,
+    defaultMessage:
+      'Please attach an offer as your content contains offer related tags',
+  },
+  uiLoyaltyProgramMissing: {
+    id: `${scope}.uiLoyaltyProgramMissing`,
+    defaultMessage:
+      'Please select loyalty program as your content contains points related tags',
+  },
+  uiPointsStrategyMissing: {
+    id: `${scope}.uiPointsStrategyMissing`,
+    defaultMessage:
+      'Please attach point strategy incentive as your content contains points related tags',
+  },
+  uiReminderPointsRestriction: {
+    id: `${scope}.uiReminderPointsRestriction`,
+    defaultMessage:
+      'Please remove point tags from reminder content as parent message doesnt contains offer related tags',
+  },
+  uiReminderCouponsRestriction: {
+    id: `${scope}.uiReminderCouponsRestriction`,
+    defaultMessage:
+      'Please remove coupon tags from reminder content as parent message doesnt contains offer related tags',
+  },
+  uiProductPersonalisationrestriction: {
+    id: `${scope}.uiProductPersonalisationrestriction`,
+    defaultMessage:
+      'Please attach product category as your message strategy is personalisation',
+  },
+  uiStorePersonalisationrestriction: {
+    id: `${scope}.uiStorePersonalisationrestriction`,
+    defaultMessage:
+      'Please attach store category as your message strategy is personalisation',
+  },
+  uiStoreProductPersonalisationrestriction: {
+    id: `${scope}.uiStoreProductPersonalisationrestriction`,
+    defaultMessage:
+      'Please attach either store or product category as your message strategy is personalisation',
+  },
+  defaultContentValidation: {
+    id: `${scope}.defaultContentValidation`,
+    defaultMessage: 'Default content should not be empty',
+  },
+  uiAtLeastOneStoreOrProductRestriction: {
+    id: `${scope}.uiAtLeastOneStoreOrProductRestriction`,
+    defaultMessage:
+      'At least one {value} should be there in any of the content for product + store personalisation message',
+  },
+  changeCreativeTagsMsg: {
+    id: `${scope}.changeCreativeTagsMsg`,
+    defaultMessage:
+      "Creative content can't have both offer and points tags. Please remove either one of them",
+  },
+  audienceError: {
+    id: `${scope}.audienceError`,
+    defaultMessage: 'Please check the selected list as it contains 0 customers',
+  },
+  offerWithCallTask: {
+    id: `${scope}.offerWithCallTask`,
+    defaultMessage:
+      'Coupons will be issued to customers, but they would not be sent the code. Store associates will not know the coupon code.',
+  },
+  groupCreateFailed: {
+    id: `${scope}.groupCreateFailed`,
+    defaultMessage:
+      'Failed to create audience. Support team is working to resolve the issue.',
+  },
+  reminderInfo: {
+    id: `${scope}.reminderInfo`,
+    defaultMessage:
+      '{note} Create and send a reminder to increase transactions from the targeted customers.',
+  },
+  personalisationMoreThanOneContentInfo: {
+    id: `${scope}.personalisationMoreThanOneContentInfo`,
+    defaultMessage:
+      'At least two content should be there for personalisation message',
+  },
+  channelPriorityContentValidation: {
+    id: `${scope}.channelPriorityContentValidation`,
+    defaultMessage:
+      'Add Channel1 and Channel2 before proceeding to schedule message',
+  },
+  note: {
+    id: `${scope}.note`,
+    defaultMessage: 'Note:',
+  },
+  yes: {
+    id: `${scope}.yes`,
+    defaultMessage: 'Yes',
+  },
+  no: {
+    id: `${scope}.no`,
+    defaultMessage: 'No',
+  },
+  done: {
+    id: `${scope}.done`,
+    defaultMessage: 'Done',
+  },
+  newreminder: {
+    id: `${scope}.newreminder`,
+    defaultMessage: 'New reminder',
+  },
+  listNameDuplicationError: {
+    id: `${scope}.listNameDuplicationError`,
+    defaultMessage: 'List name already exists',
+  },
+  store: {
+    id: `${scope}.store`,
+    defaultMessage: 'store',
+  },
+  product: {
+    id: `${scope}.product`,
+    defaultMessage: 'product',
+  },
+  emptyFbAdMessage: {
+    id: `${scope}.emptyFbAdMessage`,
+    defaultMessage:
+      'Proceed with an empty content block and create ads later in Facebook Ad Manager.',
+  },
+  fbAdSetTitle: {
+    id: `${scope}.fbAdSetTitle`,
+    defaultMessage: 'Facebook ad set',
+  },
+  xengagePointsNotSupported: {
+    id: `${scope}.xengagePointsNotSupported`,
+    defaultMessage:
+      'Point promotions are not supported in X-Engage. Please remove the point tags from the message',
+  },
+  previewContentHeader: {
+    id: `${scope}.previewContentHeader`,
+    defaultMessage: 'Preview of {channel}',
+  },
 });

package/components/organisms/Creatives/reducer.js

@@ -3,13 +3,10 @@
  * Creatives reducer
  *
  */
-import { fromJS } from 'immutable';
 import { CouponsCapContainer } from '@capillarytech/cap-coupons';
 import * as creativesTemplateReducer from '@capillarytech/creatives-library';
-import * as types from './constants';
-import * as constants from '../../pages/App/constants';
-
-const { REQUEST, SUCCESS, FAILURE } = constants;
+import { DEFAULT_ACTION } from './constants';
+export const initialState = {};
 
 const {
   CreativesContainer,
@@ -51,56 +48,10 @@ const { weChatRichMediaEditReducer } = WeChatRichMediaEditContainer;
 const { facebookReducer } = FacebookContainer;
 const { galleryReducer } = GalleryContainer;
 
-export const initialState = fromJS({
-  tagsStatus: {},
-  tagsError: {},
-  tags: {},
-});
-
 const creativesReducer = (state = initialState, action) => {
   switch (action.type) {
-    case types.DEFAULT_ACTION:
+    case DEFAULT_ACTION:
       return state;
-    case types.GET_LOYALTY_TAGS_REQUEST:
-      if (!action.creativesType) return state;
-      return state.set(
-        'tagsStatus',
-        fromJS({
-          ...state.get('tagsStatus')?.toJS(),
-          [action.creativesType]: REQUEST,
-        }),
-      );
-    case types.GET_LOYALTY_TAGS_SUCCESS:
-      return state
-        .set(
-          'tagsStatus',
-          fromJS({
-            ...state.get('tagsStatus')?.toJS(),
-            [action.creativesType]: SUCCESS,
-          }),
-        )
-        .set(
-          'tags',
-          fromJS({
-            ...state.get('tags')?.toJS(),
-            [action.creativesType]: action.result,
-          }),
-        );
-    case types.GET_LOYALTY_TAGS_FAILURE:
-      return state
-        .set(
-          'tagsStatus',
-          fromJS({
-            ...state.get('tagsStatus')?.toJS(),
-            [action.creativesType]: FAILURE,
-          }),
-        )
-        .set(
-          'tagsError',
-          fromJS({
-            [action.creativesType]: action.error,
-          }),
-        );
     default:
       return state;
   }

package/components/organisms/Creatives/saga.js

@@ -1,57 +1,145 @@
 // import { take, call, put, select } from 'redux-saga/effects';
-import { all, call, put, takeEvery } from 'redux-saga/effects';
-import * as types from './constants';
-import * as Api from '../../../services/api';
-import { notifyHandledException } from '../../../utils/bugsnag';
-
+import { all } from 'redux-saga/effects';
+import {
+  TemplatesV2Container,
+  SmsCreateContainer,
+  SmsEditContainer,
+  EmailContainer,
+  BeeContainer,
+  MobilePushCreateContainer,
+  MobilePushEditContainer,
+  LineCreateContainer,
+  CallTaskContainer,
+  CapContainer,
+  WeChatMapTemplateContainer,
+  WeChatRichMediaCreateContainer,
+  WeChatRichMediaEditContainer,
+  FacebookContainer,
+  GalleryContainer,
+  FTPContainer,
+} from '@capillarytech/creatives-library';
+import { CouponsCapContainer } from '@capillarytech/cap-coupons';
 // Individual exports for testing
-export function* getLoyaltyTags({
-  creativesType,
-  actionType,
-  rulesetId,
-  programId,
-  eventName,
-  channelType,
-  callback,
-}) {
-  try {
-    const res = yield call(Api.getLoyaltyTags, {
-      type: creativesType,
-      actionType,
-      rulesetId,
-      programId,
-      eventName,
-      channelType,
-    });
-    if (res?.success) {
-      callback && callback();
-      yield put({
-        type: types.GET_LOYALTY_TAGS_SUCCESS,
-        result: res?.result?.message || res?.result || {},
-        creativesType: creativesType ? creativesType : actionType,
-      });
-    } else {
-      yield put({
-        type: types.GET_LOYALTY_TAGS_FAILURE,
-        error: res?.error || res?.message,
-        creativesType: creativesType ? creativesType : actionType,
-      });
-    }
-  } catch (error) {
-    notifyHandledException(error);
-    yield put({ type: types.GET_LOYALTY_TAGS_FAILURE, error });
-  }
+export function* creativesSaga() {
+  // See example in containers/HomePage/saga.js
 }
-
-export function* watchForGetLoyaltyTags() {
-  yield takeEvery(types.GET_LOYALTY_TAGS_REQUEST, getLoyaltyTags);
-}
-
+const { capSaga: capContainerSaga } = CapContainer;
 export default [
+  { key: 'creatives', saga: creativesSaga },
+  {
+    key: 'templates',
+    saga: function* templateSaga() {
+      yield all(TemplatesV2Container.templateSaga.map(saga => saga.call()));
+    },
+  },
+  {
+    key: 'smsCreateSaga',
+    saga: function* smsCreateSaga() {
+      yield all(SmsCreateContainer.smsCreateSaga.map(saga => saga.call()));
+    },
+  },
+  {
+    key: 'smsEditSaga',
+    saga: function* smsEditSaga() {
+      yield all(SmsEditContainer.smsEditSaga.map(saga => saga.call()));
+    },
+  },
+  {
+    key: 'emailSaga',
+    saga: function* emailSaga() {
+      yield all(EmailContainer.emailSaga.map(saga => saga.call()));
+    },
+  },
+  {
+    key: 'beeSaga',
+    saga: function* emailSaga() {
+      yield all(BeeContainer.beeSaga.map(saga => saga.call()));
+    },
+  },
+  {
+    key: 'callTaskSaga',
+    saga: function* callTaskSaga() {
+      yield all(CallTaskContainer.callTaskSaga.map(saga => saga.call()));
+    },
+  },
+  {
+    key: 'mobilepushCreateSaga',
+    saga: function* mobilepushCreateSaga() {
+      yield all(
+        MobilePushCreateContainer.mobilepushCreateSaga.map(saga => saga.call()),
+      );
+    },
+  },
+  {
+    key: 'mobilepushEditSaga',
+    saga: function* mobilepushEditSaga() {
+      yield all(
+        MobilePushEditContainer.mobilepushEditSaga.map(saga => saga.call()),
+      );
+    },
+  },
+  {
+    key: 'lineCreateSaga',
+    saga: function* lineCreateSaga() {
+      yield all(LineCreateContainer.lineCreateSaga.map(saga => saga.call()));
+    },
+  },
+  {
+    key: 'weChatMapTemplateSaga',
+    saga: function* lineCreateSaga() {
+      yield all(
+        WeChatMapTemplateContainer.weChatMapTemplateSaga.map(saga =>
+          saga.call(),
+        ),
+      );
+    },
+  },
+  {
+    key: 'weChatRichMediaCreateSaga',
+    saga: function* lineCreateSaga() {
+      yield all(
+        WeChatRichMediaCreateContainer.weChatRichMediaCreateSaga.map(saga =>
+          saga.call(),
+        ),
+      );
+    },
+  },
+  {
+    key: 'weChatRichMediaEditSaga',
+    saga: function* weChatRichMediaEditSaga() {
+      yield all(
+        WeChatRichMediaEditContainer.weChatRichMediaEditSaga.map(saga =>
+          saga.call(),
+        ),
+      );
+    },
+  },
+  {
+    key: 'capSaga',
+    saga: function* capSaga() {
+      yield all(capContainerSaga.map(saga => saga.call()));
+    },
+  },
+  {
+    key: 'facebookSaga',
+    saga: function* facebookSaga() {
+      yield all(FacebookContainer.facebookSaga.map(saga => saga.call()));
+    },
+  },
+  {
+    key: 'gallerySaga',
+    saga: function* gallerySaga() {
+      yield all(GalleryContainer.gallerySagas.map(saga => saga.call()));
+    },
+  },
   {
-    key: 'creatives',
-    saga: function* creativesSaga() {
-      yield all([watchForGetLoyaltyTags()]);
+    key: 'FTPSaga',
+    saga: function* FTPSaga() {
+      yield all(FTPContainer.FTPSagas.map(saga => saga.call()));
     },
   },
+  {
+    key: 'couponsCapSaga',
+    saga: CouponsCapContainer.couponsCapSaga,
+  },
 ];

package/components/organisms/Creatives/tests/index.test.js

@@ -1,91 +1,5 @@
-import React from 'react';
-import { Creatives } from '../Creatives';
-import * as intlWrapper from '../../../../utils/intlWrapper';
-import { mockData } from '../mockdata';
-
-jest.mock('../../../organisms/ConfigureWorkflows/context', () => ({
-  getWorkflowMode: () => ({
-    isPreviewMode: false,
-  }),
-}));
-
-const { shallowWithIntl } = intlWrapper;
-
-const { createData, editData, offersMockData } = mockData;
-
-describe('Creatives unit test', () => {
-  let renderedComponent;
-  let channel = 'sms';
-
-  const onMessageDataChange = jest.fn();
-  const setMode = jest.fn();
-  const setContentId = jest.fn();
-
-  const renderFunc = ({
-    messageDetails,
-    mode,
-    contentId,
-    contentOffers = [],
-    offerAlreadyClaimedError = false,
-  }) => {
-    renderedComponent = shallowWithIntl(
-      <Creatives
-        match={{
-          params: { programId: 1074 },
-        }}
-        className="Creatives"
-        currentChannel={channel}
-        messageDetails={messageDetails}
-        mode={mode}
-        setMode={setMode}
-        contentId={contentId}
-        setContentId={setContentId}
-        onMessageDataChange={onMessageDataChange}
-        contentOffers={contentOffers}
-        offerAlreadyClaimedError={offerAlreadyClaimedError}
-      />,
-    );
-  };
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-  it('should render default Creatives component when passing null', () => {
-    renderFunc(createData);
-    expect(renderedComponent).toMatchSnapshot();
-  });
-  it('should render attached offers', () => {
-    renderFunc(offersMockData);
-    expect(renderedComponent).toMatchSnapshot();
-  });
-  it('should render attached offers with caution icon when offerAlreadyClaimed', () => {
-    renderFunc({ ...offersMockData, offerAlreadyClaimedError: true });
-    expect(renderedComponent).toMatchSnapshot();
-  });
-  it('should render default Creatives component when passing null', () => {
-    renderFunc(createData);
-    expect(renderedComponent).toMatchSnapshot();
-  });
-  it('should render default Creatives SlideBox on clicking add creatives', () => {
-    renderFunc(createData);
-    renderedComponent
-      .find('CapCard')
-      .props()
-      .children.props.children.props.onClick();
-    expect(renderedComponent.find('#creativesContainer').length).toBe(1);
-  });
-  it('should execute getFormData on Creatives change', () => {
-    renderFunc(createData);
-    renderedComponent
-      .find('CapCard')
-      .props()
-      .children.props.children.props.onClick();
-    renderedComponent
-      .find('#creativesContainer')
-      .props()
-      .getCreativesData({
-        channel: 'SMS',
-        messageBody: 'sfsdfdh{{optout}}',
-      });
-    expect(renderedComponent).toMatchSnapshot();
+describe('<ProgramPerformance />', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(true);
   });
 });