@capillarytech/creatives-library 7.9.13 → 7.9.15

package/components/Card/index.js

@@ -10,7 +10,7 @@ import React from 'react';
 import { Card } from 'antd';
 import './_customCard.scss';
 
-class CustomCard extends React.Component { // eslint-disable-line react/prefer-stateless-function
+export class CustomCard extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
     this.handleMouseHover = this.handleMouseHover.bind(this);

package/components/Card/tests/__snapshots__/index.test.js.snap

@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RestrictionPlainInput test Test 1 should render default component when a retriction constant is passed 1`] = `
+<Card
+  className="custom-card"
+  onClick={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
+  style={
+    Object {
+      "height": undefined,
+      "width": undefined,
+    }
+  }
+>
+  <div>
+    <div
+      className="content-wrapper"
+    />
+  </div>
+</Card>
+`;

package/components/Card/tests/index.test.js

@@ -1,10 +1,22 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
+import React from 'react';
+import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
+import { CustomCard } from '../index';
 
-// import Card from '../index';
+describe('RestrictionPlainInput test', () => {
+
+    let renderedComponent;
+
+    const renderFunc = () => {
+        renderedComponent = shallowWithIntl(
+            <CustomCard />
+        );
+    }
+
+    describe('Test 1', () => {
+        it('should render default component when a retriction constant is passed', () => {
+            renderFunc();
+            expect(renderedComponent).toMatchSnapshot();
+        })
+    });
 
-describe('<Card />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
 });

package/containers/App/constants.js

@@ -2,4 +2,5 @@ export const GET_SIDEBAR_REQUEST = 'app/App/GET_SIDEBAR_REQUEST';
 export const GET_SIDEBAR_SUCCESS = 'app/App/GET_SIDEBAR_SUCCESS';
 export const GET_SIDEBAR_FAILURE = 'app/App/GET_SIDEBAR_FAILURE';
 
-export const STORE2DOOR_PLUS_ENABLED = 'STORE2DOOR_PLUS_ENABLED';
+export const STORE2DOOR_PLUS_ENABLED = 'STORE2DOOR_PLUS_ENABLED';
+export const TRAI_DLT = 'TRAI_DLT';

package/helpers/intl-enzym-test-helpers.js

@@ -0,0 +1,40 @@
+/**
+ * Components using the react-intl module require access to the intl context.
+ * This is not available when mounting single components in Enzyme.
+ * These helper functions aim to address that and wrap a valid,
+ * English-locale intl context around them.
+ */
+
+import React from 'react';
+import { IntlProvider, intlShape } from 'react-intl';
+import { mount, shallow, configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+
+configure({ adapter: new Adapter() });
+// You can pass your messages to the IntlProvider. Optional: remove if unneeded.
+const messages = require('../translations/en.json'); // en.json
+
+// Create the IntlProvider to retrieve context for wrapping around.
+const intlProvider = new IntlProvider({ locale: 'en', messages }, {});
+const { intl } = intlProvider.getChildContext();
+
+/**
+ * When using React-Intl `injectIntl` on components, props.intl is required.
+ */
+function nodeWithIntlProp(node) {
+  return React.cloneElement(node, { intl });
+}
+
+/**
+ * Export these methods.
+ */
+export function shallowWithIntl(node) {
+  return shallow(nodeWithIntlProp(node), { context: { intl } });
+}
+
+export function mountWithIntl(node) {
+  return mount(nodeWithIntlProp(node), {
+    context: { intl },
+    childContextTypes: { intl: intlShape },
+  });
+}

package/index.js

@@ -83,6 +83,10 @@ import CreativesContainer from './v2Containers/CreativesContainer';
 import CreativesContainerReducer from './v2Containers/CreativesContainer/reducer';
 import { updateCharCount } from './utils/smsCharCountV2';
 
+import SmsTraiCreate from './v2Containers/SmsTrai/Create';
+import SmsTraiCreateReducer from './v2Containers/SmsTrai/Create/reducer';
+import SmsTraiCreateSaga from './v2Containers/SmsTrai/Create/sagas';
+
 export {default as Ebill} from './v2Containers/Ebill';
 export {default as EbillReducer} from './v2Containers/Ebill/reducer';
 export {default as EbillSaga} from './v2Containers/Ebill/sagas';
@@ -106,6 +110,7 @@ const TemplatesV2Container = {TemplatesV2, templateReducer, templateSaga};
 const FacebookContainer = {Facebook, facebookReducer, facebookSaga};
 const ViberContainer = {Viber, viberReducer, viberSaga};
 const FacebookPreviewContainer = { FacebookPreview, facebookPreviewReducer, facebookPreviewSaga };
+const SmsTraiContainer = {SmsTraiCreate, SmsTraiCreateReducer, SmsTraiCreateSaga};
 
 const GalleryContainer = {Gallery, galleryReducer, gallerySagas};
 const FTPContainer = {FTP, FTPReducer, FTPSagas};
@@ -151,4 +156,5 @@ export { CapContainer,
   FTPContainer,
   ViberContainer,
   FacebookPreviewContainer,
+  SmsTraiContainer,
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.9.13",
+  "version": "7.9.15",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -12,7 +12,6 @@
   },
   "license": "LicenseRef-LICENSE",
   "dependencies": {
-    "@babel/polyfill": "7.4.3",
     "@bugsnag/js": "^7.2.1",
     "@bugsnag/plugin-react": "^7.2.1",
     "@capillarytech/cap-ui-utils": "1.4.0",
@@ -24,7 +23,9 @@
     "jquery": "^3.3.1",
     "load-script": "^1.0.0",
     "normalizr": "^3.2.3",
+    "papaparse": "^5.3.1",
     "react-datepicker": "^0.46.0",
+    "react-dropzone": "^11.3.4",
     "react-router": "^3.2.0",
     "react-router-dom": "^4.2.2",
     "redux": "3.6.0",

package/routes.js

@@ -639,6 +639,8 @@ export default function createRoutes(store) {
           import('v2Containers/Viber/reducer'),
           import('v2Containers/CapFacebookPreview/sagas'),
           import('v2Containers/CapFacebookPreview/reducer'),
+          import('v2Containers/SmsTrai/Create/sagas'),
+          import('v2Containers/SmsTrai/Create/reducer'),
         ]);
 
         const renderRoute = loadModule(cb);
@@ -661,6 +663,7 @@ export default function createRoutes(store) {
           lineCreateSagas, lineCreateReducer,
           viberSagas, viberReducer,
           capFacebookPreviewSagas, capFacebookPreviewReducer,
+          smsTraiSagas, smsTraiReducer,
         ]) => {
           injectReducer('templates', reducer.default);
           injectReducer('cap', capReducer.default);
@@ -679,6 +682,7 @@ export default function createRoutes(store) {
           injectReducer('lineCreate', lineCreateReducer.default);
           injectReducer('viber', viberReducer.default);
           injectReducer('facebookPreview', capFacebookPreviewReducer.default);
+          injectReducer('smsTrai', smsTraiReducer.default);
           injectSagas(gallerySagas.default);
           injectSagas(sagas.default);
           injectSagas(capSagas.default);
@@ -696,6 +700,7 @@ export default function createRoutes(store) {
           injectSagas(lineCreateSagas.default);
           injectSagas(viberSagas.default);
           injectSagas(capFacebookPreviewSagas.default);
+          injectSagas(smsTraiSagas.default);
           renderRoute(component);
         });
         importModules.catch(errorLoading);

package/services/api.js

@@ -40,7 +40,7 @@ function getUrlWithQueryParams({url, queryParams}) {
     }
   });
   return updatedUrl;
-};
+}
 
 // const loginUrl = (process.env.NODE_ENV === 'production') ?
 //   config.production.login_url : config.development.login_url;
@@ -81,7 +81,7 @@ function checkStatus(response) {
       description: `API Error ${requestCallerName} returned ${status}`,
       fatal: true,
       apiError: true,
-      statusCode: status
+      statusCode: status,
     });
   }
   if ((status >= 200 && status < 300) || [500, 409, 413].includes(response.status)) {
@@ -99,7 +99,7 @@ function request(url, options) {
   try {
     requestCallerName = getCallerName();
   } catch (e) {
-    
+
   }
   const fetchUrl = url.indexOf('?') !== -1 ? `${url}&time=${Date.now()}` : `${url}?time=${Date.now()}`;
   return fetch(fetchUrl, options)
@@ -197,36 +197,31 @@ export const getSidebar = () => {
 };
 
 export const getUserData = () => {
-  const url = `${API_AUTH_ENDPOINT}/user`;
+  const url = `${API_AUTH_ENDPOINT}/user?include_features=1`;
   return request(url, getAPICallObject('GET'));
 };
 
 export const createTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/SMS`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const editTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/SMS`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const createWeChatTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/WECHAT`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const createMobilePushTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/MOBILEPUSH`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const duplicateTemplate = ({id, channel}) => {
-  
   const url = `${API_ENDPOINT}/templates/duplicate/${id}/${channel}`;
   return request(url, getAPICallObject('GET'));
 };
@@ -237,25 +232,21 @@ export const getFTPServers = () => {
 };
 
 export const editWeChatTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/WECHAT`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const createEmailTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/EMAIL`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const createEbillTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/EBILL`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const getTemplateDetails = ({id, channel}) => {
-  
   const url = `${API_ENDPOINT}/templates/${id}/${channel ? channel.toUpperCase() : 'SMS'}`;
   return request(url, getAPICallObject('GET'));
 };
@@ -367,7 +358,6 @@ export const getCmsData = (cmsType, projectId, langId) => {
 };
 
 export const getEdmTemplates = () => {
-  
   const url = `${API_ENDPOINT}/templates/email/default`;
   return request(url, getAPICallObject('GET'));
 };
@@ -380,7 +370,6 @@ export const getDefaultBeeTemplates = () => {
 // All about line
 
 export const createLineTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/LINE`;
   return request(url, getAPICallObject('POST', template));
 };
@@ -449,3 +438,8 @@ export const getFacebookVideoId = ({videoUrl, accessToken, actId, pageAccessToke
   const url = `${API_ENDPOINT}/facebook/getFacebookVideoId`;
   return request(url, getAPICallObject('POST', {videoUrl, accessToken, actId, pageAccessToken, pageId}));
 };
+
+export const createBulkSMSTemplate = ({templates}) => {
+  const url = `${API_ENDPOINT}/templates/bulk/sms`;
+  return request(url, getAPICallObject('POST', templates));
+};

package/utils/common.js

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import { Auth } from '@capillarytech/cap-ui-utils';
-import { STORE2DOOR_PLUS_ENABLED } from '../containers/App/constants';
+import { STORE2DOOR_PLUS_ENABLED, TRAI_DLT } from '../containers/App/constants';
 
 export function getUserNameById(userId, allUserList) {
   let userName = "";
@@ -38,9 +38,16 @@ export const hasStore2DoorFeature = Auth.hasFeatureAccess.bind(
   STORE2DOOR_PLUS_ENABLED,
 );
 
-export function getTreeStructuredTags({tagsList, userLocale = 'en', offerDetails = []}) {
+export const hasTraiDltFeature = Auth.hasFeatureAccess.bind(
+  null,
+  TRAI_DLT,
+);
+
+export function getTreeStructuredTags({tagsList, userLocale = 'en', offerDetails = [], disableTagsDetails = {}}) {
   console.log('populating tags', (tagsList || []).length);
   const mainTags = {};
+  const { disableRelatedTags, childTagsToDisable, parentTagstoDisable} = disableTagsDetails;
+
 
   _.forEach(tagsList, (temp) => {
     const tag = temp.definition;
@@ -48,6 +55,7 @@ export function getTreeStructuredTags({tagsList, userLocale = 'en', offerDetails
       mainTags[tag.value] = {
         name: tag.label[userLocale] || tag.label.en,
         value: tag.value,
+        disabled: disableRelatedTags ? childTagsToDisable.includes(tag.value) : false,
       };
     } else if (tag['tag-header'] && mainTags[tag.value]) {
       // to check it this tag header is already available in mainTags object,
@@ -60,6 +68,7 @@ export function getTreeStructuredTags({tagsList, userLocale = 'en', offerDetails
         "name": tag.label[userLocale] || tag.label.en,
         "subtags": tag.subtags,
         "value": tag.value,
+        "disabled": disableRelatedTags ? parentTagstoDisable.includes(tag.value) : false,
       };
     }
   });
@@ -175,17 +184,19 @@ function populateTagForChildren(targetTag, tagsObject, tagValue) {
 function getTreeStructureData(data) {
   const result = [];
   _.forOwn(data, (mainTag) => {
-    const { name, value, subtags = [] } = mainTag;
+    const { name, value, subtags = [], disabled } = mainTag;
     if (!mainTag['tag-header']) {
       result.push({
         title: name,
         value: `{{${value}}}`,
+        disabled,
       });
     } else {
       const obj = {
         title: name,
         value: `{{${value}}}`,
         selectable: false,
+        disabled,
       };
       obj.children = getSubTags(subtags);
       result.push(obj);
@@ -197,17 +208,19 @@ function getTreeStructureData(data) {
 function getSubTags(subtagsParam) {
   const result = [];
   _.forOwn(subtagsParam, (subTag) => {
-    const { name, value, subtags = [] } = subTag;
+    const { name, value, subtags = [], disabled } = subTag;
     if (_.isEmpty(subtags)) {
       result.push({
         title: name,
         value: `{{${value}}}`,
+        disabled,
       });
     } else {
       const obj = {
         title: name,
         value: `{{${value}}}`,
         selectable: false,
+        disabled,
       };
       obj.children = getSubTags(subtags);
       result.push(obj);

package/v2Components/CapTagList/index.js

@@ -5,19 +5,20 @@
 */
 
 import PropTypes from 'prop-types';
-
 import React from 'react';
+import { connect } from 'react-redux';
 // import styled from 'styled-components';
-import { CapSpin, CapModal, CapButton, CapPopover, CapInput, CapTree, CapSelect } from '@capillarytech/cap-ui-library';
+import { CapSpin, CapModal, CapButton, CapPopover, CapInput, CapTree, CapSelect, CapTooltip } from '@capillarytech/cap-ui-library';
 
 import _ from 'lodash';
-import { injectIntl, intlShape } from 'react-intl';
+import { FormattedMessage, injectIntl, intlShape } from 'react-intl';
+import { createStructuredSelector } from 'reselect';
 import messages from './messages';
+import { makeSelectLoyaltyPromotionDisplay } from '../../v2Containers/Cap/selectors';
 
 const {Search} = CapInput;
 const {CapTreeNode} = CapTree;
 class CapTagList extends React.Component { // eslint-disable-line react/prefer-stateless-function
-
   constructor(props) {
     super(props);
     this.state = {
@@ -132,23 +133,39 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
   };
 
   renderTags(tags, searchString = '') {
+    const { disableRelatedTags, childTagsToDisable, parentTagstoDisable} = this.props.disableTagsDetails;
     const list = [];
+    const loyaltyAttrDisableText = <FormattedMessage {...messages.loyaltyAttributeDisable} />;
     _.forEach(tags, (val = '', key) => {
       let supportedTagsString = '';
       _.forEach(val.supportedTags, (supportedTag) => {
         supportedTagsString += `${supportedTag} ,`;
       });
       supportedTagsString = supportedTagsString.replace(/,\s*$/, "");
-      
       if (_.has(val, 'subtags')) {
-        const temp = this.renderTags(val.subtags);
+        const disabled = disableRelatedTags ? parentTagstoDisable.includes(key) : false;
+        const temp = this.renderTags(val.subtags, '', disabled);
         list.push((
-          <CapTreeNode title={val.name} tag={val} key={val.couponSeriesId ? `${key}(${val.couponSeriesId})` : `${key}`}>
+          <CapTreeNode
+            title={disabled ? <CapTooltip title={loyaltyAttrDisableText}>{val.name}</CapTooltip> : val.name}
+            tag={val}
+            key={val.couponSeriesId ? `${key}(${val.couponSeriesId})` : `${key}`}
+            disabled={disabled}
+          >
             {temp}
           </CapTreeNode>
         ));
       } else if (searchString === '' || !searchString || ((val.name || '').toLowerCase().indexOf(searchString.toLowerCase()) !== -1)) {
-        const tempNode = (<CapTreeNode title={val.desc || val.name} tag={val} isLeaf key={val.couponSeriesId ? `${key}(${val.couponSeriesId})` : `${key}`}></CapTreeNode>);
+        const childDisabled = disableRelatedTags ? childTagsToDisable.includes(key) : false;
+        const tempNode = (
+          <CapTreeNode
+            title={childDisabled ? <CapTooltip title={loyaltyAttrDisableText}>{val.desc || val.name}</CapTooltip> : (val.desc || val.name)}
+            tag={val}
+            isLeaf
+            key={val.couponSeriesId ? `${key}(${val.couponSeriesId})` : `${key}`}
+            disabled={childDisabled}
+          >
+          </CapTreeNode>);
         list.push(tempNode);
       }
     });
@@ -253,10 +270,22 @@ CapTagList.propTypes = {
   visibleTaglist: PropTypes.bool,
   hidePopover: PropTypes.bool,
   modalProps: PropTypes.any,
+  disableTagsDetails: PropTypes.object,
 };
 
 CapTagList.defaultValue = {
   hidePopover: false,
 };
 
-export default injectIntl(CapTagList);
+function mapDispatchToProps() {
+  return {
+  };
+}
+
+const mapStateToProps = createStructuredSelector({
+  disableTagsDetails: makeSelectLoyaltyPromotionDisplay(),
+});
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(injectIntl(CapTagList));
+

package/v2Components/CapTagList/messages.js

@@ -42,4 +42,8 @@ export default defineMessages({
     id: 'creatives.componentsV2.CapTagList.search',
     defaultMessage: 'Search',
   },
+  "loyaltyAttributeDisable": {
+    id: `creatives.componentsV2.CapTagList.loyaltyAttributeDisable`,
+    defaultMessage: 'You won’t be able to add loyalty related attributes since the loyalty program/ card series is None.',
+  },
 });

package/v2Containers/Cap/constants.js

@@ -28,6 +28,8 @@ export const GET_TOPBAR_MENU_DATA_SUCCESS = 'creatives/cap/GET_TOPBAR_MENU_DATA_
 export const GET_TOPBAR_MENU_DATA_FAILURE = 'creatives/cap/GET_TOPBAR_MENU_DATA_FAILURE';
 export const CLEAR_TOPBAR_MENU_DATA = 'creatives/cap/CLEAR_TOPBAR_MENU_DATA';
 
+export const SET_LOYALTY_PROMOTION_RELATED_CREATIVE_TAGS_DISPLAY = 'SET_LOYALTY_PROMOTION_RELATED_CREATIVE_TAGS_DISPLAY';
+
 export const CAMPAIGN_SETTINGS_URL = '/creatives/settings/message';
 export const ORG_SETTINGS_URL = '/org/index';
 export const HELP_URL = 'https://support.capillarytech.com/en/support/solutions/4000007853';

package/v2Containers/Cap/index.js

@@ -9,7 +9,7 @@ import { createStructuredSelector } from 'reselect';
 import _ from 'lodash';
 import moment from 'moment';
 // import 'moment/locale/zh-cn';
-import { GA, multipleOrgSwitch, utilsSessionStorageApi } from '@capillarytech/cap-ui-utils';
+import { GA, multipleOrgSwitch, utilsSessionStorageApi, Auth } from '@capillarytech/cap-ui-utils';
 import { injectIntl, FormattedMessage, intlShape, FormattedHTMLMessage } from 'react-intl';
 import messages from './messages';
 import { makeSelectAuthenticated, makeSelectUser } from './selectors';
@@ -28,7 +28,6 @@ import {
   ORG_CHANGED,
 } from './constants';
 import './_cap.scss';
-
 const gtm = window.dataLayer || [];
 const {
   logNewTab,
@@ -75,12 +74,20 @@ export class Cap extends React.Component { // eslint-disable-line react/prefer-s
     const { pathname } = this.props.location;
     const parentModule = pathname.substring(pathname.lastIndexOf('/') + 1);
     this.props.actions.getUserData((userData) => {
+      const { currentOrgDetails } = this.props.Global || {};
+      const { accessibleFeatures = [] } = currentOrgDetails || {};
       if (!userData.accessiblePermissions.includes(CREATIVES_UI_VIEW)) {
         this.setState({ isCreativesAccessible: false });
       }
       const userGtmData = this.getUserGtmData();
       this.setDimensionData(userGtmData);
       gtm.push({...userGtmData, event: 'userAuthenticated'});
+      Auth.initialize({
+        permissions: userData.accessiblePermissions,
+        isCapUser: userData.isCapUser,
+        roles: Object.keys(userData.accessRoles),
+        accessibleFeatures,
+      });
     });
     this.props.actions.getTopbarMenuData(parentModule);
     if (this.props.Global.orgID !== undefined) {

package/v2Containers/Cap/reducer.js

@@ -82,7 +82,6 @@ function capReducer(state = fromJS(initialState.cap), action) {
         .set('fetchingSchema', false);
     case types.GET_SCHEMA_FOR_ENTITY_SUCCESS: {
       const stateMeta = state.get('metaEntities');
-      
       return state
         .set('fetchingSchema', false)
         .set('metaEntities', {
@@ -117,6 +116,11 @@ function capReducer(state = fromJS(initialState.cap), action) {
         );
     case types.CLEAR_TOPBAR_MENU_DATA:
       return state.set('topbarMenuData', fromJS({}));
+    case types.SET_LOYALTY_PROMOTION_RELATED_CREATIVE_TAGS_DISPLAY: {
+      return state.set('disableLoyaltyPromotionRelatedTags', action.disable)
+        .set('tagsToDisable', action.tagsToDisable)
+        .set('parentTagsToDisable', action.parentTagsToDisable);
+    }
     default:
       return state;
   }

package/v2Containers/Cap/selectors.js

@@ -31,7 +31,6 @@ const setInjectedTags = () => createSelector(
     const { tags } = metaEntities;
     const customTags = tags && (tags.custom || {});
     const extendedTags = tags && (tags.extended || {});
-    
     return (injectedTags = _.merge({}, injectedTags, customTags, extendedTags));
   }
 );
@@ -74,6 +73,15 @@ const makeSelectFetchingSchema = () => createSelector(
   (globalState) => globalState.get('fetchingSchema')
 );
 
+const makeSelectLoyaltyPromotionDisplay = () => createSelector(
+  selectCapDomain,
+  (globalState) => ({
+    disableRelatedTags: globalState.get('disableLoyaltyPromotionRelatedTags'),
+    childTagsToDisable: globalState.get('tagsToDisable') || [],
+    parentTagstoDisable: globalState.get('parentTagsToDisable') || [],
+  }),
+);
+
 export {
   makeSelectLocationState,
   makeSelectAuthenticated,
@@ -85,4 +93,5 @@ export {
   isLoadingMetaEntities,
   makeSelectFetchingSchema,
   setInjectedTags,
+  makeSelectLoyaltyPromotionDisplay,
 };

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -5,8 +5,8 @@ import get from 'lodash/get';
 import cloneDeep from 'lodash/cloneDeep';
 import TemplatesV2 from '../TemplatesV2';
 import TemplatePreview from '../../v2Components/TemplatePreview';
-import SmsCreate from '../Sms/Create';
-import SmsEdit from '../Sms/Edit';
+import SmsWrapper from '../SmsWrapper';
+// import SmsEdit from '../Sms/Edit';
 import Email from '../Email';
 import EmailWrapper from '../EmailWrapper';
 import MobilepushWrapper from '../MobilepushWrapper';
@@ -394,8 +394,9 @@ function SlideBoxContent(props) {
         />
       }
       {isEditSms && (
-        <SmsEdit
+        <SmsWrapper
           setIsLoadingContent={setIsLoadingContent}
+          isEditSms={isEditSms}
           location={creativesLocationProps}
           isFullMode={isFullMode}
           route={{ name: 'sms' }}
@@ -408,6 +409,8 @@ function SlideBoxContent(props) {
           selectedOfferDetails={selectedOfferDetails}
           onPreviewContentClicked={onPreviewContentClicked}
           onTestContentClicked={onTestContentClicked}
+          handleClose={handleClose}
+          onCreateComplete={onCreateComplete}
         />
       )}
       {isEditFTP && (
@@ -440,10 +443,11 @@ function SlideBoxContent(props) {
         />
        }
       {isCreateSms && (
-      <SmsCreate
+      <SmsWrapper
         setIsLoadingContent={setIsLoadingContent}
         location={creativesLocationProps}
         route={{ name: 'sms' }}
+        isCreateSms={isCreateSms}
         isComponent
         isGetFormData={isGetFormData}
         getFormSubscriptionData={getFormData}
@@ -453,8 +457,10 @@ function SlideBoxContent(props) {
         selectedOfferDetails={selectedOfferDetails}
         onPreviewContentClicked={onPreviewContentClicked}
         onTestContentClicked={onTestContentClicked}
+        onCreateComplete={onCreateComplete}
       />
         )}
+
       {isEmailCreate && (
       <EmailWrapper
         key="creatives-email-wrapper"