@capillarytech/creatives-library 7.12.0 → 7.12.3

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -22,6 +22,7 @@ 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`
@@ -174,9 +175,11 @@ 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;
@@ -190,32 +193,34 @@ 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 = 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);
+    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);
     isEmailPreview = slidBoxContent === 'preview' && channel === constants.EMAIL;
     isMpushPreview = slidBoxContent === 'preview' && channel === constants.MOBILE_PUSH;
-    isEditFTP = slidBoxContent === 'editTemplate' && [constants.NO_COMMUNICATION, constants.FTP].includes(channel);
+    isEditFTP = isEdit && [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 (!isTraiDlt || updatedSmsEditor === '') {
+        if (!isDltEnabled || updatedSmsEditor === '') {
           return get(templateDataObject, `versions.base['sms-editor']`);
         }
         return updatedSmsEditor.join('');
@@ -332,11 +337,30 @@ 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,
+  };
+
   return (
     <CreativesWrapper>
       {!isFullMode && slidBoxContent === 'templates' && (
@@ -715,6 +739,28 @@ export function SlideBoxContent(props) {
         }}/>
       )}
 
+      {isCreateRcs && (<Rcs
+        {...rcsCommonProps}
+        location={{
+          pathname: `/rcs/create`,
+          query,
+          search: '',
+        }} />
+      )}
+      {isEditRcs && (<Rcs
+        {...rcsCommonProps}
+        templateData={templateData}
+        getFormData={getFormData}
+        params={{
+          id: templateData._id,
+        }}
+        location={{
+          pathname: `/rcs/edit`,
+          query,
+          search: '',
+        }} />
+      )}
+
     </CreativesWrapper>
   );
 }

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -57,6 +57,7 @@ export function SlideBoxHeader(props) {
       no_communication: 'NO_COMMUNICATION',
       ftp: 'FTP',
       whatsapp: <FormattedMessage {...messages.whatsappTemplate} />,
+      rcs: <FormattedMessage {...messages.rcsCreative} />,
     };
     return labels[currentChannel.toLowerCase()];
   };

package/v2Containers/CreativesContainer/constants.js

@@ -17,6 +17,7 @@ export const FTP = "FTP";
 export const NO_COMMUNICATION = "NO_COMMUNICATION";
 export const VIBER = "VIBER";
 export const WHATSAPP = "WHATSAPP";
+export const RCS = "RCS";
 
 export const SHOW_CONTANER_LOADER = "app/CreativesContainer/SHOW_CONTANER_LOADER";
 export const HIDE_CONTAINER_LOADER = "app/CreativesContainer/HIDE_CONTAINER_LOADER";

package/v2Containers/CreativesContainer/messages.js

@@ -318,4 +318,8 @@ export default defineMessages({
     id: `${scope}.learnTips`,
     defaultMessage: `Learn tips to get approved`,
   },
+  "rcsCreative": {
+    id: `${scope}.rcsCreative`,
+    defaultMessage: `RCS creative`,
+  },
 });

package/v2Containers/CreativesContainer/tests/SlideBoxContent.test.js

@@ -4,7 +4,7 @@ import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
 import { SlideBoxContent } from '../SlideBoxContent';
 import mockdata from '../../mockdata';
 
-const { editTemplateData, previewTemplateData } = mockdata;
+const { whatsappEditTemplateData, whatsappPreviewTemplateData, rcsEditTemplateData, rcsPreviewTemplateData } = mockdata;
 
 jest.mock("../../../v2Components/FormBuilder", () => ({
   __esModule: true,
@@ -31,14 +31,13 @@ describe('Test SlideBoxContent container', () => {
     expect(renderedComponent).toMatchSnapshot();
   });
 
-
   it('Should render correct component for whatsapp channel edit mode', () => {
-    renderFunction("WHATSAPP", "editTemplate", editTemplateData);
+    renderFunction("WHATSAPP", "editTemplate", whatsappEditTemplateData);
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for whatsapp channel preview mode', () => {
-    renderFunction("WHATSAPP", "preview", previewTemplateData);
+    renderFunction("WHATSAPP", "preview", whatsappPreviewTemplateData);
     expect(renderedComponent).toMatchSnapshot();
   });
 
@@ -46,4 +45,25 @@ describe('Test SlideBoxContent container', () => {
     renderFunction("WHATSAPP", "templates");
     expect(renderedComponent).toMatchSnapshot();
   });
+
+  it('Should render correct component for rcs channel create mode', () => {
+    renderFunction("RCS", "createTemplate", { mode: "create" });
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('Should render correct component for rcs channel edit mode', () => {
+    renderFunction("RCs", "editTemplate", rcsEditTemplateData);
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('Should render correct component for rcs channel preview mode', () => {
+    renderFunction("RCS", "preview", rcsPreviewTemplateData);
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('Should render correct component for rcs channel templates mode', () => {
+    renderFunction("RCS", "templates");
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
 });

package/v2Containers/CreativesContainer/tests/SlideBoxHeader.test.js

@@ -4,7 +4,7 @@ import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
 import { SlideBoxHeader } from '../SlideBoxHeader';
 import mockdata from '../../mockdata';
 
-const { editTemplateData, previewTemplateData } = mockdata;
+const { whatsappEditTemplateData, rcsEditTemplateData, whatsappPreviewTemplateData, rcsPreviewTemplateData } = mockdata;
 
 jest.mock("../../../v2Components/FormBuilder", () => ({
   __esModule: true,
@@ -32,14 +32,13 @@ describe('Test SlideBoxHeader container', () => {
     expect(renderedComponent).toMatchSnapshot();
   });
 
-
   it('Should render correct component for whatsapp channel edit mode', () => {
-    renderFunction("WHATSAPP", "editTemplate", editTemplateData, true);
+    renderFunction("WHATSAPP", "editTemplate", whatsappEditTemplateData, true);
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for whatsapp channel preview mode', () => {
-    renderFunction("WHATSAPP", "preview", previewTemplateData);
+    renderFunction("WHATSAPP", "preview", whatsappPreviewTemplateData);
     expect(renderedComponent).toMatchSnapshot();
   });
 
@@ -47,4 +46,24 @@ describe('Test SlideBoxHeader container', () => {
     renderFunction("WHATSAPP", "templates");
     expect(renderedComponent).toMatchSnapshot();
   });
+
+  it('Should render correct component for rcs channel create mode', () => {
+    renderFunction("RCS", "createTemplate", { mode: "create" });
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('Should render correct component for rcs channel edit mode', () => {
+    renderFunction("RCS", "editTemplate", rcsEditTemplateData, true);
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('Should render correct component for rcs channel preview mode', () => {
+    renderFunction("RCS", "preview", rcsPreviewTemplateData);
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('Should render correct component for rcs channel templates mode', () => {
+    renderFunction("RCS", "templates");
+    expect(renderedComponent).toMatchSnapshot();
+  });
 });

package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap

@@ -1,5 +1,149 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Test SlideBoxContent container Should render correct component for rcs channel create mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(UserIsAuthenticated(Connect(InjectIntl(CreativesCommon))))
+    getDefaultTags=""
+    location={
+      Object {
+        "pathname": "/rcs/create",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Should render correct component for rcs channel edit mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(UserIsAuthenticated(Connect(InjectIntl(CreativesCommon))))
+    getDefaultTags=""
+    location={
+      Object {
+        "pathname": "/rcs/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    params={
+      Object {
+        "id": "620e213d39bd394c58aeaaca",
+      }
+    }
+    templateData={
+      Object {
+        "_id": "620e213d39bd394c58aeaaca",
+        "channel": "RCS",
+        "mode": "edit",
+        "modeType": "",
+        "type": "RCS",
+        "validity": true,
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Should render correct component for rcs channel preview mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="rcs"
+    charCounterEnabled={false}
+    content={
+      Object {
+        "rcsPreviewContent": Object {
+          "rcsDesc": "Desc",
+          "rcsImageSrc": "",
+          "rcsTitle": "title",
+        },
+      }
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "_id": "620e213d39bd394c58aeaaca",
+        "createdAt": "2022-02-17T10:19:42.211Z",
+        "createdBy": "15000449",
+        "isActive": true,
+        "mode": "preview",
+        "name": "amit123456",
+        "orgId": 50371,
+        "totalCount": 12,
+        "type": "RCS",
+        "updatedAt": "2022-02-17T10:19:42.211Z",
+        "updatedBy": "15000449",
+        "updatedByName": "Ashish Karan fd",
+        "versions": Object {
+          "$init": true,
+          "base": Object {
+            "content": Object {
+              "RCS": Object {
+                "cardContent": Array [
+                  Object {
+                    "description": "Desc",
+                    "media": Object {
+                      "height": "MEDIUM",
+                      "mediaUrl": "",
+                    },
+                    "mediaType": "NONE",
+                    "title": "title",
+                  },
+                ],
+                "cardSettings": Object {
+                  "cardOrientation": "VERTICAL",
+                  "mediaAlignment": "RIGHT",
+                },
+                "cardType": "STANDALONE",
+                "contentType": "RICHCARD",
+                "smsFallBackContent": Object {
+                  "message": "123",
+                },
+              },
+            },
+          },
+          "history": Array [],
+        },
+      }
+    }
+    viberBrandName=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Should render correct component for rcs channel templates mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(UserIsAuthenticated(Connect(InjectIntl(withStyles__StyledComponent))))
+    FTPMode="create"
+    channel="rcs"
+    location={
+      Object {
+        "pathname": "/sms/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    messageDetails={Object {}}
+    onCreateComplete={[MockFunction]}
+    slidBoxContent="templates"
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
 exports[`Test SlideBoxContent container Should render correct component for whatsapp channel create mode 1`] = `
 <SlideBoxContent__CreativesWrapper>
   <Connect(UserIsAuthenticated(Connect(InjectIntl(CreativesCommon))))
