@capillarytech/creatives-library 7.17.92 → 7.17.93

package/v2Components/TemplatePreview/messages.js

@@ -86,8 +86,4 @@ export default defineMessages({
     id: 'creatives.componentsV2.TemplatePreview.previewUrlMetaImage',
     defaultMessage: 'Preview url meta image',
   },
-  addToCart: {
-    id: `creatives.componentsV2.TemplatePreview.addToCart`,
-    defaultMessage: 'Add to cart',
-  },
 });

package/v2Containers/App/constants.js

@@ -54,7 +54,6 @@ export const LINE = 'line';
 export const EMAIL = 'email';
 export const ASSETS = 'assets';
 export const ZALO = 'zalo';
-export const INAPP = 'inapp';
 
 export const JP_LOCALE_HIDE_FEATURE = 'JP_LOCALE_HIDE_FEATURE';
 

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 InApp from '../InApp';
 import Rcs from '../Rcs';
 import { getWhatsappContent } from '../Whatsapp/utils';
 import * as commonUtil from '../../utils/common';
@@ -183,7 +182,6 @@ export function SlideBoxContent(props) {
   const isCreateSms = isCreate && channel === constants.SMS;
   const isCreateFacebook = isCreate && channel === constants.FACEBOOK;
   const isCreateWhatsapp = isCreate && channel === constants.WHATSAPP;
-  const isCreateInApp = isCreate && channel === constants.INAPP;
   const isCreateRcs = isCreate && channel === constants.RCS;
   const isCreateMPush = isCreate && channel === constants.MOBILE_PUSH;
   const isCreateCallTask = isCreate && channel === constants.CALL_TASK;
@@ -193,13 +191,11 @@ export function SlideBoxContent(props) {
   let isPreview = false;
   let isEmailPreview = false;
   let isMpushPreview = false;
-  let isInappPreview = false;
   let isEditCallTask = false;
   let isEditMPush = false;
   let isEditFacebook = false;
   let isEditFTP = false;
   let isEditWhatsapp = false;
-  let isEditInApp = false;
   let isEditRcs = false;
   let isEditZalo = false;
   const isEmailCreate = isCreate && channel === constants.EMAIL;
@@ -216,10 +212,8 @@ export function SlideBoxContent(props) {
     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;
-    isInappPreview = slidBoxContent === 'preview' && channel === constants.INAPP;
     isEditFTP = isEdit && [constants.NO_COMMUNICATION, constants.FTP].includes(channel);
     isEditZalo = isEdit && channel?.toUpperCase() === constants.ZALO;
-    isEditInApp = isEdit && channel === constants.INAPP;
   }
   const isDltEnabled = commonUtil.isTraiDLTEnable(isFullMode, smsRegister);
   const hasJPLocaleHideFeatureEnabled = commonUtil?.hasJPLocaleHideFeatureEnabled();
@@ -444,13 +438,6 @@ export function SlideBoxContent(props) {
         />
       )
       }
-      {isInappPreview && (
-        <MobilePushPreview
-          templateData={templateData}
-          channel={channel}
-          forwardedTags={forwardedTags}
-      />
-      )}
       {isMpushPreview && (
         <MobilePushPreview
           templateData={templateData}
@@ -799,36 +786,6 @@ export function SlideBoxContent(props) {
         }}/>
       )}
 
