@capillarytech/creatives-library 7.17.23 → 7.17.25

package/containers/App/constants.js

@@ -6,6 +6,10 @@ export const STORE2DOOR_PLUS_ENABLED = 'STORE2DOOR_PLUS_ENABLED';
 export const TRAI_DLT = 'TRAI_DLT';
 export const CARD_BASED_SCOPE = 'CARD_BASED_SCOPE';
 export const HOSPITALITY_BASED_SCOPE = 'HOSPITALITY_BASED_SCOPE';
+export const REGISTRATION_CUSTOM_FIELD = 'Registration custom fields';
+export const CUSTOM_TAG = 'CustomTagMessage';
+export const CUSTOMER_EXTENDED_FIELD = 'Customer extended fields';
+export const EXTENDED_TAG = 'ExtendedTagMessage';
 
 export const CARD_RELATED_TAGS = [
   'card_series',

package/package.json

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

package/utils/common.js

@@ -7,6 +7,10 @@ import {
   CARD_BASED_SCOPE,
   HOSPITALITY_RELATED_TAGS,
   HOSPITALITY_BASED_SCOPE,
+  EXTENDED_TAG,
+  CUSTOMER_EXTENDED_FIELD,
+  CUSTOM_TAG,
+  REGISTRATION_CUSTOM_FIELD
 } from '../containers/App/constants';
 import { apiMessageFormatHandler } from './commonUtils';
 
@@ -283,16 +287,16 @@ export const intlKeyGenerator = (value = "") => {
 };
 
 export const handleInjectedData = (data, scope) => {
-  let temp = _.cloneDeep(data);
+  const temp = _.cloneDeep(data);
   let tagType;
   for (const tagKey in temp) {
     if (temp.hasOwnProperty(tagKey)) {
       const tag = temp[tagKey];
 
-      if (tag?.name === "Registration custom fields") {
-        tagType = "CustomTagMessage";
-      } else if (tag?.name === "Customer extended fields") {
-        tagType = "ExtendedTagMessage";
+      if (tag?.name === REGISTRATION_CUSTOM_FIELD) {
+        tagType = CUSTOM_TAG;
+      } else if (tag?.name === CUSTOMER_EXTENDED_FIELD) {
+        tagType = EXTENDED_TAG;
       }
 
       if (tag?.name) {
@@ -305,8 +309,8 @@ export const handleInjectedData = (data, scope) => {
         tag["name"] = apiMessageFormatHandler(id, name);
       }
 
-      if (tag["subtags"]) {
-        for (const subtagKey in tag["subtags"]) {
+      if (tag?.subtags) {
+        for (const subtagKey in tag.subtags) {
           if (tag["subtags"].hasOwnProperty(subtagKey)) {
             const subtag = tag["subtags"][subtagKey];
             if (subtag?.name) {
@@ -330,8 +334,8 @@ export const handleInjectedData = (data, scope) => {
           }
         }
       }
-      tagType="";
+      tagType = "";
     }
   }
   return temp;
-};
+};

package/v2Components/CapTagList/index.js

@@ -25,7 +25,7 @@ import {
   JAPANESE_HELP_TEXT,
   TAG_TRANSLATION_DOC,
 } from "../../containers/TagList/constants";
-import { HIDE_ENGAGEMENT_CHANNELS } from '../../v2Containers/App/constants';
+import { HIDE_FOR_JP_LOCALE } from '../../v2Containers/App/constants';
 import { hidingDateTagsForJpLocale } from '../../v2Containers/TagList/utils';
 
 
@@ -175,7 +175,7 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
   renderTags(tags, searchString = '') {
     const { disableRelatedTags, childTagsToDisable, parentTagstoDisable, showCardsRelatedTags } = this?.props?.disableTagsDetails;
     const { accessibleFeatures = [] } = this?.props?.currentOrgDetails || {};
-    const hideDateTagsForJpLocale = accessibleFeatures.includes(HIDE_ENGAGEMENT_CHANNELS);
+    const hideDateTagsForJpLocale = accessibleFeatures.includes(HIDE_FOR_JP_LOCALE);
     const list = [];
     const loyaltyAttrDisableText = <FormattedMessage {...messages.loyaltyAttributeDisable} />;
     let clonedTags = _.cloneDeep(tags);

package/v2Containers/App/constants.js

@@ -54,7 +54,7 @@ export const LINE = 'line';
 export const EMAIL = 'email';
 export const ASSETS = 'assets';
 
-export const HIDE_ENGAGEMENT_CHANNELS = 'HIDE_ENGAGEMENT_CHANNELS';
+export const HIDE_FOR_JP_LOCALE = 'HIDE_FOR_JP_LOCALE';
 
 export const TRACK_EDIT_SMS = 'editSms';
 export const TRACK_EDIT_EMAIL = 'editEmail';

package/v2Containers/TemplatesV2/index.js

@@ -29,7 +29,7 @@ import FTP from '../FTP';
 import Gallery from '../Assets/Gallery';
 import withStyles from '../../hoc/withStyles';
 import styles, { CapTabStyle } from './TemplatesV2.style';
-import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS, LINE, EMAIL, ASSETS, HIDE_ENGAGEMENT_CHANNELS } from '../App/constants';
+import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS, LINE, EMAIL, ASSETS, HIDE_FOR_JP_LOCALE } from '../App/constants';
 import AccessForbidden from '../../v2Components/AccessForbidden';
 import { getObjFromQueryParams } from '../../utils/v2common';
 import { selectCurrentOrgDetails } from "../../v2Containers/Cap/selectors";
@@ -119,8 +119,8 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     const { accessibleFeatures = [] } = currentOrgDetails || {};
     // This data will be available when it will be accessed in library mode
     const { currentOrgDetails: { accessibleFeatures: libModeAccessibleFeatures = [] } = {} } = cap || {};
-    const hideEngagementChannel = accessibleFeatures.includes(HIDE_ENGAGEMENT_CHANNELS) || libModeAccessibleFeatures.includes(HIDE_ENGAGEMENT_CHANNELS);
-    // Show only line and email channel content with both channel tabs if the HIDE_ENGAGEMENT_CHANNELS feature is enabled;
+    const hideEngagementChannel = accessibleFeatures.includes(HIDE_FOR_JP_LOCALE) || libModeAccessibleFeatures.includes(HIDE_FOR_JP_LOCALE);
+    // Show only line and email channel content with both channel tabs if the HIDE_FOR_JP_LOCALE feature is enabled;
     filteredPanes = hideEngagementChannel ? filteredPanes?.filter((pane) => [EMAIL, LINE, ASSETS].includes(pane?.key) && pane) : filteredPanes;
     defaultChannel = hideEngagementChannel ? EMAIL : defaultChannel;
 

package/v2Containers/TemplatesV2/tests/mockData.js

@@ -599,7 +599,7 @@ export const authData = {
       "ENABLE_PRODUCT_SUPPORT_VIDEOS",
       "ENABLE_RANDOM_COUPON_CODE",
       "HIDE_DEFAULT_EMAIL_TEMPLATES",
-      "HIDE_ENGAGEMENT_CHANNELS",
+      "HIDE_FOR_JP_LOCALE",
     ],
     org_loyalty_v2_status: true,
     module_details: [
@@ -680,6 +680,6 @@ export const currentOrgDetails = {
     "JOURNEY_UI",
     "LOYALTY_PROMOTION_ENABLED",
     "HIDE_DEFAULT_EMAIL_TEMPLATES",
-    "HIDE_ENGAGEMENT_CHANNELS",
+    "HIDE_FOR_JP_LOCALE",
   ],
 };

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);
-  });
-});