@capillarytech/creatives-library 7.12.0 → 7.12.1

package/package.json

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

package/v2Components/CallTaskPreview/tests/__snapshots__/index.test.js.snap

@@ -0,0 +1,30 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<CallTaskPreview /> Test if Call task component renders 1`] = `
+<div
+  className="call-task-preview"
+>
+  <img
+    alt="header"
+    className="call-task-image-undefined"
+    src="test-file-stub"
+  />
+  <div
+    className="call-task-subject-container-undefined"
+  >
+    this is test
+  </div>
+  <div
+    className="call-task-message-container-undefined"
+  />
+  <img
+    alt="footer"
+    src="test-file-stub"
+    style={
+      Object {
+        "width": "100%",
+      }
+    }
+  />
+</div>
+`;

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -43,7 +43,6 @@
     &.line-preview {
       margin-left: $CAP_SPACE_16;
       width: 40%;
-      left: 197px;
 
       .message-pop {
         width: 80%;

package/v2Components/TemplatePreview/index.js

@@ -450,6 +450,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
                   overflow: 'auto',
                   flexDirection: 'column',
                   marginLeft: 40,
+                  left: !this.props.showCount && '200px',
                 }}
               >
                 <div
@@ -590,7 +591,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
                         return (
                           <div
                             style={{
-                              margin: '32px 0',
+                              margin: '6px 0 20px 28px',
                             }}
                           >
                             <Carousel imageCarousel={imageCarousel}/>

package/v2Containers/MobilePush/Edit/index.js

@@ -60,7 +60,6 @@ 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;
@@ -76,7 +75,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
         version: "v2",
       };
       this.props.globalActions.fetchSchemaForEntity(query);
-
     }
   }
   componentDidMount() {
@@ -106,10 +104,9 @@ 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") {
@@ -175,7 +172,6 @@ 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) {
@@ -241,12 +237,10 @@ 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();
@@ -259,10 +253,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, {
@@ -278,12 +272,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: {},
@@ -535,7 +529,8 @@ 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");
+      obj.versions.base.IOS.expandableDetails.categoryId = get(this.state, "templateCta.id") || get(this.state.editData, 'versions.base.IOS.expandableDetails.categoryId');
+
       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;
@@ -603,13 +598,12 @@ 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',
@@ -619,13 +613,12 @@ 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);
@@ -635,7 +628,6 @@ 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") {
@@ -775,7 +767,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}, () => {
@@ -1361,7 +1353,6 @@ 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);
@@ -1377,7 +1368,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     }
   };
   discardValues = () => {
-    
     this.resetSchema();
     this.setState({
       formData: {},
@@ -1403,7 +1393,6 @@ 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),
@@ -1478,17 +1467,16 @@ 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":
@@ -1509,15 +1497,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:
@@ -1726,7 +1714,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();
     });
@@ -1747,7 +1735,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     this.setState({ schema });
   };
   handleOnTagsContextChange = (data) => {
-    
     const query = {
       layout: 'mobilepush',
       type: 'TAG',