@capillarytech/creatives-library 7.11.14 → 7.12.0

package/v2Containers/MobilePush/Edit/index.js

@@ -60,6 +60,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     this.getLinkTypeFields = getLinkTypeFields.bind(this);
   }
   componentWillMount() {
+
     this.props.actions.getWeCrmAccounts("mobilepush");
     if (!this.props.Templates.selectedWeChatAccount && this.props.location.query.type !== 'embedded') {
       const type = this.props.location.query.type;
@@ -75,6 +76,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
         version: "v2",
       };
       this.props.globalActions.fetchSchemaForEntity(query);
+
     }
   }
   componentDidMount() {
@@ -104,9 +106,10 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     } else if (nextProps.isGetFormData && this.props.isGetFormData !== nextProps.isGetFormData && this.props.isFullMode && !this.props.Create.createTemplateInProgress) {
       this.startValidation();
     }
-    const selectedWeChatAccount = (!_.isEmpty(this.props.Templates.selectedWeChatAccount) ? this.props.Templates.selectedWeChatAccount :
+    const selectedWeChatAccount = (!_.isEmpty(this.props.Templates.selectedWeChatAccount) ? this.props.Templates.selectedWeChatAccount : 
     (!_.isEmpty(this.props.Edit.selectedWeChatAccount) ? this.props.Edit.selectedWeChatAccount : nextProps.Edit.selectedWeChatAccount));
     if (this.props.location.query.type === 'embedded' && !nextProps.Edit.fetchingWeCrmAccounts && !_.isEqual(this.props.Edit.weCrmAccounts, nextProps.Edit.weCrmAccounts) && (!selectedWeChatAccount || _.isEmpty(selectedWeChatAccount))) {
+
       this.setMobilePushAccountOptions(nextProps.Edit.weCrmAccounts, get(this.props, "templateData.definition.accountId"));
     }
     if (!_.isEmpty(nextProps.Edit.selectedWeChatAccount) && !_.isEqual(this.props.Edit.selectedWeChatAccount, nextProps.Edit.selectedWeChatAccount) && (this.props.location.query.type === 'embedded') && this.props.location.query.module === "loyalty") {
@@ -172,6 +175,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     });
   };
   onFormDataChange = (formData, tabCount, currentTab, inputField) => {
+    
     const newFormData = _.cloneDeep(formData);
     const {templateCta} = this.state;
     if (!_.isEmpty(templateCta) && this.state.currentTab === 2) {
@@ -237,10 +241,12 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
   };
 
   onTabChange = (data) => {
+    
     this.setState({currentTab: data});
   };
 
   onTagSelect = (data, currentTab, srcComp) => {
+    
     const editorId = srcComp.target;
     this.insertAtCursor(document.getElementById(editorId), `{{${data}}}`, currentTab);
     document.getElementById(editorId).focus();
@@ -253,10 +259,10 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
   onUpdateTemplateComplete = (response) => {
     const obj = this.getTransformedData(this.state.formData);
     const content = getContent(obj);
-    const {
+    const  { 
       definition: {
-        mode: definitionMode,
-      },
+        mode: definitionMode
+      } 
     } = obj || {};
     const label = this.props.location.pathname.indexOf('image') >= 0 ? 'image' : 'text';
     const timeTaken = GA.timeTracker.stopTimer(TRACK_EDIT_MPUSH, {
@@ -272,12 +278,12 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
         timeTaken,
         content,
         mode: EDIT,
-        imageAdded: definitionMode === 'image',
-      });
-    } catch (e) {
+        imageAdded: definitionMode === 'image'
+      })
+    } catch(e) {
       console.log(e);
     }
