@capillarytech/creatives-library 3.1.47 → 3.2.0

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -60,8 +60,6 @@ function SlideBoxContent(props) {
       onValidationFail,
       channelsToHide,
       forwardedTags,
-      selectedOfferDetails,
-      channelsToDisable,
       weChatTemplateType,
       onWechatTemplateChange,
       selectedWeChatAccount,
@@ -115,7 +113,6 @@ function SlideBoxContent(props) {
         cap={cap}
         channelsToHide={channelsToHide}
         forwardedTags={forwardedTags}
-        channelsToDisable={channelsToDisable}
         />
         )}
       {isPreview && (
@@ -177,7 +174,6 @@ function SlideBoxContent(props) {
           getDefaultTags={type}
           templateData={templateData}
           forwardedTags={forwardedTags}
-          selectedOfferDetails={selectedOfferDetails}
         />
       )}
       {
@@ -187,7 +183,6 @@ function SlideBoxContent(props) {
             templateData={templateData}
             onCallTaskSubmit={onCallTaskSubmit}
             forwardedTags={forwardedTags}
-            selectedOfferDetails={selectedOfferDetails}
           />
       }
       {
@@ -196,7 +191,6 @@ function SlideBoxContent(props) {
            mode={'create'}
            onCallTaskSubmit={onCallTaskSubmit}
            forwardedTags={forwardedTags}
-           selectedOfferDetails={selectedOfferDetails}
         />
        }
       {isCreateSms && (
@@ -210,7 +204,6 @@ function SlideBoxContent(props) {
         getDefaultTags={type}
         isFullMode={isFullMode}
         forwardedTags={forwardedTags}
-        selectedOfferDetails={selectedOfferDetails}
       />
         )}
       {isEmailCreate && (
@@ -232,7 +225,6 @@ function SlideBoxContent(props) {
         showTemplateName={showTemplateName}
         onValidationFail={onValidationFail}
         forwardedTags={forwardedTags}
-        selectedOfferDetails={selectedOfferDetails}
       />
         )}
       {(isEditEmailWithId || isEmailEditWithContent) && (
@@ -255,7 +247,6 @@ function SlideBoxContent(props) {
         showTemplateName={showTemplateName}
         onValidationFail={onValidationFail}
         forwardedTags={forwardedTags}
-        selectedOfferDetails={selectedOfferDetails}
       />
         )}
       {isEditMPush &&
@@ -275,7 +266,6 @@ function SlideBoxContent(props) {
           getDefaultTags={type}
           onValidationFail={onValidationFail}
           forwardedTags={forwardedTags}
-          selectedOfferDetails={selectedOfferDetails}
         />
         }
       {isCreateMPush &&
@@ -299,8 +289,7 @@ function SlideBoxContent(props) {
         showTemplateName={showTemplateName}
         query={query}
         forwardedTags={forwardedTags}
-        onValidationFail={onValidationFail}
-        selectedOfferDetails={selectedOfferDetails}/>
+        onValidationFail={onValidationFail}/>
         }
     </CreativesWrapper>
   );
@@ -334,8 +323,6 @@ SlideBoxContent.propTypes = {
   onValidationFail: PropTypes.func,
   channelsToHide: PropTypes.array,
   forwardedTags: PropTypes.object,
-  selectedOfferDetails: PropTypes.array,
-  channelsToDisable: PropTypes.array,
   weChatTemplateType: PropTypes.string,
   onWechatTemplateChange: PropTypes.func,
   selectedWeChatAccount: PropTypes.object,

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -21,7 +21,6 @@ function getChannelLabel(channel) {
 function SlideBoxHeader(props) {
   const { slidBoxContent, templateData, onShowTemplates, creativesMode, isFullMode, showPrefix, shouldShowTemplateName, channel, templateNameRenderProp, weChatTemplateType, onWeChatMaptemplateStepChange, weChatMaptemplateStep, templateStep } = props;
   const showTemplateNameHeader = isFullMode && shouldShowTemplateName;
-  const mapTemplateCreate = !showTemplateNameHeader && slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
   return (
     <div key="creatives-container-slidebox-header-content">
       {slidBoxContent === 'templates' && !showTemplateNameHeader && (
@@ -66,7 +65,7 @@ function SlideBoxHeader(props) {
             }
           />
         )}
-      {mapTemplateCreate && (
+      {!showTemplateNameHeader && slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection' && (
         <CapSteps
           onChange={onWeChatMaptemplateStepChange}
           current={weChatMaptemplateStep}

package/v2Containers/CreativesContainer/index.js

@@ -24,8 +24,6 @@ import * as templateActions from '../Templates/actions';
 import * as globalActions from '../Cap/actions';
 import {isLoading as isLoadingSelector} from './selectors';
 import messages from './messages';
-import { MAP_TEMPLATE } from '../WeChat/Wrapper/constants';
-
 const classPrefix = 'add-creatives-section';
 
 const SlideBoxWrapper = styled.div`
@@ -465,11 +463,9 @@ class Creatives extends React.Component {
   }
   render() {
     const {slidBoxContent, isGetFormData, showSlideBox, templateData, currentChannel, emailCreateMode, templateStep, isLoadingContent, mobilePushCreateMode, isDiscardMessage, weChatTemplateType, weChatMaptemplateStep} = this.state;
-    const {isFullMode, creativesMode, cap, isUploading, channelsToHide, selectedWeChatAccount, forwardedTags, channelsToDisable, selectedOfferDetails} = this.props;
-    const mapTemplateCreate = slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
-    /* TODO: Instead of passing down same props separately to each component down, write common function to these props and pass it accordingly */
+    const {isFullMode, creativesMode, cap, isUploading, channelsToHide, selectedWeChatAccount, forwardedTags} = this.props;
     return (
-      <SlideBoxWrapper className={classnames(`${classPrefix} ${isFullMode ? 'creatives-full-mode' : 'creatives-library-mode'} ${mapTemplateCreate ? 'map-template-create' : ''}`)}>
+      <SlideBoxWrapper className={classnames(`${classPrefix} ${isFullMode ? 'creatives-full-mode' : 'creatives-library-mode'}`)}>
         <CapSlideBox
           header={
             <SlideBoxHeader
@@ -523,8 +519,6 @@ class Creatives extends React.Component {
               onValidationFail={this.onValidationFail}
               channelsToHide={channelsToHide}
               forwardedTags={forwardedTags}
-              selectedOfferDetails={selectedOfferDetails}
-              channelsToDisable={channelsToDisable}
               weChatTemplateType={weChatTemplateType}
               onWechatTemplateChange={this.onWechatTemplateChange}
               weChatMaptemplateStep={weChatMaptemplateStep}
@@ -576,8 +570,6 @@ Creatives.propTypes = {
   EmailLayout: PropTypes.string,
   channelsToHide: PropTypes.array,
   forwardedTags: PropTypes.object,
-  selectedOfferDetails: PropTypes.array,
-  channelsToDisable: PropTypes.array,
   selectedWeChatAccount: PropTypes.object,
 };
 const mapStatesToProps = () => createStructuredSelector({

package/v2Containers/CreativesContainer/index.scss

@@ -24,6 +24,9 @@ $classPrefix: add-creatives-section;
             width: 100%;
         }
     }
+    .slidebox-header div:first-child {
+        width: 100%;
+    }
     .wechat-steps {
         width: 40% !important;
         left: 20%;
@@ -36,10 +39,4 @@ $classPrefix: add-creatives-section;
             padding-top: 4px;
         }
     }
-}
-
-.map-template-create {
-    .slidebox-header div:first-child {
-        width: 100%;
-    }
 }

package/v2Containers/Email/index.js

@@ -58,7 +58,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       showImageSelectionBox: false,
       isDragDrop: false,
       showConfirmationModal: false,
-      modalContent: {title: this.props.intl.formatMessage(messages.alert), body: this.props.intl.formatMessage(messages.deleteLanguageConfirmation), type: 'confirm', id: 'email-language-delete-modal'},
+      modalContent: {title: this.props.intl.formatMessage(messages.alertMessage), body: this.props.intl.formatMessage(messages.deleteLanguageConfirmation), type: 'confirm', id: 'email-language-delete-modal'},
       showModal: false,
       page: 1,
       perPageLimit: 25,
@@ -906,14 +906,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     let modalContent = {};
     if (type === 'delete-version') {
       modalContent = {
-        title: this.props.intl.formatMessage(messages.alert),
+        title: this.props.intl.formatMessage(messages.alertMessage),
         body: this.props.intl.formatMessage(messages.deleteVersionConfirmation),
         type: 'confirm',
         id: 'email-version-delete-modal',
       };
     } else if (type === 'delete-language') {
       modalContent = {
-        title: this.props.intl.formatMessage(messages.alert),
+        title: this.props.intl.formatMessage(messages.alertMessage),
         body: this.props.intl.formatMessage(messages.deleteLanguageConfirmation),
         type: 'confirm',
         id: 'email-language-delete-modal',
@@ -1001,7 +1001,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       showImageSelectionBox: false,
       isDragDrop: false,
       showConfirmationModal: false,
-      modalContent: {title: this.props.intl.formatMessage(messages.alert), body: this.props.intl.formatMessage(messages.deleteLanguageConfirmation), type: 'confirm', id: 'email-language-delete-modal'},
+      modalContent: {title: this.props.intl.formatMessage(messages.alertMessage), body: this.props.intl.formatMessage(messages.deleteLanguageConfirmation), type: 'confirm', id: 'email-language-delete-modal'},
       showModal: false,
       page: 1,
       perPageLimit: 25,
@@ -1823,7 +1823,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   moveToTemplates = () => {
     const modalContent = {
-      title: this.props.intl.formatMessage(messages.alert),
+      title: this.props.intl.formatMessage(messages.alertMessage),
       body: this.props.intl.formatMessage(messages.goBackTemporaryChangesLost),
       type: 'confirm',
       id: 'template-back-confirm-modal',
@@ -2559,10 +2559,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     // const actionComponents = '';
     const schema = this.state.schema;
     const isLoading = this.isEmailLoading();
-    const previewHeader = (<h3>{this.props.intl.formatMessage(messages.h3emailPreview)}</h3>);
-    const imagePreviewHeader = (<h3>{this.props.intl.formatMessage(messages.h3imageSelection)}</h3>);
+    const previewHeader = (<h3>Email Preview</h3>);
+    const imagePreviewHeader = (<h3>Image Selection</h3>);
     const imagePreviewContent = this.getImagePreviewContent();
-    const { selectedOfferDetails } = this.props;
     if (!this.props.currentOrgDetails || !this.props.currentOrgDetails.basic_details) {
       return (<div>Loading...</div>);
     }
@@ -2618,7 +2617,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
                   getValidationData={this.saveValidationData}
                   saveForm={this.state.saveForm}
                   stopValidation={this.stopValidation}
-                  selectedOfferDetails={selectedOfferDetails}
               /> : ''}
             </Col>
           </Row>
@@ -2671,7 +2669,6 @@ Email.propTypes = {
   defaultData: PropTypes.object,
   showTemplateName: PropTypes.func,
   onValidationFail: PropTypes.func,
-  selectedOfferDetails: PropTypes.array,
 };
 
 const mapStateToProps = (state, props) => createStructuredSelector({

package/v2Containers/Email/messages.js

@@ -278,12 +278,4 @@ export default defineMessages({
     id: 'creatives.containersV2.Email.alertMessage',
     defaultMessage: 'Alert',
   },
-  "h3emailPreview": {
-    id: 'creatives.containersV2.Email.h3emailPreview',
-    defaultMessage: 'Email preview',
-  },
-  "h3imageSelection": {
-    id: 'creatives.containersV2.Email.h3imageSelection',
-    defaultMessage: 'Image selection',
-  },
 });

package/v2Containers/EmailWrapper/index.js

@@ -173,7 +173,6 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
       setIsLoadingContent,
       onValidationFail,
       forwardedTags,
-      selectedOfferDetails,
     } = this.props;
     const {
       templateName,
@@ -204,15 +203,15 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
               </CardContainer>
               <div>
                 {emailCreateMode === "upload" &&
-                  <div style={{ marginLeft: '8px' }}>
-                    <CapUploader onChange={this.useFileUpload} accept=".zip, .html, .htm" showUploadList={false}>
-                      <CapButton>{this.props.intl.formatMessage(messages.upload)}</CapButton>
-                    </CapUploader>
-                    {!_.isEmpty(EmailLayout) &&
-                      <div>{_.get(modeContent, "file.name")}</div>
-                    }
-                  </div>
-                }
+                <div style={{ marginLeft: '8px'}}>
+                  <CapUploader onChange={this.useFileUpload} accept=".zip, .html, .htm" showUploadList={false}>
+                    <CapButton>{this.props.intl.formatMessage(messages.upload)}</CapButton>
+                  </CapUploader>
+                  {!_.isEmpty(EmailLayout) &&
+                    <div>{_.get(modeContent, "file.name")}</div>
+                  }
+                </div>
+              }
               </div>
             </div>
             :
@@ -233,7 +232,6 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
                 showTemplateName={showTemplateName}
                 onValidationFail={onValidationFail}
                 forwardedTags={forwardedTags}
-                selectedOfferDetails={selectedOfferDetails}
               />}
               {CmsTemplates && !isShowEmailCreate && <CmsTemplatesComponent cmsTemplates={CmsTemplates} handleEdmDefaultTemplateSelection={this.useEditor} />}
             </div>
@@ -265,7 +263,6 @@ EmailWrapper.propTypes = {
   showTemplateName: PropTypes.func,
   onValidationFail: PropTypes.func,
   forwardedTags: PropTypes.object,
-  selectedOfferDetails: PropTypes.array,
 };
 
 const mapStateToProps = createStructuredSelector({

package/v2Containers/LanguageProvider/actions.js

@@ -4,19 +4,14 @@
  *
  */
 
-import * as types from './constants';
+import {
+  CHANGE_LOCALE,
+} from './constants';
 
 export function changeLocale(languageLocale) {
   console.log('trying to change locale', languageLocale);
   return {
-    type: types.CHANGE_LOCALE,
+    type: CHANGE_LOCALE,
     locale: languageLocale,
   };
 }
-
-export function getLocizMessage(locale) {
-  return {
-    type: types.GET_LOCIZ_MESSAGE_REQUEST,
-    locale,
-  };
-}

package/v2Containers/LanguageProvider/constants.js

@@ -4,11 +4,5 @@
  *
  */
 
+export const CHANGE_LOCALE = 'app/LanguageToggle/CHANGE_LOCALE';
 export const DEFAULT_LOCALE = 'en';
-
-export const GET_LOCIZ_MESSAGE_REQUEST =
-  'app/LanguageProvider/GET_LOCIZ_MESSAGE_REQUEST';
-export const GET_LOCIZ_MESSAGE_SUCCESS =
-  'app/LanguageProvider/GET_LOCIZ_MESSAGE_SUCCESS';
-export const GET_LOCIZ_MESSAGE_FAILURE =
-  'app/LanguageProvider/GET_LOCIZ_MESSAGE_FAILURE';

package/v2Containers/LanguageProvider/index.js

@@ -9,74 +9,37 @@
 import PropTypes from 'prop-types';
 
 import React from 'react';
-import { ConfigProvider } from 'antd';
-import enUS from 'antd/es/locale-provider/en_US';
-import zhCN from 'antd/es/locale-provider/zh_CN';
 import { connect } from 'react-redux';
-import { createStructuredSelector } from 'reselect';
+import { createSelector } from 'reselect';
 import { IntlProvider } from 'react-intl';
-import moment from 'moment';
-import { bindActionCreators } from 'redux';
-import * as actions from './actions';
-import { makeSelectLocale } from './selectors';
 
+import { makeSelectLocale } from './selectors';
 
 export class LanguageProvider extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
-  componentDidMount() {
-    const user = localStorage.getItem('user');
-    let locale = localStorage.getItem('jlocale') || 'en';
-    moment.locale(locale);
-    if (user) {
-      locale = JSON.parse(user).lang;
-    }
-    locale = this.getMappedLocale(locale);
-    this.props.actions.getLocizMessage(locale);
-  }
-  /*global getMappedLocale */
-  getMappedLocale = (locale) => {
-    const map = {
-      'en': 'en-US',
-      'zh-cn': 'zh',
-      'zh': 'zh',
-      'en-US': 'en-US',
-    };
-    return map[locale];
-  };
-
   render() {
-    const { locale, messages} = this.props.language;
-    const mappedLocale = {
-      'en': enUS,
-      'zh-cn': zhCN,
-      'en-US': enUS,
-      'zh': zhCN,
-    };
-    const jLocale = localStorage.getItem('jlocale') || 'en';
-    const file = mappedLocale[jLocale];
     return (
-      <ConfigProvider locale={file}>
-        <IntlProvider locale={locale} key={locale} messages={messages}>
-          {React.Children.only(this.props.children)}
-        </IntlProvider>
-      </ConfigProvider>
+      <IntlProvider locale={this.props.locale} key={this.props.locale} messages={this.props.messages[this.props.locale]}>
+        {React.Children.only(this.props.children)}
+      </IntlProvider>
     );
   }
 }
 
 LanguageProvider.propTypes = {
-  language: PropTypes.object,
-  actions: PropTypes.object,
+  locale: PropTypes.string,
+  messages: PropTypes.object,
   children: PropTypes.element.isRequired,
 };
 
 
-const mapStateToProps = createStructuredSelector({
-  language: makeSelectLocale(),
-});
+const mapStateToProps = createSelector(
+  makeSelectLocale(),
+  (locale) => ({ locale })
+);
 
 function mapDispatchToProps(dispatch) {
   return {
-    actions: bindActionCreators(actions, dispatch),
+    dispatch,
   };
 }
 

package/v2Containers/LanguageProvider/reducer.js

@@ -6,24 +6,22 @@
 
 import { fromJS } from 'immutable';
 
-import * as types from './constants';
+import {
+  CHANGE_LOCALE,
+} from './constants';
+import {
+  DEFAULT_LOCALE,
+} from '../Cap/constants'; // eslint-disable-line
 
 const initialState = fromJS({
-  locale: types.DEFAULT_LOCALE,
-  messages: {},
-  localeLoading: false,
+  locale: DEFAULT_LOCALE,
 });
 
 function languageProviderReducer(state = initialState, action) {
   switch (action.type) {
-    case types.GET_LOCIZ_MESSAGE_REQUEST:
-      return state.set('localeLoading', true);
-    case types.GET_LOCIZ_MESSAGE_SUCCESS:
+    case CHANGE_LOCALE:
       return state
-        .set('localeLoading', false)
-        .set('messages', fromJS(action.data));
-    case types.GET_LOCIZ_MESSAGE_FAILURE:
-      return state.set('localeLoading', false);
+        .set('locale', action.locale);
     default:
       return state;
   }

package/v2Containers/LanguageProvider/selectors.js

@@ -11,7 +11,7 @@ const selectLanguage = (state) => state.get('language');
 
 const makeSelectLocale = () => createSelector(
   selectLanguage,
-  (languageState) => languageState.toJS()
+  (languageState) => languageState.get('locale')
 );
 
 export {

package/v2Containers/MobilePush/Create/index.js

@@ -978,7 +978,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                       size={"label"}/>
                   </CapColumn>
                   <CapColumn span={6}>
-                    <CapLink title={this.props.intl.formatMessage(messages.change)} onClick={() => this.addSecondoryCtaIos(true, this.state.formData, {id: "add-sec-cta-ios"})}/>
+                    <CapLink title="change" onClick={() => this.addSecondoryCtaIos(true, this.state.formData, {id: "add-sec-cta-ios"})}/>
                   </CapColumn>
                 </CapRow>,
                 primitive: true,
@@ -1705,7 +1705,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 setModalContent={this.setModalContent}
                 startValidation={this.state.startValidation}
                 stopValidation={this.stopValidation}
-                selectedOfferDetails={this.props.selectedOfferDetails}
               />
             </CapColumn>
             {this.props.iosCtasData && this.state.showIosCtaTable &&

package/v2Containers/MobilePush/Create/messages.js

@@ -290,8 +290,4 @@ export default defineMessages({
     id: 'creatives.containersV2.MobilePush.Create.here',
     defaultMessage: 'here .',
   },
-  "change": {
-    id: 'creatives.containersV2.MobilePush.Create.change',
-    defaultMessage: 'change',
-  },
 });

package/v2Containers/MobilePush/Edit/index.js

@@ -967,7 +967,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                       size={"label"}/>
                   </CapColumn>
                   <CapColumn span={6}>
-                    <CapLink title={this.props.intl.formatMessage(messages.change)} onClick={() => this.addSecondoryCtaIos(true, this.state.formData, {id: "add-sec-cta-ios"})}/>
+                    <CapLink title="change" onClick={() => this.addSecondoryCtaIos(true, this.state.formData, {id: "add-sec-cta-ios"})}/>
                   </CapColumn>
                 </CapRow>,
                 primitive: true,
@@ -1792,7 +1792,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                 setModalContent={this.setModalContent}
                 startValidation={this.state.startValidation}
                 stopValidation={this.stopValidation}
-                selectedOfferDetails={this.props.selectedOfferDetails}
               />}
             </CapColumn>
             {this.props.iosCtasData && this.state.showIosCtaTable &&

package/v2Containers/MobilePush/Edit/messages.js

@@ -282,8 +282,4 @@ export default defineMessages({
     id: 'creatives.containersV2.MobilePush.Edit.pleaseInput',
     defaultMessage: "Please input",
   },
-  "change": {
-    id: 'creatives.containersV2.MobilePush.Edit.change',
-    defaultMessage: "change",
-  },
 });

package/v2Containers/Sms/Create/index.js

@@ -176,7 +176,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     const unicodeEnabled = _.get(this.state, `formData[0]['unicode-validity']`);
     const smsDetails = updateCharCount(content || "", unicodeEnabled || false);
     if (this.smsCount.current) {
-      this.smsCount.current.innerText = `${smsDetails.parts}${this.props.intl.formatMessage(messages.sms)} (${smsDetails.chars_used} ${this.props.intl.formatMessage(messages.characters)})`;
+      this.smsCount.current.innerText = `${smsDetails.parts}SMS (${smsDetails.chars_used} characters)`;
     }
   }
 
@@ -970,7 +970,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 router={this.props.router}
                 startValidation={this.state.startValidation}
                 stopValidation={this.stopValidation}
-                selectedOfferDetails={this.props.selectedOfferDetails}
               />
             </CapColumn>
           </CapRow>
@@ -996,7 +995,6 @@ Create.propTypes = {
   isFullMode: PropTypes.bool,
   getFormSubscriptionData: PropTypes.func,
   isLoadingMetaEntities: PropTypes.bool,
-  selectedOfferDetails: PropTypes.array,
 };
 
 const mapStateToProps = createStructuredSelector({

package/v2Containers/Sms/Create/messages.js

@@ -110,20 +110,4 @@ export default defineMessages({
     id: 'creatives.containersV2.Create.templateNotValid',
     defaultMessage: 'Template data is not valid',
   },
-  "Creative name": {
-    id: 'creatives.containersV2.Create.creativeName',
-    defaultMessage: 'Creative name',
-  },
-  "Add label": {
-    id: 'creatives.containersV2.Create.addLabel',
-    defaultMessage: 'Add label',
-  },
-  "sms": {
-    id: 'creatives.containersV2.Create.sms',
-    defaultMessage: 'SMS',
-  },
-  "characters" : {
-    id: 'creatives.containersV2.Create.characters',
-    defaultMessage: 'characters',
-  },
 });

package/v2Containers/Sms/Edit/index.js

@@ -194,7 +194,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     const unicodeEnabled = _.get(this.state, `formData[0]['unicode-validity']`);
     const smsDetails = updateCharCount(content || "", unicodeEnabled || false);
     if (this.smsCount.current) {
-      this.smsCount.current.innerText = `${smsDetails.parts}${this.props.intl.formatMessage(messages.sms)} (${smsDetails.chars_used} ${this.props.intl.formatMessage(messages.characters)})`;
+      this.smsCount.current.innerText = `${smsDetails.parts}SMS (${smsDetails.chars_used} characters)`;
     }
   }
 
@@ -966,7 +966,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                 router={this.props.router}
                 startValidation={this.state.startValidation}
                 stopValidation={this.stopValidation}
-                selectedOfferDetails={this.props.selectedOfferDetails}
               />
             </CapColumn>
           </CapRow>
@@ -995,7 +994,6 @@ Edit.propTypes = {
   setIsLoadingContent: PropTypes.func,
   // route: PropTypes.object,
   injectedTags: PropTypes.object,
-  selectedOfferDetails: PropTypes.array,
 };
 
 const mapStateToProps = createStructuredSelector({

package/v2Containers/Sms/Edit/messages.js

@@ -102,20 +102,4 @@ export default defineMessages({
     id: 'creatives.containersV2.Edit.templateMarkedSuccessfully',
     defaultMessage: "Template Marked as Final Successfully",
   },
-  "Creative name": {
-    id: 'creatives.containersV2.Edit.creativeName',
-    defaultMessage: 'Creative name',
-  },
-  "Add label": {
-    id: 'creatives.containersV2.Edit.addLabel',
-    defaultMessage: 'Add label',
-  },
-  "sms": {
-    id: 'creatives.containersV2.Edit.sms',
-    defaultMessage: 'SMS',
-  },
-  "characters" : {
-    id: 'creatives.containersV2.Edit.characters',
-    defaultMessage: 'characters',
-  },
 });