@capillarytech/creatives-library 7.6.1 → 7.6.2

package/v2Containers/Line/Container/Video/index.js

@@ -46,7 +46,6 @@ export const LineVideo = ({
   updateUploadedAssetList,
   deleteUploadedImgList,
 }) => {
-
   if (activeKey !== 'video') {
     return null;
   }
@@ -118,7 +117,7 @@ export const LineVideo = ({
       updateVideoDuration(videoDuration);
       updateActionUrl(linkUri || actionUrl);
       updateActionLabel(videoActionLabel);
-      updateSelectedAction(selectedAction || (!!videoActionLabel ? DISPLAY_ACTION_BUTTON : HIDE_ACTION_BUTTON));
+      updateSelectedAction(selectedAction || (videoActionLabel ? DISPLAY_ACTION_BUTTON : HIDE_ACTION_BUTTON));
       updateTitle(altText);
       if (videoPreviewUrl) {
         updateImagePreview(videoPreviewUrl);
@@ -224,11 +223,9 @@ export const LineVideo = ({
         messageType: 'videoSrc',
       });
     }
-  }
+  };
 
-  const checkAction = useCallback((label = actionLabel, url = actionUrl, type = selectedAction) => {
-    return type === DISPLAY_ACTION_BUTTON ? (url && label && !updateActionLabelError(label) && !updateActionUrlError(url)) : true;
-  }, [actionLabel, actionUrl, selectedAction]);
+  const checkAction = useCallback((label = actionLabel, url = actionUrl, type = selectedAction) => type === DISPLAY_ACTION_BUTTON ? (url && label && !updateActionLabelError(label) && !updateActionUrlError(url)) : true, [actionLabel, actionUrl, selectedAction]);
 
   const submitVideoAction = useCallback((data, incorrectFile) => {
     const {
@@ -305,7 +302,7 @@ export const LineVideo = ({
       selectedAction,
       messageType: 'videoSrc',
     });
-  }
+  };
 
   const onReUpload = () => {
     updateVideoStatus(false);
@@ -332,24 +329,24 @@ export const LineVideo = ({
       selectedAction,
       messageType: 'videoSrc',
     });
-  }
+  };
 
   const onSelectTemplate = useCallback((event) => {
     event.stopPropagation();
     updateTemplateDrawerRequirement(true);
-  }, [])
+  }, []);
 
   const playVideo = (e) => {
     if (e.target.paused && !isPlaying) {
       e.target.play();
     }
-  } 
+  };
 
   const pauseVideo = (e) => {
     if (!e.target.paused && isPlaying) {
       e.target.pause();
     }
-  }
+  };
 
   const getVideoSection = () => {
     if (!isVideo) {
@@ -412,7 +409,7 @@ export const LineVideo = ({
             onMouseOut={pauseVideo}
             ref={videoEl}
           >
-              <source src={videoSrc} type="video/mp4" />
+            <source src={videoSrc} type="video/mp4" />
           </video>
           <div style={{ marginLeft: CAP_SPACE_24 }}>
             <CapHeading type="h6">
@@ -425,7 +422,7 @@ export const LineVideo = ({
         </div>
       </Fragment>
     );
-  }
+  };
 
   const onTitleChange = ({ target: { value } }) => {
     updateTitle(value);
@@ -451,7 +448,7 @@ export const LineVideo = ({
       selectedAction,
       messageType: 'videoSrc',
     });
-  }
+  };
 
   const onChangeSelectedAction = () => {
     event.stopPropagation();
@@ -474,7 +471,7 @@ export const LineVideo = ({
       selectedAction: value,
       messageType: 'videoSrc',
     });
-  }
+  };
 
   const updateActionLabelError = (value = '') => {
     if (value.length > MAX_ACTION_LABEL_LENGTH) {
@@ -486,7 +483,7 @@ export const LineVideo = ({
     } else {
       updateActionLabelErrorMessage();
     }
-  }
+  };
 
   const updateActionUrlError = (value) => {
     if (value === '') {
@@ -498,7 +495,7 @@ export const LineVideo = ({
     } else {
       updateActionUrlErrorMessage();
     }
-  }
+  };
 
   const onActionLabelChange = ({ target: { value } }) => {
     updateActionLabel(value);
@@ -520,7 +517,7 @@ export const LineVideo = ({
       selectedAction,
       messageType: 'videoSrc',
     });
-  }
+  };
 
   const onActionUrlChange = ({ target: { value } }) => {
     updateActionUrl(value);
@@ -542,10 +539,9 @@ export const LineVideo = ({
       selectedAction,
       messageType: 'videoSrc',
     });
-  }
+  };
 
-  const getActionSection = () => {
-    return (
+  const getActionSection = () => (
       <>
         <CapHeading type="h6" style={{ marginTop: CAP_SPACE_12 }}>
           <FormattedMessage {...messages.actionButtonLabel} />
@@ -558,12 +554,12 @@ export const LineVideo = ({
           options={[
             {
               label: 'Hide',
-              value: HIDE_ACTION_BUTTON
+              value: HIDE_ACTION_BUTTON,
             },
             {
               label: 'Display',
-              value: DISPLAY_ACTION_BUTTON
-            }
+              value: DISPLAY_ACTION_BUTTON,
+            },
           ]}
         />
         {
@@ -593,18 +589,18 @@ export const LineVideo = ({
             : null
         }
       </>
-    )
-  }
+    );
 
   const getLineVideoSection = () => {
     if (!isCreateNew) {
       return (
-        <div className="form-builder-dragger" style={{
-          textAlign: 'center',
-          border: `1px dashed ${CAP_G06}`,
-          minHeight: 120,
-          padding: 60
-        }}>
+        <div
+          className="form-builder-dragger" style={{
+            textAlign: 'center',
+            border: `1px dashed ${CAP_G06}`,
+            minHeight: 120,
+            padding: 60,
+          }}>
           <CapHeader
             className="choice-title"
             size="regular"
@@ -634,7 +630,8 @@ export const LineVideo = ({
           >
             <FormattedMessage {...messages.textMessageSelectTemplate} />
           </CapButton>
-        </div>);
+        </div>
+      );
     } else {
       return (
         <>
@@ -652,7 +649,7 @@ export const LineVideo = ({
         </>
       );
     }
-  }
+  };
 
   const setNewContent = useCallback(() => updateCreateNew(true), []);
 
@@ -688,9 +685,9 @@ export const LineVideo = ({
     updateVideoDuration(videoDuration);
     updateActionUrl(linkUri);
     updateActionLabel(label);
-    updateSelectedAction(!!label ? DISPLAY_ACTION_BUTTON : HIDE_ACTION_BUTTON);
+    updateSelectedAction(label ? DISPLAY_ACTION_BUTTON : HIDE_ACTION_BUTTON);
     updateTitle(altText);
-  }
+  };
 
   const getLineVideoDrawerContent = () => {
     const lineTextTemplates = Templates.templates;
@@ -699,8 +696,8 @@ export const LineVideo = ({
     }
 
     const cardDataList = [];
-    lineTextTemplates.forEach(template => {
-      let templateData = {};
+    lineTextTemplates.forEach((template) => {
+      const templateData = {};
       const {
         content: {
           messages: [{
@@ -780,7 +777,7 @@ export const LineVideo = ({
         />
       </form>
     </div>
-  )
-}
+  );
+};
 
-export default injectIntl(withStyles(LineVideo, style));
+export default injectIntl(withStyles(LineVideo, style));

package/v2Containers/Line/Container/actions.js

@@ -7,7 +7,7 @@
 import * as types from './constants';
 
 export function createTemplate(template, callback) {
-  console.log('action trigereed createtemplate');
+  
   return {
     type: types.CREATE_TEMPLATE_REQUEST,
     template,
@@ -16,7 +16,7 @@ export function createTemplate(template, callback) {
 }
 
 export function clearCreateResponse() {
-  console.log('clearCreateResponse');
+  
   return {
     type: types.CLEAR_CREATE_RESPONSE_REQUEST,
   };
@@ -50,7 +50,7 @@ export function clearAsset(templateType) {
 
 
 export function editTemplate(template, callback) {
-  console.log('action trigereed editTemplate line @@@');
+  
   return {
     type: types.EDIT_TEMPLATE_REQUEST,
     template,
@@ -59,7 +59,7 @@ export function editTemplate(template, callback) {
 }
 
 export function getTemplateDetails(id, callback) {
-  console.log('getting template line @@@', id);
+  
   return {
     type: types.GET_TEMPLATE_DETAILS_REQUEST,
     id,
@@ -69,7 +69,7 @@ export function getTemplateDetails(id, callback) {
 }
 
 export function clearEditResponse() {
-  console.log('clearEditResponse');
+  
   return {
     type: types.CLEAR_EDIT_RESPONSE_REQUEST,
   };

package/v2Containers/Line/Container/sagas.js

@@ -34,13 +34,13 @@ export function* uploadAsset(file, assetType, fileParams ) {
 }
 
 function* watchCreateTemplate() {
-  console.log('inside watch line saga createTemplate@@@');
+  
   const watcher = yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
   yield take(LOCATION_CHANGE);
   yield cancel(watcher);
 }
 function* watchUploadAsset() {
-  console.log("inside watchUploadAsset");
+  
   const watcher = yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
   yield take(LOCATION_CHANGE);
   yield cancel(watcher);
@@ -70,7 +70,7 @@ export function* editTemplate({ template, callback }) {
 
 export function* getTemplateDetails(id) {
   try {
-    console.log('saga get Template details line', id);
+    
     const result = yield call(Api.getTemplateDetails, id);
     // const sidebar = result.response.sidebar;
     yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });
@@ -84,7 +84,7 @@ export function* getTemplateDetails(id) {
 
 export function* getLineTemplatesList(params) {
   try {
-    console.log('Saga param line ', params.channel, params.queryParams);
+    
     const result = yield call(Api.getAllTemplates, {channel: params.channel, queryParams: params.queryParams});
     yield put({ type: types.GET_LINE_TEMPLATES_LIST_SUCCESS, data: result.response.templates, templateData: result.response.mapped});
   } catch (error) {

package/v2Containers/MobilePush/Create/actions.js

@@ -7,14 +7,14 @@
 import * as types from './constants';
 
 export function createTemplate(template, callback) {
-  console.log('action trigereed createtemplate');
+  
   return {
     type: types.CREATE_TEMPLATE_REQUEST, template, callback,
   };
 }
 
 export function clearCreateResponse() {
-  console.log('clearCreateResponse');
+  
   return {
     type: types.CLEAR_CREATE_RESPONSE_REQUEST,
   };

package/v2Containers/MobilePush/Create/index.js

@@ -197,7 +197,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     this.setState({currentTab: data});
   };
   onTemplateNameChange = () => {
-    // console.log('Template name changed to ', name);
+    // 
   };
 
 

package/v2Containers/MobilePush/Create/sagas.js

@@ -9,7 +9,7 @@ import * as types from './constants';
 export function* createTemplate(template) {
   let errorMsg;
   try {
-    console.log('saga createTemplate mobilepush', template);
+    
     const result = yield call(Api.createMobilePushTemplate, template);
     if (result.message) {
       errorMsg = result.message;
@@ -43,7 +43,7 @@ export function* getIosCtas(licenseCode) {
 }
 
 function* watchCreateTemplate() {
-  console.log('inside watch');
+  
   const watcher = yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
   yield take(LOCATION_CHANGE);
   yield cancel(watcher);

package/v2Containers/MobilePush/Edit/actions.js

@@ -14,14 +14,14 @@ export function defaultAction() {
 }
 
 export function editTemplate(template, callback) {
-  console.log('action trigereed');
+  
   return {
     type: types.EDIT_TEMPLATE_REQUEST, template, callback,
   };
 }
 
 export function getTemplateDetails(id) {
-  console.log('getting template', id);
+  
   return {
     type: types.GET_TEMPLATE_DETAILS_REQUEST, id,
   };
@@ -41,7 +41,7 @@ export function uploadAsset(file, assetType, fileParams, mode) {
   };
 }
 export function clearEditResponse() {
-  console.log('clearEditResponse');
+  
   return {
     type: types.CLEAR_EDIT_RESPONSE_REQUEST,
   };

package/v2Containers/MobilePush/Edit/index.js

@@ -58,7 +58,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     this.getLinkTypeFields = getLinkTypeFields.bind(this);
   }
   componentWillMount() {
-    console.log('edit mounting');
+    
     this.props.actions.getWeCrmAccounts("mobilepush");
     if (!this.props.Templates.selectedWeChatAccount && this.props.location.query.type !== 'embedded') {
       const type = this.props.location.query.type;
@@ -74,7 +74,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
         version: "v2",
       };
       this.props.globalActions.fetchSchemaForEntity(query);
-      console.log(this.props.params);
+      
     }
   }
   componentDidMount() {
@@ -106,7 +106,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     }
     const selectedWeChatAccount = (!_.isEmpty(this.props.Templates.selectedWeChatAccount) ? this.props.Templates.selectedWeChatAccount : this.props.Edit.selectedWeChatAccount);
     if (this.props.location.query.type === 'embedded' && !nextProps.Edit.fetchingWeCrmAccounts && !_.isEqual(this.props.Edit.weCrmAccounts, nextProps.Edit.weCrmAccounts) && (!selectedWeChatAccount || _.isEmpty(selectedWeChatAccount))) {
-      console.log('got new accounts setting account again', nextProps.Edit.weCrmAccounts);
+      
       this.setMobilePushAccountOptions(nextProps.Edit.weCrmAccounts);
     }
     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") {
@@ -190,7 +190,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     });
   };
   onFormDataChange = (formData, tabCount, currentTab, inputField) => {
-    console.log('Form data changed is ', formData, tabCount, currentTab);
+    
     const newFormData = _.cloneDeep(formData);
     const {templateCta} = this.state;
     if (!_.isEmpty(templateCta) && this.state.currentTab === 2) {
@@ -256,12 +256,12 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
   };
 
   onTabChange = (data) => {
-    console.log('inside parent ontabchange', data, this.state);
+    
     this.setState({currentTab: data});
   };
 
   onTagSelect = (data, currentTab, srcComp) => {
-    console.log('parent data tag', data, currentTab);
+    
     const editorId = srcComp.target;
     this.insertAtCursor(document.getElementById(editorId), `{{${data}}}`, currentTab);
     document.getElementById(editorId).focus();
@@ -272,7 +272,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     }
   };
   onUpdateTemplateComplete = () => {
-    console.log('reseting schema');
+    
     const label = this.props.location.pathname.indexOf('image') >= 0 ? 'image' : 'text';
     GA.timeTracker.stopTimer(TRACK_EDIT_MPUSH, {
       category: 'Creatives',
@@ -598,13 +598,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]) {
-      console.log(`error map[id] ${map[id]} ${id} ${event}` );
+      
     }
     return map[id][event];
   };
 
   getCurrentWindow = (e) => {
-    console.log('in sms create', e);
+    
     const response = {
       action: e.action,
       value: 'edit',
@@ -614,13 +614,13 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
   };
 
   getFormData = (e) => {
-    console.log('posting final result', this.state.formData);
+    
     const response = {
       action: "getFormData",
       value: this.getTransformedData(this.state.formData),
       validity: this.state.isFormValid,
     };
-    console.log('GetForm Data ', response);
+    
     this.setState({checkValidation: true}, this.showError);
     if (e) {
       e.source.postMessage(JSON.stringify(response), e.origin);
@@ -630,7 +630,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
 
 
   setEditState(data, schema) {
-    console.log('Test 1234', 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") {
@@ -770,7 +770,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     formData[0].base = true;
     // formData[0].tabKey = '1';
     // formData[1].tabKey = '2';
-    console.log('form data after discarding ', formData);
+    
     this.setState({templateCta}, () => {
       this.getSchemaForFormData(formData, schema);
       this.setState({tabCount, formData, editData: data, currentTab: 1}, () => {
@@ -1356,7 +1356,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
 
 
   startTemplateCreation = (data) => {
-    console.log('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);
@@ -1372,7 +1372,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     }
   };
   discardValues = () => {
-    console.log('discarding', this.props.Edit);
+    
     this.resetSchema();
     this.setState({
       formData: {},
@@ -1398,7 +1398,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
 
   };
   moveToTemplates = () => {
-    console.log('in move to Templates');
+    
     const modalContent = {
       title: this.props.intl.formatMessage(messages.alertMessage),
       body: this.props.intl.formatMessage(messages.goBackTemporaryChangesLost),
@@ -1473,17 +1473,17 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
   };
 
   saveFormData = (formData) => {
-    console.log('Saving form data', formData, this.state.tabCount);
+    
     const obj = this.getTransformedData(formData);
-    console.log('obj', obj);
+    
     this.props.actions.editTemplate(obj, this.onUpdateTemplateComplete);
   };
   handleFrameTasks = (e) => {
-    // console.log('data listened to is', e.data);
+    // 
     const type = e.data;
-    console.log('data type', typeof type);
+    
     if (typeof type === 'object') {
-      // console.log('received something', type);
+      // 
       const action = type.action;
       switch (action) {
         case "startTemplateCreation":
@@ -1504,15 +1504,15 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
           this.getFormData(e);
           break;
         case "startTemplateCreation":
-          console.log('Starting to create template');
+          
           //this.getFormData(e);
           break;
         case "moveToTemplates":
-          console.log('moving to templates');
+          
           this.moveToTemplates();
           break;
         case "validateContent":
-          console.log('validating Content');
+          
           this.validateContent(e);
           break;
         default:
@@ -1721,7 +1721,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       tempContainer = this.injectContainer(tempContainer);
       return tempContainer;
     });
-    console.log('final injected schema', schema);
+    
     this.setState({schema, loadingContentEdit: false}, () => {
       this.removeStandAlone();
     });
@@ -1742,7 +1742,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     this.setState({ schema });
   };
   handleOnTagsContextChange = (data) => {
-    console.log('parent tags context', data);
+    
     const query = {
       layout: 'mobilepush',
       type: 'TAG',

package/v2Containers/MobilePush/Edit/sagas.js

@@ -8,9 +8,9 @@ import * as types from './constants';
 export function* editTemplate(template) {
   let errorMsg;
   try {
-    console.log('saga editTemplate', template);
+    
     const result = yield call(Api.createMobilePushTemplate, template);
-    console.log('saga editTemplate success', result);
+    
     if (result.message || result.status.code === 500) {
       errorMsg = result.message;
     }
@@ -23,7 +23,7 @@ export function* editTemplate(template) {
 
 export function* getTemplateDetails(id) {
   try {
-    console.log('saga get Template details', id);
+    
     const result = yield call(Api.getTemplateDetails, id);
     // const sidebar = result.response.sidebar;
     yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });
@@ -50,7 +50,7 @@ export function* getIosCtas(licenseCode) {
 
 export function* getMobilepushTemplatesList(params) {
   try {
-    console.log('Saga param ', params.channel, params.queryParams);
+    
     const result = yield call(Api.getAllTemplates, {channel: params.channel, queryParams: params.queryParams});
     yield put({ type: types.GET_MOBILEPUSH_TEMPLATES_LIST_SUCCESS, data: result.response.templates, templateData: result.response.mapped});
   } catch (error) {
@@ -59,7 +59,7 @@ export function* getMobilepushTemplatesList(params) {
 }
 
 export function* fetchWeCrmAccounts(action) {
-  console.log('mobile push saga accounts');
+  
   try {
     const result = yield call(Api.fetchWeCrmAccounts, action.source);
     yield [

package/v2Containers/Sms/Create/index.js

@@ -752,11 +752,11 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   startTemplateCreation(data) {
-    console.log("reached here", data);
+    
     if (data.edit) {
-      console.log('in if startTemplateCreation', data.tags);
+      
       const ifUnicode = checkUnicode(data.content ? data.content : '');
-      console.log('smsDetails', ifUnicode, data.content);
+      
       const content = data.content;
       const id = _.uniqueId();
       const tempData = {
@@ -772,7 +772,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         this.setState({tabKey: ''});
       });
     } else {
-      console.log("in else startTemplateCreation: ", data.tags);
+      
       this.setState({injectedTags: data.tags});
     }
     this.props.globalActions.setInjectedTags(data.tags);