@@ -51,17 +195,18 @@ exports[`Test SlideBoxContent container Should render correct component for what
     charCounterEnabled={false}
     content={
       Object {
+        "charCount": 46,
         "templateMsg": <React.Fragment>
           <CapLabel
             type="label5"
           >
             1234567890
+
           </CapLabel>
           <CapLabel
             type="label11"
           >
-            
-Click {{unsubscribe}} to unsubscribe
+            Click {{unsubscribe}} to unsubscribe
           </CapLabel>
         </React.Fragment>,
       }

package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxHeader.test.js.snap

@@ -1,5 +1,103 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Test SlideBoxHeader container Should render correct component for rcs channel create mode 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+/>
+`;
+
+exports[`Test SlideBoxHeader container Should render correct component for rcs channel edit mode 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    description={false}
+    descriptionClass=""
+    inline={false}
+    prefix={false}
+    size="large"
+    title={
+      <FormattedMessage
+        defaultMessage="Edit {channel}"
+        id="creatives.containersV2.Creatives.editMessageContent"
+        values={
+          Object {
+            "channel": <FormattedMessage
+              defaultMessage="RCS creative"
+              id="creatives.containersV2.Creatives.rcsCreative"
+              values={Object {}}
+            />,
+          }
+        }
+      />
+    }
+    titleClass=""
+  />
+</div>
+`;
+
+exports[`Test SlideBoxHeader container Should render correct component for rcs channel preview mode 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    description={
+      <CapLabel
+        type="label3"
+      >
+        <FormattedMessage
+          defaultMessage="Last updated: {date} by {user}"
+          id="creatives.containersV2.Creatives.lastUpdated"
+          values={
+            Object {
+              "date": "17 Feb 2022",
+              "user": "Ashish Karan fd",
+            }
+          }
+        />
+      </CapLabel>
+    }
+    descriptionClass=""
+    inline={false}
+    prefix={
+      <SlideBoxHeader__PrefixWrapper>
+        <SvgBack />
+      </SlideBoxHeader__PrefixWrapper>
+    }
+    size="large"
+    title="amit123456"
+    titleClass=""
+  />
+</div>
+`;
+
+exports[`Test SlideBoxHeader container Should render correct component for rcs channel templates mode 1`] = `
+<div
+  key="creatives-container-slidebox-header-content"
+>
+  <CapHeader
+    description={
+      <FormattedMessage
+        defaultMessage="Select only one creative"
+        id="creatives.containersV2.Creatives.creativeTemplatesDesc"
+        values={Object {}}
+      />
+    }
+    descriptionClass=""
+    inline={false}
+    size="large"
+    title={
+      <FormattedMessage
+        defaultMessage="Creative templates"
+        id="creatives.containersV2.Creatives.creativeTemplates"
+        values={Object {}}
+      />
+    }
+    titleClass=""
+  />
+</div>
+`;
+
 exports[`Test SlideBoxHeader container Should render correct component for whatsapp channel create mode 1`] = `
 <div
   key="creatives-container-slidebox-header-content"

package/v2Containers/CreativesContainer/tests/__snapshots__/index.test.js.snap

@@ -1,5 +1,76 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Test SlideBoxContent container Should render correct component for rcs channel create mode 1`] = `
+<CreativesContainer__SlideBoxWrapper
+  className="add-creatives-section creatives-library-mode "
+>
+  <CapSlideBox
+    closeIconSize="m"
+    content={
+      <SlideBoxContent
+        currentChannel="RCS"
+        getFormData={[Function]}
+        handleClose={[Function]}
+        onCallTaskSubmit={[Function]}
+        onChannelChange={[Function]}
+        onCreateComplete={[MockFunction]}
+        onCreateNew={[Function]}
+        onCreateNextStep={[Function]}
+        onEmailModeChange={[Function]}
+        onEnterTemplateName={[Function]}
+        onFTPSubmit={[MockFunction]}
+        onFacebookSubmit={[MockFunction]}
+        onMobilepushModeChange={[Function]}
+        onPreviewTemplate={[Function]}
+        onRemoveTemplateName={[Function]}
+        onResetStep={[Function]}
+        onSelectTemplate={[Function]}
+        onShowTemplates={[Function]}
+        onValidationFail={[Function]}
+        onWeChatMaptemplateStepChange={[Function]}
+        onWechatTemplateChange={[Function]}
+        saveMessage={[Function]}
+        setIsLoadingContent={[Function]}
+        showTemplateName={[Function]}
+        slidBoxContent="templates"
+        templateData={
+          Object {
+            "type": undefined,
+          }
+        }
+        templateStep="modeSelection"
+        weChatMaptemplateStep={0}
+        weChatTemplateType=""
+      />
+    }
+    footer={false}
+    handleClose={[Function]}
+    header={
+      <SlideBoxHeader
+        channel="RCS"
+        isLoadingContent={true}
+        onShowTemplates={[Function]}
+        onWeChatMaptemplateStepChange={[Function]}
+        showPrefix={true}
+        slidBoxContent="templates"
+        templateData={
+          Object {
+            "type": undefined,
+          }
+        }
+        templateNameRenderProp={[Function]}
+        templateStep="modeSelection"
+        weChatMaptemplateStep={0}
+        weChatTemplateType=""
+      />
+    }
+    position="right"
+    show={true}
+    size="size-xl"
+  />
+</CreativesContainer__SlideBoxWrapper>
+`;
+
 exports[`Test SlideBoxContent container Should render correct component for whatsapp channel create mode 1`] = `
 <CreativesContainer__SlideBoxWrapper
   className="add-creatives-section creatives-library-mode "

package/v2Containers/CreativesContainer/tests/index.test.js

@@ -4,7 +4,7 @@ import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
 import { Creatives } from '../index';
 import mockdata from '../../mockdata';
 
-const { Templates, editTemplateData } = mockdata;
+const { whatsappTemplates, rcsTemplates, whatsappEditTemplateData, rcsEditTemplateData } = mockdata;
 
 jest.mock("../../../v2Components/FormBuilder", () => ({
   __esModule: true,
@@ -20,10 +20,10 @@ describe('Test SlideBoxContent container', () => {
     jest.clearAllMocks();
   });
 
-  const renderFunction = (channel, mode, templateData) => {
+  const renderFunction = (channel, mode, templates, templateData) => {
     renderedComponent = shallowWithIntl(
       <Creatives
-        Templates={Templates}
+        Templates={templates}
         channel={channel}
         slidBoxContent={mode}
         templateData={templateData}
@@ -34,12 +34,12 @@ describe('Test SlideBoxContent container', () => {
   };
 
   it('Should render correct component for whatsapp channel create mode', () => {
-    renderFunction("WHATSAPP", "createTemplate", { mode: "create" });
+    renderFunction("WHATSAPP", "createTemplate", whatsappTemplates, { mode: "create" });
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for whatsapp channel edit mode', () => {
-    renderFunction("WHATSAPP", "editTemplate", editTemplateData);
+    renderFunction("WHATSAPP", "editTemplate", whatsappTemplates, whatsappEditTemplateData);
     renderedComponent.instance().onEditTemplate();
     renderedComponent.find('CapSlideBox').props().content.props.handleClose();
     expect(renderedComponent).toMatchSnapshot();
@@ -47,12 +47,24 @@ describe('Test SlideBoxContent container', () => {
     expect(handleCloseCreatives).toHaveBeenCalledWith(true);
   });
 
-
-  it('Text getCreatives data', () => {
-    renderFunction("WHATSAPP", "editTemplate", editTemplateData);
+  it('Text getCreatives data for whatsapp', () => {
+    renderFunction("WHATSAPP", "editTemplate", whatsappTemplates, whatsappEditTemplateData);
     renderedComponent.instance().onEditTemplate();
-    renderedComponent.find('CapSlideBox').props().content.props.getFormData(editTemplateData);
+    renderedComponent.find('CapSlideBox').props().content.props.getFormData(whatsappEditTemplateData);
     expect(getCreativesData).toHaveBeenCalledTimes(1);
     expect(getCreativesData).toHaveBeenCalledWith({ channel: "WHATSAPP" });
   });
+
+  it('Should render correct component for rcs channel create mode', () => {
+    renderFunction("RCS", "createTemplate", rcsTemplates, { mode: "create" });
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('Text getCreatives data for rcs', () => {
+    renderFunction("RCS", "editTemplate", rcsTemplates, rcsEditTemplateData);
+    renderedComponent.instance().onEditTemplate();
+    renderedComponent.find('CapSlideBox').props().content.props.getFormData(rcsEditTemplateData);
+    expect(getCreativesData).toHaveBeenCalledTimes(1);
+    expect(getCreativesData).toHaveBeenCalledWith({ channel: "RCS" });
+  });
 });