@capillarytech/creatives-library 7.12.13 → 7.12.15

package/containers/Assets/Gallery/tests/__snapshots__/reducer.test.js.snap

@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`galleryReducer Initial State should match snapshot returns the initial state 1`] = `
-Immutable.Map {
-  "assetList": Immutable.List [],
+Object {
+  "assetList": Array [],
   "assetUploading": false,
   "fetchingAllAssets": false,
 }

package/index.js

@@ -91,10 +91,6 @@ import Whatsapp from './v2Containers/Whatsapp';
 import whatsappReducer from './v2Containers/Whatsapp/reducer';
 import whatsappSaga from './v2Containers/Whatsapp/sagas';
 
-import Rcs from './v2Containers/Rcs';
-import rcsReducer from './v2Containers/Rcs/reducer';
-import rcsSaga from './v2Containers/Rcs/sagas';
-
 export {default as Ebill} from './v2Containers/Ebill';
 export {default as EbillReducer} from './v2Containers/Ebill/reducer';
 export {default as EbillSaga} from './v2Containers/Ebill/sagas';
@@ -120,7 +116,6 @@ const ViberContainer = {Viber, viberReducer, viberSaga};
 const FacebookPreviewContainer = { FacebookPreview, facebookPreviewReducer, facebookPreviewSaga };
 const SmsTraiContainer = {SmsTraiCreate, SmsTraiCreateReducer, SmsTraiCreateSaga};
 const WhatsappContainer = { Whatsapp, whatsappReducer, whatsappSaga };
-const RcsContainer = { Rcs, rcsReducer, rcsSaga };
 
 const GalleryContainer = {Gallery, galleryReducer, gallerySagas};
 const FTPContainer = {FTP, FTPReducer, FTPSagas};
@@ -168,5 +163,4 @@ export { CapContainer,
   FacebookPreviewContainer,
   SmsTraiContainer,
   WhatsappContainer,
-  RcsContainer,
 };

package/package.json

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

package/routes.js

@@ -4,6 +4,7 @@
 // about the code splitting business
 import React from 'react';
 import { getAsyncInjectors } from 'utils/asyncInjectors';
+import pathConfig from './config/path'
 import * as rootSaga from 'containers/Cap/sagas';
 import * as smsSagas from 'containers/Sms/Create/sagas';
 import * as smsEditSagas from 'containers/Sms/Edit/sagas';
@@ -13,7 +14,6 @@ import * as emailSagas from 'containers/Email/sagas';
 import * as templateSagas from 'containers/Templates/sagas';
 import * as lineSagas from 'containers/Line/Create/sagas';
 import * as languageSaga from './v2Containers/LanguageProvider/sagas';
-import pathConfig from './config/path';
 
 import {updateCharCount} from './utils/smsCharCountV2';
 const errorLoading = (err) => {
@@ -26,7 +26,7 @@ const loadModule = (cb) => (componentModule) => {
 
 const loadModuleWithProps = (cb) => (ComponentModule, props) => {
   cb(
-    null,
+    null, 
     () => <ComponentModule.default {...props} />
   );
 };
@@ -662,8 +662,6 @@ export default function createRoutes(store) {
           import('v2Containers/SmsTrai/Create/reducer'),
           import('v2Containers/Whatsapp/sagas'),
           import('v2Containers/Whatsapp/reducer'),
-          import('v2Containers/Rcs/sagas'),
-          import('v2Containers/Rcs/reducer'),
         ]);
 
         const renderRoute = loadModule(cb);
@@ -688,7 +686,6 @@ export default function createRoutes(store) {
           capFacebookPreviewSagas, capFacebookPreviewReducer,
           smsTraiSagas, smsTraiReducer,
           whatsappSagas, whatsappReducer,
-          rcsSagas, rcsReducer,
         ]) => {
           injectReducer('templates', reducer.default);
           injectReducer('cap', capReducer.default);
@@ -709,7 +706,6 @@ export default function createRoutes(store) {
           injectReducer('facebookPreview', capFacebookPreviewReducer.default);
           injectReducer('smsTrai', smsTraiReducer.default);
           injectReducer('whatsapp', whatsappReducer.default);
-          injectReducer('rcs', rcsReducer.default);
           injectSagas(gallerySagas.default);
           injectSagas(sagas.default);
           injectSagas(capSagas.default);
@@ -729,7 +725,6 @@ export default function createRoutes(store) {
           injectSagas(capFacebookPreviewSagas.default);
           injectSagas(smsTraiSagas.default);
           injectSagas(whatsappSagas.default);
-          injectSagas(rcsSagas.default);
           renderRoute(component);
         });
         importModules.catch(errorLoading);

package/services/api.js

@@ -109,14 +109,14 @@ function request(url, options, handleUnauthorizedStatus) {
   }
   const fetchUrl = url.indexOf('?') !== -1 ? `${url}&time=${Date.now()}` : `${url}?time=${Date.now()}`;
   return fetch(fetchUrl, options)
-    .then((response) => {
+    .then(response => {
       if (response.status === 403 && handleUnauthorizedStatus) {
         showSomethingwentWrong();
       }
       return checkStatus(response);
     })
     .then(parseJSON)
-    .catch((error) => error);
+    .catch(error => error);
 }
 
 function getAPICallObject(method, body, isFileUpload = false, loadCampaignHeaders = false) {
@@ -259,12 +259,6 @@ export const createEbillTemplate = ({template}) => {
   return request(url, getAPICallObject('POST', template));
 };
 
-export const createChannelWiseTemplate = ({ channel, template }) => {
-  const url = `${API_ENDPOINT}/templates/${channel}`;
-  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'));

package/v2Components/CapImageUpload/index.js

@@ -19,7 +19,6 @@ import { injectIntl, FormattedMessage, intlShape} from 'react-intl';
 import get from 'lodash/get';
 import './index.scss';
 import Gallery from '../../v2Containers/Assets/Gallery';
-import { FACEBOOK, RCS } from "../../v2Containers/CreativesContainer/constants";
 
 import messages from './messages';
 function CapImageUpload(props) {
@@ -39,7 +38,6 @@ function CapImageUpload(props) {
     index,
     className,
     imageData,
-    channel,
   } = props;
   const {
     formatMessage,
@@ -57,16 +55,13 @@ function CapImageUpload(props) {
   const [isDrawerRequired, updateDrawerRequirement] = useState(false);
 
   const {CapHeadingSpan} = CapHeading;
-  const ImageComponent = useCallback(
-    () => (
-      <div className={`image-container upload ${props.ifError ? 'error' : ''}`}>
-        {imageSrc !== '' && (
-          <CapImage src={imageSrc || ''} alt="upload-image-src" height="400" />
-        )}
-      </div>
-    ),
-    [imageSrc],
-  );
+  const ImageComponent = useCallback(() => (<>
+    <div
+      className={`image-container upload ${props.ifError ? 'error' : ''}`}
+    >
+      {imageSrc !== "" && (<CapImage src={imageSrc || ""} alt="upload-image-src" height="400" />)}
+    </div></>
+  ), []);
 
   const WithLabel = LabelHOC(ImageComponent);
 
@@ -209,7 +204,7 @@ function CapImageUpload(props) {
         <FormattedMessage {...messages.imageReUpload} />
       </CapButton>
     );
-  }, [isImageError, imageSrc]);
+  }, [isImageError]);
 
   return (
     <div style={style} className="cap-custom-image-upload">
@@ -239,16 +234,9 @@ function CapImageUpload(props) {
         <CapHeadingSpan type="label2" className="image-dimension">
           <FormattedMessage {...messages.imageDimenstionDescription} values={{ width: imgWidth, height: imgHeight}}/>
         </CapHeadingSpan>
-        {channel === FACEBOOK && (
-          <CapHeadingSpan type="label2" className="image-aspect-ratio">
-            <FormattedMessage {...messages.aspectRatio} />
-          </CapHeadingSpan>
-        )}
-        {channel === RCS && (
-          <CapHeadingSpan type="label2" className="image-size">
-            <FormattedMessage {...messages.imageSize} />
-          </CapHeadingSpan>
-        )}
+        <CapHeadingSpan type="label2" className="image-aspect-ratio">
+          <FormattedMessage {...messages.aspectRatio} />
+        </CapHeadingSpan>
         <CapHeadingSpan type="label2" className="image-format">
           <FormattedMessage {...messages.format} />
         </CapHeadingSpan>
@@ -273,7 +261,6 @@ CapImageUpload.propTypes = {
   updateOnReUpload: PropTypes.func,
   imageData: PropTypes.object,
   index: PropTypes.number,
-  channel: PropTypes.string,
 };
 
 export default injectIntl(CapImageUpload);

package/v2Components/CapImageUpload/index.scss

@@ -3,15 +3,30 @@
 $classPrefix: cap-custom-image-upload;
 
 .#{$classPrefix} {
-  .upload-image {
-    margin-right: $CAP_SPACE_08;
-  }
-  .gallery-select {
-    margin-left: $CAP_SPACE_08;
-  }
-  .image-info-wrapper {
-    display: flex;
-    justify-content: space-between;
-    margin-top: 8px;
-  }
-}
+    .image-container{
+        .upload{
+            margin-top: 20;
+            background-color: $CAP_G09;
+        }
+    }
+    .upload-image{
+        margin-right: $CAP_SPACE_08
+    }
+    .gallery-select{
+        margin-left: $CAP_SPACE_08
+    }
+    .image-format{
+        float: right; 
+    }
+    .image-aspect-ratio{
+        margin-top: $CAP_SPACE_12;
+        margin-left: 64px; 
+    }
+    .image-dimension{
+        margin-top: $CAP_SPACE_12;
+        margin-right: 46px; 
+    }
+    .image-info-wrapper{
+        margin-bottom: 15px; 
+    }
+}

package/v2Components/CapImageUpload/messages.js

@@ -8,7 +8,7 @@ export default defineMessages({
   },
   uploadComputer: {
     id: `${scope}.uploadComputer`,
-    defaultMessage: 'Select from computer',
+    defaultMessage: 'Your computer',
   },
   or: {
     id: `${scope}.or`,
@@ -24,20 +24,19 @@ export default defineMessages({
   },
   imageReUpload: {
     id: `${scope}.imageReUpload`,
-    defaultMessage: 'Reupload',
+    defaultMessage: 'Re upload',
   },
   imageDimenstionDescription: {
     id: `${scope}.imageDimenstionDescription`,
-    defaultMessage: 'Dimensions upto: {width}px x {height}px',
+    defaultMessage: 'Dimensions: {width}px x {height}px',
   },
   format: {
     id: `${scope}.format`,
-    defaultMessage: 'Format: JPEG, JPG, PNG',
+    defaultMessage: 'Format: JPG, PNG',
   },
   imageIncorrectSize: {
     id: `${scope}.imageIncorrectSize`,
-    defaultMessage:
-      'Please upload the image with correct type, size and dimension',
+    defaultMessage: 'Please upload the image with correct type, size and dimension',
   },
   imageGallery: {
     id: `${scope}.imageGallery`,
@@ -47,8 +46,4 @@ export default defineMessages({
     id: `${scope}.aspectRatio`,
     defaultMessage: 'Aspect ratio: 1:1',
   },
-  imageSize: {
-    id: `${scope}.imageSize`,
-    defaultMessage: 'Size upto: 2MB',
-  },
 });

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -77,10 +77,6 @@
         font-size: 10px;
         width: 100%;
         font-family: 'open-sans';
-        .rcs-image{
-          width: 100%;
-          height: 123px;
-        }
         .message-pop-item{
           padding: 4px;
           background: #3F51B5;
@@ -91,12 +87,6 @@
           &:first-child{
             margin-top: 0;
           }
-          &.rcs-content {
-            background: $CAP_WHITE;
-            color: $CAP_G01;
-            margin-top: 0;
-            padding: 4px 8px;
-          }
         }
       }
       &:not(.sms){

package/v2Components/TemplatePreview/index.js

@@ -17,7 +17,6 @@ import messages from './messages';
 import {
   WECHAT,
   WHATSAPP,
-  RCS,
 } from '../../v2Containers/CreativesContainer/constants';
 import Carousel from '../Carousel';
 import { VIBER, FACEBOOK } from '../../v2Containers/App/constants';
@@ -25,7 +24,6 @@ import { UNSUBSCRIBE_TEXT_LENGTH } from '../../v2Containers/Whatsapp/constants';
 import whatsappMobileAndroid from './assets/images/whatsapp_mobile_android.svg'
 const wechatBodyNew = require('./assets/images/wechat_mobile_android.svg');
 const smsMobileAndroid = require('./assets/images/sms_mobile_android.svg');
-const smsMobileIos = require('./assets/images/sms_mobile_ios.svg');
 const lineMobileAndroid = require('../../assets/line.png');
 const viberMobileAndroid = require('./assets/images/viberMobile.svg');
 
@@ -160,11 +158,9 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
       whatsappContentLen,
       intl,
       templateData,
-      rcsIosPreview,
     } = this.props;
     const { formatMessage } = intl;
-    const { buttonText, imageURL, rcsPreviewContent, messageContent: viberMessageContent } = content || {};
-    const { rcsImageSrc, rcsTitle, rcsDesc } = rcsPreviewContent || {};
+    const { buttonText, imageURL, messageContent: viberMessageContent } = content || {};
     let smsDetails = {};
     // let smsText = '';
     if (this.props.content && this.props.charCounterEnabled) {
@@ -726,42 +722,6 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
                 ''
               )
             }
-            {
-              channel?.toUpperCase() === RCS && (
-                <div className='shell-v2 align-center'>
-                  <CapImage
-                    className='preview-image'
-                    src={rcsIosPreview ? smsMobileIos : smsMobileAndroid}
-                    alt={formatMessage(messages.previewGenerated)}
-                  />
-                  <div className='msg-container sms'>
-                    <div className='message-pop sms'>
-                      {rcsImageSrc && (
-                        <CapImage
-                          src={rcsImageSrc}
-                          className='rcs-image'
-                          alt={formatMessage(messages.previewGenerated)}
-                        />
-                      )}
-                      {rcsTitle && (
-                        <CapLabel
-                          type="label5"
-                          className='message-pop-item align-left rcs-content'
-                          fontWeight='bold'
-                        >
-                          {rcsTitle}
-                        </CapLabel>
-                      )}
-                      {rcsDesc && (
-                        <CapLabel type="label5" className='message-pop-item align-left rcs-content rcs-desc'>
-                          {rcsDesc}
-                        </CapLabel>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              )
-            }
             {channel && channel.toLowerCase() === FACEBOOK && (
               <div style={{position: 'absolute', left: '80%'}} id="facebook-preview">
                 <CapFacebookPreview

package/v2Components/TemplatePreview/tests/__snapshots__/index.test.js.snap

@@ -1,37 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Test Templates container Should render correct preview component for rcs channel 1`] = `
-<CapRow>
-  <CapColumn
-    span={16}
-  />
-  <CapColumn
-    span={8}
-  >
-    <div
-      className="preview-container "
-    >
-      <div
-        className="shell-v2 align-center"
-      >
-        <CapImage
-          alt="Preview is being generated"
-          className="preview-image"
-          src="test-file-stub"
-        />
-        <div
-          className="msg-container sms"
-        >
-          <div
-            className="message-pop sms"
-          />
-        </div>
-      </div>
-    </div>
-  </CapColumn>
-</CapRow>
-`;
-
 exports[`Test Templates container Should render correct preview component for whatsapp channel 1`] = `
 <CapRow>
   <CapColumn
@@ -89,7 +57,7 @@ exports[`Test Templates container Should render correct preview component for wh
               Object {
                 "background-color": "#efefef",
                 "border-radius": "6px",
-                "left": 0,
+                "left": "10%",
                 "padding": "4px 0 0.571rem",
                 "width": "88%",
               }

