@capillarytech/creatives-library 7.12.13 → 7.12.15

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -10,7 +10,7 @@ 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, RCS } from '../App/constants';
+import { NO_COMMUNICATION, FTP, WHATSAPP } from '../App/constants';
 import { isTraiDLTEnable } from '../../utils/common';
 import { formatString } from '../../utils/Formatter';
 import {
@@ -37,7 +37,6 @@ export function SlideBoxHeader(props) {
   const mapTemplateCreate = !showTemplateNameHeader && slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
   const isTraiDlt = isTraiDLTEnable(isFullMode, smsRegister);
   const showCreateTraiSMSHeader = isTraiDlt && channel.toLowerCase() === "sms";
-  const showTemplateName = [WHATSAPP, RCS].includes(channel.toLowerCase()) & slidBoxContent === 'editTemplate';
   const isWhatsappEdit = channel.toLowerCase() === WHATSAPP && slidBoxContent === 'editTemplate';
   const isWhatsappCreate = channel.toLowerCase() === WHATSAPP && slidBoxContent === 'createTemplate';
   const whatsappOverview = isWhatsappEdit && isFullMode;
@@ -47,7 +46,7 @@ export function SlideBoxHeader(props) {
     whatsappTemplateCategory,
     whatsappTemplateLanguageCode,
   } = templateData || {};
-  const templateName = whatsappTemplateName || templateData?.name;
+  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`, '');
 
@@ -60,14 +59,13 @@ export function SlideBoxHeader(props) {
       no_communication: 'NO_COMMUNICATION',
       ftp: 'FTP',
       whatsapp: <FormattedMessage {...messages.whatsappTemplate} />,
-      rcs: <FormattedMessage {...messages.rcsCreative} />,
     };
     return labels[currentChannel.toLowerCase()];
   };
 
   const openWhatsappHelpDoc = () => {
-    window.open(WHATSAPP_HELP_DOC_LINK, '_blank');
-  };
+    window.open(WHATSAPP_HELP_DOC_LINK, '_blank')
+  }
 
   return (
     <div key="creatives-container-slidebox-header-content">
@@ -94,35 +92,28 @@ export function SlideBoxHeader(props) {
           />
         )}
       {!showTemplateNameHeader && slidBoxContent === 'editTemplate' && (
-        <CapHeader
-          title={<FormattedMessage {...headerMessage} values={{ channel: getChannelLabel(channel) }} />}
+      <CapHeader
+        title={<FormattedMessage {...headerMessage} values={{channel: getChannelLabel(channel)}}/>}
           description={
-            <>
-              {showTemplateName ? (
-                <>
-                  {renderWhatsappData("label1", <FormattedMessage {...globalMessages.templateNameLabel} />)}
-                  {renderWhatsappData("label2", templateName)}
-                </>
-              ) : ""}
-              {isWhatsappEdit && (
-                <>
-                  {renderWhatsappData("label3", <FormattedMessage {...whatsppMsg.labelSeperator} />)}
-                  {renderWhatsappData("label1", <FormattedMessage {...whatsppMsg.templateCategoryLabel} />)}
-                  {renderWhatsappData("label2", formatString(whatsappCategory))}
-                  {renderWhatsappData("label3", <FormattedMessage {...whatsppMsg.labelSeperator} />)}
-                  {renderWhatsappData("label1", <FormattedMessage {...whatsppMsg.languageLabel} />)}
-                  {renderWhatsappData("label2", LANGUAGE_OPTIONS?.find(option => option.value === whatsappLanguageCode)?.label)}
-                </>)
-              }
-            </>
-          }
-          prefix={creativesMode !== 'edit' && !isFullMode && showPrefix &&
-            <PrefixWrapper>
-              <CapIcons.backIcon onClick={onShowTemplates} />
-            </PrefixWrapper>
+            isWhatsappEdit && (
+              <>
+                {renderWhatsappData("label1", <FormattedMessage {...globalMessages.templateNameLabel} />)}
+                {renderWhatsappData("label2", whatsappName)}
+                {renderWhatsappData("label3", <FormattedMessage {...whatsppMsg.labelSeperator} />)}
+                {renderWhatsappData("label1", <FormattedMessage {...whatsppMsg.templateCategoryLabel} />)}
+                {renderWhatsappData("label2", formatString(whatsappCategory))}
+                {renderWhatsappData("label3", <FormattedMessage {...whatsppMsg.labelSeperator} />)}
+                {renderWhatsappData("label1", <FormattedMessage {...whatsppMsg.languageLabel} />)}
+                {renderWhatsappData("label2", LANGUAGE_OPTIONS?.find(option => option.value === whatsappLanguageCode)?.label)}
+              </>)
           }
-        />
-      )}
+        prefix={creativesMode !== 'edit' && !isFullMode && showPrefix &&
+          <PrefixWrapper>
+            <CapIcons.backIcon onClick={onShowTemplates} />
+          </PrefixWrapper>
+            }
+          />
+        )}
       {!showTemplateNameHeader && slidBoxContent === 'createTemplate' && ( templateStep === 'modeSelection' || (templateStep === "createTemplateContent" && weChatTemplateType !== MAP_TEMPLATE) ) && (
       <CapHeader
         title={<FormattedMessage {...(showCreateTraiSMSHeader ? messages.UploadSMStemplates : messages.createMessageContent)} values={{channel: getChannelLabel(channel)}}/>}
@@ -133,12 +124,12 @@ export function SlideBoxHeader(props) {
             }
           />
         )}
-      {isWhatsappCreate && (
-      <CapLink
-        onClick={openWhatsappHelpDoc}
-        title={<FormattedMessage {...messages.learnTips} />}
-        suffix={<CapIcon type="open-in-new" size="s" />}
-        className="learn-tips-link"
+        {isWhatsappCreate && (
+          <CapLink 
+            onClick={openWhatsappHelpDoc} 
+            title={<FormattedMessage {...messages.learnTips} />} 
+            suffix={<CapIcon type="open-in-new" size="s" />}
+            className="learn-tips-link"
           />
         )}
       {mapTemplateCreate && (

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/index.js

@@ -366,7 +366,7 @@ export class Creatives extends React.Component {
           break;
         }
         case constants.WHATSAPP: {
-          const {
+          const { 
             templateConfigs: {
               id,
               name,
@@ -403,29 +403,6 @@ export class Creatives extends React.Component {
           };
           break;
         }
-        case constants.RCS: {
-          const {
-            rcsContent = {},
-            smsFallBackContent = {},
-            creativeName = "",
-            channel = constants.RCS,
-          } = templateData || {};
-          creativesTemplateData = {
-            type: channel,
-            edit: true,
-            name: creativeName,
-            versions: {
-              base: {
-                content: {
-                  RCS: {
-                    ...rcsContent,
-                    smsFallBackContent,
-                  },
-                },
-              },
-            },
-          };
-        }
         default:
           break;
       }
@@ -638,35 +615,6 @@ export class Creatives extends React.Component {
         }
       }
         break;
-      case constants.RCS: {
-        if (template.value) {
-          const {name = "", versions = {}, type = ""} = {
-          } = template.value || {};
-          const {
-            cardContent = [],
-            cardSettings = {},
-            smsFallBackContent = {},
-            contentType = "",
-            cardType = "",
-          } = get(versions, 'base.content.RCS');
-          const rcsContent = {
-            contentType,
-            cardType,
-            cardSettings,
-            cardContent,
-          };
-          templateData = {
-            channel,
-            creativeName: name,
-            rcsContent,
-          };
-
-          if (smsFallBackContent.message) {
-            templateData.smsFallBackContent = smsFallBackContent;
-          }
-        }
-      }
-        break;
       default:
         break;
     }

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"

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 "