@capillarytech/creatives-library 7.11.15 → 7.12.1

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -7,7 +7,6 @@ import moment from 'moment';
 import PropTypes from 'prop-types';
 import messages from './messages';
 import whatsppMsg from '../Whatsapp/messages';
-import { LANGUAGE_OPTIONS } from '../Whatsapp/constants'
 import globalMessages from '../Cap/messages'
 import { MAP_TEMPLATE } from '../WeChat/Wrapper/constants';
 import { NO_COMMUNICATION, FTP, WHATSAPP } from '../App/constants';
@@ -44,11 +43,10 @@ export function SlideBoxHeader(props) {
   const {
     whatsappTemplateName,
     whatsappTemplateCategory,
-    whatsappTemplateLanguageCode,
   } = templateData || {};
   const whatsappName = whatsappTemplateName || templateData?.name;
   const whatsappCategory = whatsappTemplateCategory || get(templateData, `versions.base.content.whatsapp.category`, '');
-  const whatsappLanguageCode = whatsappTemplateLanguageCode || get(templateData, `versions.base.content.whatsapp.languages[0].language`, '');
+
 
   const getChannelLabel = (currentChannel = '') => {
     const labels = {
@@ -59,7 +57,6 @@ export function SlideBoxHeader(props) {
       no_communication: 'NO_COMMUNICATION',
       ftp: 'FTP',
       whatsapp: <FormattedMessage {...messages.whatsappTemplate} />,
-      rcs: <FormattedMessage {...messages.rcsCreative} />,
     };
     return labels[currentChannel.toLowerCase()];
   };
@@ -105,7 +102,7 @@ export function SlideBoxHeader(props) {
                 {renderWhatsappData("label2", formatString(whatsappCategory))}
                 {renderWhatsappData("label3", <FormattedMessage {...whatsppMsg.labelSeperator} />)}
                 {renderWhatsappData("label1", <FormattedMessage {...whatsppMsg.languageLabel} />)}
-                {renderWhatsappData("label2", LANGUAGE_OPTIONS?.find(option => option.value === whatsappLanguageCode)?.label)}
+                {renderWhatsappData("label2", <FormattedMessage {...whatsppMsg.templateLanguageEnglish} />)}
               </>)
           }
         prefix={creativesMode !== 'edit' && !isFullMode && showPrefix &&

package/v2Containers/CreativesContainer/constants.js

@@ -17,7 +17,6 @@ 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,8 +318,4 @@ 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 { whatsappEditTemplateData, whatsappPreviewTemplateData, rcsEditTemplateData, rcsPreviewTemplateData } = mockdata;
+const { editTemplateData, previewTemplateData } = mockdata;
 
 jest.mock("../../../v2Components/FormBuilder", () => ({
   __esModule: true,
@@ -31,13 +31,14 @@ describe('Test SlideBoxContent container', () => {
     expect(renderedComponent).toMatchSnapshot();
   });
 
+
   it('Should render correct component for whatsapp channel edit mode', () => {
-    renderFunction("WHATSAPP", "editTemplate", whatsappEditTemplateData);
+    renderFunction("WHATSAPP", "editTemplate", editTemplateData);
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for whatsapp channel preview mode', () => {
-    renderFunction("WHATSAPP", "preview", whatsappPreviewTemplateData);
+    renderFunction("WHATSAPP", "preview", previewTemplateData);
     expect(renderedComponent).toMatchSnapshot();
   });
 
@@ -45,25 +46,4 @@ 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 { whatsappEditTemplateData, rcsEditTemplateData, whatsappPreviewTemplateData, rcsPreviewTemplateData } = mockdata;
+const { editTemplateData, previewTemplateData } = mockdata;
 
 jest.mock("../../../v2Components/FormBuilder", () => ({
   __esModule: true,
@@ -32,13 +32,14 @@ describe('Test SlideBoxHeader container', () => {
     expect(renderedComponent).toMatchSnapshot();
   });
 
+
   it('Should render correct component for whatsapp channel edit mode', () => {
-    renderFunction("WHATSAPP", "editTemplate", whatsappEditTemplateData, true);
+    renderFunction("WHATSAPP", "editTemplate", editTemplateData, true);
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for whatsapp channel preview mode', () => {
-    renderFunction("WHATSAPP", "preview", whatsappPreviewTemplateData);
+    renderFunction("WHATSAPP", "preview", previewTemplateData);
     expect(renderedComponent).toMatchSnapshot();
   });
 
@@ -46,24 +47,4 @@ 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,149 +1,5 @@
 // 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))))
@@ -195,18 +51,17 @@ 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,103 +1,5 @@
 // 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"
@@ -190,7 +92,7 @@ exports[`Test SlideBoxHeader container Should render correct component for whats
         >
           <FormattedMessage
             defaultMessage="English"
-            id="creatives.containersV2.Whatsapp.english"
+            id="creatives.containersV2.Whatsapp.templateLanguageEnglish"
             values={Object {}}
           />
         </SlideBoxHeader__StyledLabel>

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

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

package/v2Containers/Facebook/Advertisement/index.js

@@ -60,7 +60,6 @@ import {
   NO_CALL_TO_ACTION,
 } from './constant';
 import cloneDeep from 'lodash/cloneDeep';
-import { FACEBOOK } from "../../CreativesContainer/constants";
 export const Advertisement = (props) => {
   const CarouselContainer = styled.div`
     width: ${(styledProps) => styledProps.width || '22px'};
@@ -367,7 +366,7 @@ export const Advertisement = (props) => {
           },
         },
       },
-      type: FACEBOOK,
+      type: "FACEBOOK",
       name: messageTitle,
     };
     if (!isFullMode) {
@@ -442,7 +441,7 @@ export const Advertisement = (props) => {
       value: formatSubmitPayload(),
       _id: params && params.id,
       validity: true,
-      type: FACEBOOK,
+      type: 'FACEBOOK',
     });
   }, [carouselData,
     pageId,
@@ -559,7 +558,6 @@ export const Advertisement = (props) => {
       className={`cap-image-upload-${selectedAd}`}
       key={`${index}-fb-image-upload`}
       imageData={fbADData}
-      channel={FACEBOOK}
        /> :
       <CapVideoUpload
         style={{paddingBottom: '21px'}}

package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap

@@ -6071,7 +6071,7 @@ FREE GIFTS-
                                                 />
                                               </CapImage>
                                               <div
-                                                className="msg-container sms"
+                                                className="msgContainer sms"
                                               >
                                                 <div
                                                   className="message-pop sms"
@@ -12754,7 +12754,7 @@ FREE GIFTS-
                                                 />
                                               </CapImage>
                                               <div
-                                                className="msg-container sms"
+                                                className="msgContainer sms"
                                               >
                                                 <div
                                                   className="message-pop sms"
@@ -19857,7 +19857,7 @@ FREE GIFTS-
                                                 />
                                               </CapImage>
                                               <div
-                                                className="msg-container sms"
+                                                className="msgContainer sms"
                                               >
                                                 <div
                                                   className="message-pop sms"
@@ -27069,7 +27069,7 @@ FREE GIFTS-
                                                 />
                                               </CapImage>
                                               <div
-                                                className="msg-container sms"
+                                                className="msgContainer sms"
                                               >
                                                 <div
                                                   className="message-pop sms"

package/v2Containers/Templates/_templates.scss

@@ -574,17 +574,9 @@
   }
 }
 
-.illustration-desc {
+.whatsapp-illustration-desc {
   font-size: 14px;
   color: rgba(0, 0, 0, 0.87);
   margin: 8px 0;
   white-space: pre-wrap;
 }
-.rcs-illustration{
-  width: 25%;
-  text-align: center;
-}
-.channel-specific-illustration-text{
-  text-align: center;
-  margin-top: $CAP_SPACE_44;
-}