package/v2Components/TemplatePreview/tests/index.test.js

@@ -2,23 +2,23 @@ import React from 'react';
 import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
 
 import { TemplatePreview } from '../index';
+import mockdata from '../../mockdata';
 
 
 describe('Test Templates container', () => {
   let renderedComponent;
 
-  const renderFunction = (channel) => {
+  const renderFunction = () => {
     renderedComponent = shallowWithIntl(
-      <TemplatePreview channel={channel} showCount />,
+      <TemplatePreview
+        channel="whatsapp"
+        showCount
+      />
     );
   };
 
   it('Should render correct preview component for whatsapp channel', () => {
-    renderFunction('whatsapp');
-    expect(renderedComponent).toMatchSnapshot();
-  });
-  it('Should render correct preview component for rcs channel', () => {
-    renderFunction('rcs');
+    renderFunction();
     expect(renderedComponent).toMatchSnapshot();
   });
 });

package/v2Containers/App/constants.js

@@ -48,7 +48,6 @@ export const PREVIEW = 'preview';
 export const VIBER = 'viber';
 export const FACEBOOK = 'facebook';
 export const WHATSAPP = 'whatsapp';
-export const RCS = 'rcs';
 
 export const TRACK_EDIT_SMS = 'editSms';
 export const TRACK_EDIT_EMAIL = 'editEmail';
@@ -111,4 +110,4 @@ export const LOYALTY = 'loyalty';
 
 export const FAILURE = 'FAILURE';
 export const DATE_DISPLAY_FORMAT = 'D MMM YYYY';
-export const TIME_DISPLAY_FORMAT = 'hh:mm A';
+export const TIME_DISPLAY_FORMAT = 'hh:mm A';

package/v2Containers/Assets/Gallery/tests/__snapshots__/reducer.test.js.snap

@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`galleryReducer Initial State should match snapshot returns the initial state 1`] = `
-Immutable.Map {
-  "assetList": Immutable.List [],
+Object {
+  "assetList": Array [],
   "assetUploading": false,
   "fetchingAllAssets": false,
 }

package/v2Containers/Cap/messages.js

@@ -88,26 +88,7 @@ export default defineMessages({
     id: `creatives.containersV2.templateNamePlaceholder`,
     defaultMessage: 'Enter template name',
   },
-  "emptyTemplateNameErrorMessage": {
-    id: `creatives.containersV2.emptyTemplateNameErrorMessage`,
-    defaultMessage: 'Template name cannot be empty',
-  },
-  "creativeNameLabel": {
-    id: `creatives.containersV2.creativeNameLabel`,
-    defaultMessage: 'Creative name',
-  },
-  "addLabels": {
-    id: `creatives.containersV2.addLabels`,
-    defaultMessage: 'Add labels',
-  },
-  "preview": {
-    id: `creatives.containersV2.preview`,
-    defaultMessage: 'Preview',
-  },
-  "delete": {
-    id: `creatives.containersV2.delete`,
-    defaultMessage: 'Delete',
-  },
+
     //refresh due to org change messages
 
   "refreshOrgText": {

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -22,7 +22,6 @@ import LineContainer from '../Line/Container';
 import FTP from '../FTP';
 import Viber from '../Viber';
 import Whatsapp from '../Whatsapp';
-import Rcs from '../Rcs';
 import { getWhatsappContent } from '../Whatsapp/utils';
 import * as commonUtil from '../../utils/common';
 const CreativesWrapper = styled.div`