-      {isCreateInApp && (<InApp
-        isFullMode={isFullMode}
-        onCreateComplete={onCreateComplete}
-        handleClose={handleClose}
-        location={{
-          pathname: `/inapp/create`,
-          query,
-          search: '',
-        }}
-      />
-      )}
-
-      {isEditInApp && (<InApp
-        isFullMode={isFullMode}
-        templateData={templateData}
-        getFormData={getFormData}
-        getDefaultTags={type}
-        forwardedTags={forwardedTags}
-        onCreateComplete={onCreateComplete}
-        selectedOfferDetails={selectedOfferDetails}
-        params={{
-          id: templateData._id,
-        }}
-        location={{
-          pathname: `/inapp/edit`,
-          query,
-          search: '',
-        }} />
-      )}
-
       {isCreateRcs && (<Rcs
         {...rcsCommonProps}
         location={{

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -11,7 +11,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, ZALO, INAPP } from '../App/constants';
+import { NO_COMMUNICATION, FTP, WHATSAPP, RCS, ZALO } from '../App/constants';
 import { isTraiDLTEnable } from '../../utils/common';
 import { formatString } from '../../utils/Formatter';
 import {
@@ -39,9 +39,7 @@ export function SlideBoxHeader(props) {
   const isTraiDlt = isTraiDLTEnable(isFullMode, smsRegister);
   const showCreateTraiSMSHeader = isTraiDlt && channel.toLowerCase() === "sms";
   const isWhatsappEdit = channel.toLowerCase() === WHATSAPP && slidBoxContent === 'editTemplate';
-  const isInAppEdit = channel.toLowerCase() === INAPP && slidBoxContent === 'editTemplate';
   const isWhatsappCreate = channel.toLowerCase() === WHATSAPP && slidBoxContent === 'createTemplate';
-  const isInAppCreate = channel.toLowerCase() === INAPP && slidBoxContent === 'createTemplate';
   const isZaloEdit = channel.toLowerCase() === ZALO && slidBoxContent === 'editTemplate';
   const zaloOverview = isZaloEdit && isFullMode;
   const whatsappOverview = isWhatsappEdit && isFullMode;
@@ -62,7 +60,6 @@ export function SlideBoxHeader(props) {
       sms: <FormattedMessage {...messages.smsHeader} />,
       email: <FormattedMessage {...messages.emailHeader} />,
       mobilepush: <FormattedMessage {...messages.pushNotificationHeader} />,
-      inapp: <FormattedMessage {...messages.inAppHeader} />,
       wechat: <FormattedMessage {...messages.wechat} />,
       line: <FormattedMessage {...messages.lineHeader} />,
       no_communication: <FormattedMessage {...messages.noCommunication} />,

package/v2Containers/CreativesContainer/constants.js

@@ -19,7 +19,6 @@ export const VIBER = "VIBER";
 export const WHATSAPP = "WHATSAPP";
 export const RCS = "RCS";
 export const ZALO = "ZALO";
-export const INAPP = "INAPP";
 export const PREVIEW = "preview";
 export const EDIT_TEMPLATE = "editTemplate";
 

package/v2Containers/CreativesContainer/index.js

@@ -40,7 +40,6 @@ import { LOYALTY } from '../App/constants';
 import { WHATSAPP_STATUSES, WHATSAPP_MEDIA_TYPES } from '../Whatsapp/constants';
 
 import { updateImagesInHtml } from '../../utils/cdnTransformation';
-import { IOS } from '../InApp/constants';
 
 const classPrefix = 'add-creatives-section';
 const CREATIVES_CONTAINER = 'creativesContainer';
@@ -84,7 +83,7 @@ export class Creatives extends React.Component {
 
   componentDidMount() {
     GA.timeTracker.startTimer(CREATIVES_CONTAINER);
-    if (!this.props?.isFullMode) {
+    if(!this.props?.isFullMode){
       this.props?.templateActions.getCdnTransformationConfig();
     }
   }
@@ -156,7 +155,7 @@ export class Creatives extends React.Component {
     this.setState((prevState) => {
       let templateStep = prevState.templateStep + 1;
       const {emailCreateMode, currentChannel} = prevState;
-      if ((currentChannel.toUpperCase() === constants.EMAIL && emailCreateMode === "upload") || currentChannel.toUpperCase() === constants.MOBILE_PUSH || currentChannel.toUpperCase() === constants.WECHAT || constants.INAPP) {
+      if ((currentChannel.toUpperCase() === constants.EMAIL && emailCreateMode === "upload") || currentChannel.toUpperCase() === constants.MOBILE_PUSH || currentChannel.toUpperCase() === constants.WECHAT) {
         templateStep = prevState.templateStep + 2;
       }
       return {
@@ -169,9 +168,6 @@ export class Creatives extends React.Component {
     this.setState({ emailCreateMode: mode});
   }
 
-  onInAppModeChange = (mode) => {
-    this.setState({ inAppCreateMode: mode});
-  }
 
   onMobilepushModeChange = (mode) => {
     this.setState({ mobilePushCreateMode: mode});
@@ -195,7 +191,6 @@ export class Creatives extends React.Component {
     this.setState({ isGetFormData: false });
   };
   getTemplateData = (templateData) => { //from consumers to creatives
-    console.log('in getTemplateData', templateData, this.props);
     const { isFullMode, messageDetails = {}, smsRegister } = this.props;
     const { additionalProperties = {} } = messageDetails;
     if (!isFullMode && templateData) { // for component mode
@@ -271,23 +266,21 @@ export class Creatives extends React.Component {
           };
           break;
         }
-        case constants.MOBILE_PUSH:
-        case constants.INAPP:
-          {
-            const mode = get(templateData, 'androidContent.type') || get(templateData, 'iosContent.type') || '';
-            creativesTemplateData = {
-              type: channel,
-              name: templateData.messageSubject,
-              versions: {
-                base: {
-                  ANDROID: templateData.androidContent,
-                  IOS: templateData.iosContent,
-                },
+        case constants.MOBILE_PUSH: {
+          const mode = get(templateData, 'androidContent.type') || get(templateData, 'iosContent.type') || '';
+          creativesTemplateData = {
+            type: channel,
+            name: templateData.messageSubject,
+            versions: {
+              base: {
+                ANDROID: templateData.androidContent,
+                IOS: templateData.iosContent,
               },
-              definition: {accountId: templateData.accountId, mode: mode.toLowerCase()},
-            };
-            break;
-          }
+            },
+            definition: {accountId: templateData.accountId, mode: mode.toLowerCase()},
+          };
+          break;
+        }
         case constants.WECHAT: {
           const messageBody = JSON.parse(templateData.messageBody);
           creativesTemplateData = {
@@ -533,7 +526,6 @@ export class Creatives extends React.Component {
 
   getCreativesData = async (channel, template, templateRecords) => { //from creatives to consumers
     let templateData = { channel };
-    console.log('in getCreativesData', channel, template);
     switch (channel) {
       case constants.SMS:
         if (template?.value?.base) {
@@ -621,50 +613,6 @@ export class Creatives extends React.Component {
           templateData.messageSubject = mobilpushTemplate.name ? mobilpushTemplate.name : "messageSubject";
         }
         break;
-      case constants.INAPP:
-        if (get(template, "value.versions.base")) {
-          const inAppTemplate = template.value;
-          templateData.accountId = get(inAppTemplate, 'definition.accountId');
-          const type = (get(this.props, "messageDetails.type") || '').toLowerCase();
-          if (type === LOYALTY) {
-            templateData.licenseCode = get(inAppTemplate, 'definition.licenseCode');
-            templateData.templateId = get(inAppTemplate, '_id');
-          }
-          const androidContent = get(inAppTemplate, 'versions.base.ANDROID');
-          if (!isEmpty(androidContent)) {
-            if (type !== LOYALTY) {
-              delete androidContent.cuid;
-              delete androidContent.luid;
-              delete androidContent.communicationId;
-            }
-            const custom = {};
-            forEach(androidContent.custom, (customKeyValue) => {
-              custom[customKeyValue.key] = customKeyValue.value;
-            });
-            androidContent.custom = custom;
-            templateData.androidContent = androidContent;
-            templateData.androidContent.type = get(inAppTemplate, 'definition.mode', '').toUpperCase();
-            templateData.androidContent.deviceType = 'ANDROID';
-          }
-          const iosContent = get(inAppTemplate, 'versions.base.IOS');
-          if (!isEmpty(iosContent)) {
-            if (type !== LOYALTY) {
-              delete iosContent.cuid;
-              delete iosContent.luid;
-              delete iosContent.communicationId;
-            }
-            const custom = {};
-            forEach(iosContent.custom, (customKeyValue) => {
-              custom[customKeyValue.key] = customKeyValue.value;
-            });
-            iosContent.custom = custom;
-            templateData.iosContent = iosContent;
-            templateData.iosContent.type = get(inAppTemplate, 'definition.mode').toUpperCase();
-            templateData.iosContent.deviceType = IOS.toUpperCase();
-          }
-          templateData.messageSubject = inAppTemplate?.name ? inAppTemplate?.name : "messageSubject";
-        }
-        break;
       case constants.WECHAT:
         if (template.value) {
           const { accountId, previewContent, ...messageBody } = template.value;
@@ -761,10 +709,10 @@ export class Creatives extends React.Component {
             header,
             footer,
             headerVarMapped,
-            headerTemplate,
+            headerTemplate
           };
           const {
-            whatsappDocName = '', whatsappDocSize, whatsappDocPages, whatsappDocImg = '',
+            whatsappDocName = '', whatsappDocSize, whatsappDocPages, whatsappDocImg = ''
           } = whatsappDocParams;
           switch (mediaType) {
             case (WHATSAPP_MEDIA_TYPES.IMAGE):
@@ -894,7 +842,6 @@ export class Creatives extends React.Component {
       default:
         break;
     }
-    console.log('in getCreativesData templateData', templateData);
     return templateData;
   };
   getSlideBoxContent({mode, templateData, isFullMode}) {
@@ -957,13 +904,6 @@ export class Creatives extends React.Component {
           imageAdded: androidType === 'IMAGE' || iosType === 'IMAGE',
         };
         break;
-      case constants.INAPP:
-        gtmDetails = {
-          ...gtmDetails,
-          content: `${androidTitle} ${androidMessage} ${iosTitle} ${iosMessage}`,
-          imageAdded: androidType === IMAGE || iosType === IMAGE,
-        };
-        break;
       case constants.LINE:
         gtmDetails = Object.assign({
           ...gtmDetails,
@@ -997,10 +937,10 @@ export class Creatives extends React.Component {
           const templateData = this.state.templateData ? this.state.templateData : template; //select existing or create new content
           const channel = templateData.type;
           const creativesData = this.getCreativesData(channel, template, templateData );// convers data to consumer understandable format
-          creativesData.then((data) => {
+          creativesData.then(data=>{
             this.logGTMEvent(channel, data);
             this.props.getCreativesData(data);// send data to consumer
-          });
+          })
         },
       );
     }
@@ -1041,13 +981,12 @@ export class Creatives extends React.Component {
   }
   shouldShowFooter = () => {
     const {isFullMode } = this.props;
-    const {slidBoxContent, currentChannel, emailCreateMode, templateNameExists, templateStep, mobilePushCreateMode, inAppCreateMode, weChatTemplateType, templateData} = this.state;
+    const {slidBoxContent, currentChannel, emailCreateMode, templateNameExists, templateStep, mobilePushCreateMode, weChatTemplateType, templateData} = this.state;
     const channel = currentChannel.toUpperCase();
     const currentStep = this.creativesTemplateSteps[templateStep];
     let showFooter = false;
     showFooter = isFullMode && slidBoxContent === "preview";
     const isMobilepush = channel === constants.MOBILE_PUSH;
-    const isInApp = channel === constants.INAPP;
     if (!isFullMode ) {
       const isEmailCreate = slidBoxContent === 'createTemplate' && channel === constants.EMAIL && currentStep !== 'createTemplateContent';
       const isCreate = (slidBoxContent === 'editTemplate' || slidBoxContent === 'createTemplate') && !isEmailCreate;
@@ -1056,9 +995,6 @@ export class Creatives extends React.Component {
       if (isMobilepush) {
         showFooter = currentStep === "modeSelection" || (currentStep === 'createTemplateContent' && !isEmpty(mobilePushCreateMode));
       }
-      if (isInApp) {
-        showFooter = currentStep === "modeSelection" || (currentStep === 'createTemplateContent' && !isEmpty(inAppCreateMode));
-      }
     } else if (channel === constants.EMAIL && isFullMode) {
       const isEmailCreate = slidBoxContent === 'createTemplate' && channel === constants.EMAIL && currentStep !== 'createTemplateContent';
       showFooter = isEmailCreate && emailCreateMode;
@@ -1113,7 +1049,7 @@ export class Creatives extends React.Component {
     if (channel === constants.EMAIL || channel === constants.SMS) {
       const isEmailCreate = slidBoxContent === 'createTemplate' && channel === constants.EMAIL && currentStep !== 'createTemplateContent';
       showDone = (slidBoxContent === 'editTemplate' || slidBoxContent === 'createTemplate') && !isEmailCreate;
-    } else if ([constants.WECHAT, constants.MOBILE_PUSH, constants.INAPP].includes(channel)) {
+    } else if (channel === constants.MOBILE_PUSH || channel === constants.WECHAT) {
       showDone = currentStep === "createTemplateContent" || slidBoxContent === "editTemplate";
     }
 
@@ -1136,7 +1072,7 @@ export class Creatives extends React.Component {
     onChange={(ev) => {
       const value = ev.currentTarget.value;
       const isEmptyTemplateName = value.trim() ? false : true;
-      this.setState({isTemplateNameEmpty: isEmptyTemplateName});
+      this.setState({isTemplateNameEmpty : isEmptyTemplateName});
       const newFormData = {...formData, 'template-name': value};
       onFormDataChange(newFormData);
     }}
@@ -1144,10 +1080,10 @@ export class Creatives extends React.Component {
   showTemplateName = ({formData, onFormDataChange}) => { //gets called from email/index after template data is fetched
     const {slidBoxContent, currentChannel, isEditName} = this.state;
     const channel = currentChannel.toUpperCase();
-    if ([constants.EMAIL, constants.MOBILE_PUSH, constants.INAPP].includes(channel) && (slidBoxContent === 'editTemplate' || slidBoxContent === 'createTemplate')) {
+    if ((channel === constants.EMAIL || channel === constants.MOBILE_PUSH) && (slidBoxContent === 'editTemplate' || slidBoxContent === 'createTemplate')) {
       const name = get(formData, 'template-name');
       if (channel === constants.EMAIL && !name && slidBoxContent === 'createTemplate') {
-        this.setState({isTemplateNameEmpty: true});
+        this.setState({isTemplateNameEmpty:true});
       }
       this.templateContainerDetails = {formData, onFormDataChange};
       if (name && !isEditName) {
@@ -1158,7 +1094,7 @@ export class Creatives extends React.Component {
     }
   }
   shouldShowContinueFooter = () => { // only for email for now, has to be modified according to channel
-    const {slidBoxContent, templateStep, currentChannel, emailCreateMode, mobilePushCreateMode, inAppCreateMode, weChatTemplateType} = this.state;
+    const {slidBoxContent, templateStep, currentChannel, emailCreateMode, mobilePushCreateMode, weChatTemplateType} = this.state;
     let isShowContinueFooter = false;
     const currentStep = this.creativesTemplateSteps[templateStep];
     const channel = currentChannel.toUpperCase();
@@ -1172,8 +1108,6 @@ export class Creatives extends React.Component {
       isShowContinueFooter = !isEmpty(mobilePushCreateMode) && currentStep === "modeSelection";
     } else if (currentChannel.toUpperCase() === constants.WECHAT) {
       isShowContinueFooter = !isEmpty(weChatTemplateType) && currentStep === "modeSelection";
-    } else if (currentChannel.toUpperCase() === constants.INAPP) {
-      isShowContinueFooter = !isEmpty(inAppCreateMode) && currentChannel === "modeSelection";
     }
 
     return isShowContinueFooter;
@@ -1183,7 +1117,7 @@ export class Creatives extends React.Component {
     const {templateContainerDetails} = this;
     const {formData, onFormDataChange} = templateContainerDetails;
     const channel = currentChannel.toUpperCase();
-    if ([constants.EMAIL, constants.MOBILE_PUSH, constants.INAPP].includes(channel) && (slidBoxContent === 'editTemplate' || slidBoxContent === 'createTemplate')) {
+    if ((channel === constants.EMAIL || channel === constants.MOBILE_PUSH) && (slidBoxContent === 'editTemplate' || slidBoxContent === 'createTemplate')) {
       const name = get(formData, 'template-name');
       return showTemplateNameComponentEdit ? this.templateNameComponentInput({formData, onFormDataChange, name}) : this.templateNameComponentHeader({formData, onFormDataChange, name});
     }
@@ -1216,7 +1150,6 @@ export class Creatives extends React.Component {
       smsRegister,
       enableNewChannels,
     } = this.props;
-    console.log('this.props', this.props);
     const mapTemplateCreate = slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
     /* TODO: Instead of passing down same props separately to each component down, write common function to these props and pass it accordingly */
     return (

package/v2Containers/CreativesContainer/messages.js

@@ -338,10 +338,6 @@ export default defineMessages({
     id: `${scope}.pushNotificationHeader`,
     defaultMessage: `Push notification`,
   },
-  "inAppHeader": {
-    id: `${scope}.inAppHeader`,
-    defaultMessage: `In App Message`,
-  },
   "wechat": {
     id: `${scope}.wechat`,
     defaultMessage: `Wechat`,

package/v2Containers/MobilePush/Edit/index.js

@@ -768,10 +768,9 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     formData[0].base = true;
     // formData[0].tabKey = '1';
     // formData[1].tabKey = '2';
-
     this.setState({templateCta}, () => {
       this.getSchemaForFormData(formData, schema);
-      this.setState({tabCount, formData, editData: data, currentTab: 1}, () => {
+      this.setState({tabCount, formData, editData: data}, () => {
         this.props.showTemplateName({formData, onFormDataChange: this.onFormDataChange});
       });
     });
@@ -1469,7 +1468,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
           temp.content.appName = this.props.Templates.selectedWeChatAccount.name;
         }
         _.forEach(col.supportedEvents, (event) => {
-          console.log('injected event for ', col, event, this.getMappedEvent(col.id, event));
           temp.injectedEvents[event] = this.getMappedEvent(col.id, event);
         });
         return true;

package/v2Containers/Templates/_templates.scss

@@ -523,9 +523,6 @@
 .message-container{
   border-bottom: solid 0.5px #D6D6D6;
 }
-.main-content{
-  overflow: hidden;
-}
 
 .wechat-filters,
 .line-filters {
@@ -598,13 +595,6 @@
   width: 50%;
   text-align: center;
 }
-.inapp-illustration {
-  width: 50%;
-  text-align: center;
-}
-.inapp-illustration-button {
-  display: none;
-}
 .channel-specific-illustration-text{
   text-align: center;
   margin-top: $CAP_SPACE_44;