-
+    
     this.resetSchema();
     this.setState({
       formData: {},
@@ -529,8 +535,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
         delete cta.ioscdeepLinkName;
       }
       obj.versions.base.IOS.expandableDetails.ctas.push(cta);
-      obj.versions.base.IOS.expandableDetails.categoryId = get(this.state, "templateCta.id") || get(this.state.editData, 'versions.base.IOS.expandableDetails.categoryId');
-
+      obj.versions.base.IOS.expandableDetails.categoryId = get(this.state, "templateCta.id");
       if (obj.versions.base.IOS.expandableDetails.ctas[obj.versions.base.IOS.expandableDetails.ctas.length - 1].type === "DEEP_LINK") {
         const params = _.map(ios, (field, key) => {
           let actionLink;
@@ -598,12 +603,13 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
   getMappedEvent = (id, event) => {
     const map = this.state.eventsMap;
     if (!map[id] || !map[id][event]) {
-
+      
     }
     return map[id][event];
   };
 
   getCurrentWindow = (e) => {
+    
     const response = {
       action: e.action,
       value: 'edit',
@@ -613,12 +619,13 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
   };
 
   getFormData = (e) => {
+    
     const response = {
       action: "getFormData",
       value: this.getTransformedData(this.state.formData),
       validity: this.state.isFormValid,
     };
-
+    
     this.setState({checkValidation: true}, this.showError);
     if (e) {
       e.source.postMessage(JSON.stringify(response), e.origin);
@@ -628,6 +635,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
 
 
   setEditState(data, schema) {
+    
     const tabCount = Object.keys(data.versions.base).length;
     const formData = {};
     if (this.props.location.query.type === 'embedded' && this.props.location.query.module === "loyalty") {
@@ -767,7 +775,7 @@ 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}, () => {
@@ -1353,6 +1361,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
 
 
   startTemplateCreation = (data) => {
+    
     if (!this.state.isContentEditLoaded && this.state.fullSchema && this.props.Edit.weCrmAccounts) {
       const schema = JSON.stringify(data).indexOf("BIG_PICTURE") > -1 ? this.state.fullSchema.imageSchema : this.state.fullSchema.textSchema;
       this.setMobilePushAccountOptions(this.props.Edit.weCrmAccounts, data.content.accId);
@@ -1368,6 +1377,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     }
   };
   discardValues = () => {
+    
     this.resetSchema();
     this.setState({
       formData: {},
@@ -1393,6 +1403,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
 
   };
   moveToTemplates = () => {
+    
     const modalContent = {
       title: this.props.intl.formatMessage(messages.alertMessage),
       body: this.props.intl.formatMessage(messages.goBackTemporaryChangesLost),
@@ -1467,16 +1478,17 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
   };
 
   saveFormData = (formData) => {
+    
     const obj = this.getTransformedData(formData);
-
+    
     this.props.actions.editTemplate(obj, this.onUpdateTemplateComplete);
   };
   handleFrameTasks = (e) => {
-    //
+    // 
     const type = e.data;
-
+    
     if (typeof type === 'object') {
-      //
+      // 
       const action = type.action;
       switch (action) {
         case "startTemplateCreation":
@@ -1497,15 +1509,15 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
           this.getFormData(e);
           break;
         case "startTemplateCreation":
-
+          
           //this.getFormData(e);
           break;
         case "moveToTemplates":
-
+          
           this.moveToTemplates();
           break;
         case "validateContent":
-
+          
           this.validateContent(e);
           break;
         default:
@@ -1714,7 +1726,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       tempContainer = this.injectContainer(tempContainer);
       return tempContainer;
     });
-
+    
     this.setState({schema, loadingContentEdit: false}, () => {
       this.removeStandAlone();
     });
@@ -1735,6 +1747,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     this.setState({ schema });
   };
   handleOnTagsContextChange = (data) => {
+    
     const query = {
       layout: 'mobilepush',
       type: 'TAG',

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;
-}

package/v2Containers/Templates/actions.js

@@ -5,7 +5,7 @@
  */
 
 import * as types from './constants';
-import { LINE, WHATSAPP, RCS } from '../CreativesContainer/constants';
+import { LINE, WHATSAPP } from '../CreativesContainer/constants';
 
 export function getAllTemplates(channel, queryParams) {
   return {
@@ -59,7 +59,6 @@ export function setChannelAccount(channel, account) {
   const channelTypeMapping = {
     [LINE]: types.SET_LINE_ACCOUNT,
     [WHATSAPP]: types.SET_WHATSAPP_ACCOUNT,
-    [RCS]: types.SET_RCS_ACCOUNT,
   };
   if (channelTypeMapping[channel]) {
     return {

package/v2Containers/Templates/constants.js

@@ -46,7 +46,6 @@ export const SET_LINE_ACCOUNT = "app/v2Containers/Templates/SET_LINE_ACCOUNT";
 export const SET_VIBER_ACCOUNT = "app/v2Containers/Templates/SET_VIBER_ACCOUNT";
 export const SET_FACEBOOK_ACCOUNT = "app/v2Containers/Templates/SET_FACEBOOK_ACCOUNT";
 export const SET_WHATSAPP_ACCOUNT = "app/v2Containers/Templates/SET_WHATSAPP_ACCOUNT";
-export const SET_RCS_ACCOUNT = "app/v2Containers/Templates/SET_RCS_ACCOUNT";
 
 export const GET_DEAFULT_BEE_TEMPLATES_REQUEST = 'app/v2Containers/Templates/GET_DEAFULT_BEE_TEMPLATES_REQUEST';
 export const GET_DEAFULT_BEE_TEMPLATES_SUCCESS = 'app/v2Containers/Templates/GET_DEAFULT_BEE_TEMPLATES_SUCCESS';