@@ -175,11 +174,9 @@ export function SlideBoxContent(props) {
 
 
   const isCreate = slidBoxContent === 'createTemplate';
-  const isEdit = slidBoxContent === 'editTemplate';
   const isCreateSms = isCreate && channel === constants.SMS;
   const isCreateFacebook = isCreate && channel === constants.FACEBOOK;
   const isCreateWhatsapp = isCreate && channel === constants.WHATSAPP;
-  const isCreateRcs = isCreate && channel === constants.RCS;
   const isCreateMPush = isCreate && channel === constants.MOBILE_PUSH;
   const isCreateCallTask = isCreate && channel === constants.CALL_TASK;
   let isEditSms = false;
@@ -193,34 +190,32 @@ export function SlideBoxContent(props) {
   let isEditFacebook = false;
   let isEditFTP = false;
   let isEditWhatsapp = false;
-  let isEditRcs = false;
   const isEmailCreate = isCreate && channel === constants.EMAIL;
   if (templateData && channel) {
     channel = templateData.type;// for edit mode with template data
-    isEditSms = isEdit && channel === constants.SMS;
-    isEditCallTask = isEdit && channel === constants.CALL_TASK;
-    isEditMPush = isEdit && channel === constants.MOBILE_PUSH;
-    isEditEmailWithId = isEdit && channel === constants.EMAIL && templateData._id;
-    isEmailEditWithContent = isEdit && channel === constants.EMAIL && !templateData._id;
-    isEditFacebook = isEdit && channel === constants.FACEBOOK;
-    isEditWhatsapp = isEdit && channel === constants.WHATSAPP;
-    isEditRcs = isEdit && channel === constants.RCS;
-    isPreview = slidBoxContent === 'preview' && [constants.SMS, constants.LINE, constants.WHATSAPP, constants.FACEBOOK, constants.VIBER, constants.RCS].includes(channel);
+    isEditSms = slidBoxContent === 'editTemplate' && channel === constants.SMS;
+    isEditCallTask = slidBoxContent === 'editTemplate' && channel === constants.CALL_TASK;
+    isEditMPush = slidBoxContent === 'editTemplate' && channel === constants.MOBILE_PUSH;
+    isEditEmailWithId = slidBoxContent === 'editTemplate' && channel === constants.EMAIL && templateData._id;
+    isEmailEditWithContent = slidBoxContent === 'editTemplate' && channel === constants.EMAIL && !templateData._id;
+    isEditFacebook = slidBoxContent === 'editTemplate' && channel === constants.FACEBOOK;
+    isEditWhatsapp = slidBoxContent === 'editTemplate' && channel === constants.WHATSAPP;
+    isPreview = slidBoxContent === 'preview' && (channel === constants.SMS || channel === constants.LINE || channel === constants.VIBER || channel === constants.FACEBOOK || channel === constants.WHATSAPP);
     isEmailPreview = slidBoxContent === 'preview' && channel === constants.EMAIL;
     isMpushPreview = slidBoxContent === 'preview' && channel === constants.MOBILE_PUSH;
-    isEditFTP = isEdit && [constants.NO_COMMUNICATION, constants.FTP].includes(channel);
+    isEditFTP = slidBoxContent === 'editTemplate' && [constants.NO_COMMUNICATION, constants.FTP].includes(channel);
   }
-  const isDltEnabled = commonUtil.isTraiDLTEnable(isFullMode, smsRegister);
 
   const getChannelPreviewContent = (templateDataObject) => {
     switch (templateDataObject.type.toUpperCase()) {
       case constants.SMS: {
+        const isTraiDlt = commonUtil.isTraiDLTEnable(isFullMode, smsRegister);
         const updatedSmsEditor = get(
           templateDataObject,
           `versions.base['updated-sms-editor']`,
           '',
         );
-        if (!isDltEnabled || updatedSmsEditor === '') {
+        if (!isTraiDlt || updatedSmsEditor === '') {
           return get(templateDataObject, `versions.base['sms-editor']`);
         }
         return updatedSmsEditor.join('');
@@ -337,32 +332,11 @@ export function SlideBoxContent(props) {
           ...getWhatsappContent(templateDataObject, true),
         };
       }
-      case constants.RCS: {
-        const template = cloneDeep(templateDataObject);
-        const { description = "", media: { mediaUrl = "" } = {}, title = "" } = get(template, 'versions.base.content.RCS.cardContent[0]', {});
-        return {
-          rcsPreviewContent: {
-            rcsImageSrc: mediaUrl,
-            rcsTitle: title,
-            rcsDesc: description,
-          },
-        };
-      }
       default:
         return get(templateDataObject, `versions.base.content`);
     }
   };
 
-  const rcsCommonProps = {
-    isFullMode,
-    isDltEnabled,
-    smsRegister,
-    getDefaultTags: type,
-    onCreateComplete,
-    selectedOfferDetails,
-    getFormData,
-  };
-
   return (
     <CreativesWrapper>
       {!isFullMode && slidBoxContent === 'templates' && (
@@ -741,27 +715,6 @@ export function SlideBoxContent(props) {
         }}/>
       )}
 
-      {isCreateRcs && (<Rcs
-        {...rcsCommonProps}
-        location={{
-          pathname: `/rcs/create`,
-          query,
-          search: '',
-        }} />
-      )}
-      {isEditRcs && (<Rcs
-        {...rcsCommonProps}
-        templateData={templateData}
-        params={{
-          id: templateData._id,
-        }}
-        location={{
-          pathname: `/rcs/edit`,
-          query,
-          search: '',
-        }} />
-      )}
-
     </CreativesWrapper>
   );
 }