@capillarytech/creatives-library 7.17.108 → 7.17.109

package/package.json

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

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -17,7 +17,7 @@ import { formatString } from '../../utils/Formatter';
 import {
   CAP_SPACE_12,
 } from '@capillarytech/cap-ui-library/styled/variables';
-import { WHATSAPP_HELP_DOC_LINK } from './constants';
+import { WHATSAPP_HELP_DOC_LINK, JOURNEY } from './constants';
 
 const { CapLabelInline } = CapLabel;
 const StyledLabel = styled(CapLabelInline)`
@@ -33,7 +33,7 @@ const renderData = (type, value, channel) => (
 );
 
 export function SlideBoxHeader(props) {
-  const { slidBoxContent, templateData, onShowTemplates, creativesMode, isFullMode, showPrefix, shouldShowTemplateName, channel, templateNameRenderProp, weChatTemplateType, onWeChatMaptemplateStepChange, weChatMaptemplateStep, templateStep, smsRegister } = props;
+  const { slidBoxContent, templateData, onShowTemplates, creativesMode, isFullMode, showPrefix, shouldShowTemplateName, channel, templateNameRenderProp, weChatTemplateType, onWeChatMaptemplateStepChange, weChatMaptemplateStep, templateStep, smsRegister, handleClose, moduleType } = props;
   const showTemplateNameHeader = isFullMode && shouldShowTemplateName;
   const mapTemplateCreate = !showTemplateNameHeader && slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
   const isTraiDlt = isTraiDLTEnable(isFullMode, smsRegister);
@@ -86,6 +86,11 @@ export function SlideBoxHeader(props) {
         description={![NO_COMMUNICATION, FTP].includes(channel) &&
           <FormattedMessage {...messages.creativeTemplatesDesc} />
             }
+        prefix={!isFullMode && moduleType === JOURNEY &&
+          <PrefixWrapper>
+            <CapIcons.backIcon onClick={handleClose} />
+          </PrefixWrapper>
+        }
           />
         )}
       {showTemplateNameHeader && templateNameRenderProp()}

package/v2Containers/CreativesContainer/constants.js

@@ -22,6 +22,7 @@ export const ZALO = "ZALO";
 export const INAPP = "INAPP";
 export const PREVIEW = "preview";
 export const EDIT_TEMPLATE = "editTemplate";
+export const JOURNEY = "journey";
 
 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

@@ -1199,6 +1199,8 @@ export class Creatives extends React.Component {
               showPrefix={!isUploading} // not show back button when email template is being uploaded
               templateStep={this.creativesTemplateSteps[templateStep]}
               smsRegister={smsRegister}
+              handleClose={this.handleCloseSlideBox}
+              moduleType={this.props.messageDetails?.type}
             />}
           content={
             <SlideBoxContent

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

@@ -23,6 +23,7 @@ describe('Test SlideBoxHeader container', () => {
         templateData={templateData}
         onCreateComplete={onCreateComplete}
         isFullMode={isFullMode}
+        moduleType="journey"
       />
     );
   };

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

@@ -98,6 +98,11 @@ exports[`Test SlideBoxHeader container Should render correct component for rcs c
     }
     descriptionClass=""
     inline={false}
+    prefix={
+      <SlideBoxHeader__PrefixWrapper>
+        <SvgBack />
+      </SlideBoxHeader__PrefixWrapper>
+    }
     size="large"
     title={
       <FormattedMessage
@@ -303,6 +308,11 @@ exports[`Test SlideBoxHeader container Should render correct component for whats
     }
     descriptionClass=""
     inline={false}
+    prefix={
+      <SlideBoxHeader__PrefixWrapper>
+        <SvgBack />
+      </SlideBoxHeader__PrefixWrapper>
+    }
     size="large"
     title={
       <FormattedMessage

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

@@ -50,6 +50,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
     header={
       <SlideBoxHeader
         channel="RCS"
+        handleClose={[Function]}
         isLoadingContent={true}
         onShowTemplates={[Function]}
         onWeChatMaptemplateStepChange={[Function]}
@@ -123,6 +124,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
     header={
       <SlideBoxHeader
         channel="WHATSAPP"
+        handleClose={[Function]}
         isLoadingContent={true}
         onShowTemplates={[Function]}
         onWeChatMaptemplateStepChange={[Function]}
@@ -203,6 +205,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
     header={
       <SlideBoxHeader
         channel="WHATSAPP"
+        handleClose={[Function]}
         isLoadingContent={true}
         onShowTemplates={[Function]}
         onWeChatMaptemplateStepChange={[Function]}
@@ -278,6 +281,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
     header={
       <SlideBoxHeader
         channel="WHATSAPP"
+        handleClose={[Function]}
         isLoadingContent={true}
         onShowTemplates={[Function]}
         onWeChatMaptemplateStepChange={[Function]}
@@ -353,6 +357,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
     header={
       <SlideBoxHeader
         channel="WHATSAPP"
+        handleClose={[Function]}
         isLoadingContent={true}
         onShowTemplates={[Function]}
         onWeChatMaptemplateStepChange={[Function]}