@capillarytech/creatives-library 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/components/FormBuilder/index.js +18 -13
  2. package/containers/Email/actions.js +3 -2
  3. package/containers/Email/index.js +42 -31
  4. package/containers/Email/sagas.js +2 -2
  5. package/containers/MobilePush/Create/index.js +12 -10
  6. package/containers/MobilePush/Edit/index.js +12 -10
  7. package/containers/Templates/index.js +15 -10
  8. package/containers/Templates/messages.js +4 -0
  9. package/package.json +1 -1
  10. package/services/api.js +2 -2
package/components/FormBuilder/index.js CHANGED
@@ -1998,10 +1998,11 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
1998
1998
  };
1999
1999
  this.props.iframeParent.postMessage(JSON.stringify(response), '*');
2000
2000
  const isLanguageSupport = this.props.location.query.isLanguageSupport || false;
2001
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
2001
2002
  const module = this.props.location.query.module ? this.props.location.query.module : 'default';
2002
2003
  this.props.router.push({
2003
2004
  pathname: `/${this.props.schema.channel.toLowerCase()}/`,
2004
- query: type === 'embedded' ? {type: 'embedded', module, isLanguageSupport} : {module, isLanguageSupport},
2005
+ query: type === 'embedded' ? {type: 'embedded', module, isLanguageSupport, isEdmSupport} : {module, isLanguageSupport, isEdmSupport},
2005
2006
  });
2006
2007
  } else if (id === "email-language-delete-modal") {
2007
2008
  console.log('Delete languages ');
@@ -2085,26 +2086,30 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
2085
2086
  temp.id = template._id;
2086
2087
  if (this.props.schema.channel.toLowerCase() === 'email') {
2087
2088
  // console.log('Data Prepare');
2089
+ const imgSrc = template && template.versions && template.versions.base ? template.versions.base.preview_http_url : '';
2090
+ const ifPreviewGenerated = template && template.versions && template.versions.base ? template.versions.base.isPreviewGenerated : 0;
2091
+ const content = <img src={imgSrc || ''} alt="" />;
2092
+ console.log('qwerty template preview', imgSrc, template, ifPreviewGenerated, content);
2088
2093
  temp.content = (
2089
2094
  <div
2090
2095
  className="sms-template-content">
2091
2096
  <div className={`sms-text ${this.state.clickedItem === template._id ? 'sms-text-blurred' : ''}`}>
2092
-
2097
+ {content}
2093
2098
  </div>
2094
2099
  {/*template._id === this.state.clickedItem ? <CapButton onClick={(e) => this.handleEditClick(e, template._id)} className="edit-button" type="secondary">{type === 'embedded' ? this.props.intl.formatMessage(messages.selectButton) : this.props.intl.formatMessage(messages.editButton)}</CapButton> : ''*/}
2095
2100
  {/*template._id === this.state.clickedItem ? <CapButton onClick={() => this.handlePreviewClick(template)} className="preview-button" type="cancel">{this.props.intl.formatMessage(messages.previewButton)}</CapButton> : ''*/}
2096
2101
  </div>);
2097
2102
  }
2098
- temp.footer = (
2099
- <div className="footer-container">
2100
- <div className="card-title">
2101
- <span className="template-name" style={{ fontWeight: `${this.props.schema.channel.toLowerCase() === 'wechat' ? '400' : '600'}` }}>
2102
- { template && template.versions && template.versions.history && template.versions.history.length > 1 && this.props.schema.channel.toLowerCase() !== 'mobilepush' && <i style={{fontSize: '16px', margin: '0 8px 0 0', verticalAlign: 'middle'}} className="material-icons">filter_none</i>}
2103
- {template.name}
2104
- </span>
2105
- </div>
2106
- </div>
2107
- );
2103
+ // temp.footer = (
2104
+ // <div className="footer-container">
2105
+ // <div className="card-title">
2106
+ // <span className="template-name" style={{ fontWeight: `${this.props.schema.channel.toLowerCase() === 'wechat' ? '400' : '600'}` }}>
2107
+ // { template && template.versions && template.versions.history && template.versions.history.length > 1 && this.props.schema.channel.toLowerCase() !== 'mobilepush' && <i style={{fontSize: '16px', margin: '0 8px 0 0', verticalAlign: 'middle'}} className="material-icons">filter_none</i>}
2108
+ // {template.name}
2109
+ // </span>
2110
+ // </div>
2111
+ // </div>
2112
+ // );
2108
2113
  items.push(temp);
2109
2114
  return true;
2110
2115
  });
@@ -3134,7 +3139,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
3134
3139
  this.props.schema ? this.renderForm() : ''
3135
3140
  }
3136
3141
  <SlideBox
3137
- header={(<h3>Template Selection</h3>)}
3142
+ header={(<h3>Layout Selection</h3>)}
3138
3143
  width={60}
3139
3144
  content={cmsTemplateSelectionContent}
3140
3145
  show={this.props.showEdmEmailTemplates}
package/containers/Email/actions.js CHANGED
@@ -30,14 +30,15 @@ export function getAllAssets(assetType, queryParams) {
30
30
  };
31
31
  }
32
32
 
33
- export function getCmsSetting(cmsType, projectId, cmsMode, langId) {
34
- console.log('cms actions', langId);
33
+ export function getCmsSetting(cmsType, projectId, cmsMode, langId, isEdmSupport) {
34
+ console.log('cms actions', langId, isEdmSupport);
35
35
  return {
36
36
  type: types.GET_CMS_EDITOR_DETAILS_REQUEST,
37
37
  cmsType,
38
38
  projectId,
39
39
  cmsMode,
40
40
  langId,
41
+ isEdmSupport,
41
42
  };
42
43
  }
43
44
 
package/containers/Email/index.js CHANGED
@@ -709,20 +709,22 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
709
709
  if (this.props.params.id) {
710
710
  this.props.actions.getTemplateDetails(this.props.params.id, 'email');
711
711
  }
712
+ if (this.props.location.query.module === "library" && this.props.templateData) {
713
+ this.props.templatesActions.resetTemplateData();
714
+ }
712
715
  });
713
716
  }
714
717
  // formData[0] = {
715
718
  // "template-content": (this.props.Templates.selectedEmailLayout ? this.props.Templates.selectedEmailLayout : ''),
716
719
  // };
717
720
  // if (this.props.Templates.CmsSettings) {}
718
- if (!this.props.location.query.module === "library") {
719
- if (!_.isEmpty(this.props.Templates.edmTemplate) && this.props.Templates.edmTemplate.versions.base.is_drag_drop) {
720
- this.setState({isDragDrop: true});
721
- if (this.props.params.id) {
722
- this.props.actions.getCmsSetting('edm', this.props.Templates.edmTemplate.versions.base.drag_drop_id, 'open');
723
- } else {
724
- this.props.actions.getCmsSetting('edm', this.props.Templates.edmTemplate.versions.base.drag_drop_id, 'create');
725
- }
721
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
722
+ if (!_.isEmpty(this.props.Templates.edmTemplate) && this.props.Templates.edmTemplate.versions.base.is_drag_drop) {
723
+ this.setState({isDragDrop: true});
724
+ if (this.props.params.id) {
725
+ this.props.actions.getCmsSetting('edm', this.props.Templates.edmTemplate.versions.base.drag_drop_id, 'open', undefined, isEdmSupport);
726
+ } else {
727
+ this.props.actions.getCmsSetting('edm', this.props.Templates.edmTemplate.versions.base.drag_drop_id, 'create', undefined, isEdmSupport);
726
728
  }
727
729
  }
728
730
  console.log('Form Data ', formData);
@@ -936,9 +938,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
936
938
  const module = this.props.location.query.module ? this.props.location.query.module : 'default';
937
939
  const type = this.props.location.query.type;
938
940
  const isLanguageSupport = this.props.location.query.isLanguageSupport || false;
941
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
939
942
  this.props.router.push({
940
943
  pathname: `/email`,
941
- query: type === 'embedded' ? {type: 'embedded', module, isLanguageSupport} : {module, isLanguageSupport},
944
+ query: type === 'embedded' ? {type: 'embedded', module, isLanguageSupport, isEdmSupport} : {module, isLanguageSupport, isEdmSupport},
942
945
  });
943
946
  }
944
947
  if (nextProps.Email.createTemplateError && !_.isEqual(nextProps.Email.createTemplateError, this.props.Email.createTemplateError)) {
@@ -1017,7 +1020,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
1017
1020
  if ( !_.isEqual(nextProps.Email.uploadAssetSuccess, this.props.Email.uploadAssetSuccess) && nextProps.Email.uploadAssetSuccess) {
1018
1021
  console.log('Post on will receive props');
1019
1022
  const isDragDrop = this.state.formData[`${this.state.currentTab - 1}`][this.state.formData[`${this.state.currentTab - 1}`].activeTab].is_drag_drop;
1020
- if (isDragDrop) {
1023
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
1024
+ if (isDragDrop && isEdmSupport) {
1021
1025
  console.log('Handle EDM ', this.edmEvent, JSON.parse(this.edmEvent.data)._dynId, nextProps.Email.uploadedAssetData.metaInfo.secure_file_path);
1022
1026
  const evtData = JSON.parse(this.edmEvent.data);
1023
1027
  if (evtData.action === 'editBackground') {
@@ -1142,7 +1146,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
1142
1146
  console.log('On Tag selection ', data, currentTab, value);
1143
1147
  const isDragDrop = this.state.formData[`${this.state.currentTab - 1}`][this.state.formData[`${this.state.currentTab - 1}`].activeTab].is_drag_drop;
1144
1148
  const formData = _.cloneDeep(this.state.formData);
1145
- if (isDragDrop) {
1149
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
1150
+ console.log('isEdmsupport', isEdmSupport);
1151
+ if (isDragDrop && isEdmSupport) {
1146
1152
  const msg = {
1147
1153
  action: "InsertToCursor",
1148
1154
  content: `{{${data}}}`,
@@ -1246,6 +1252,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
1246
1252
 
1247
1253
  setEditData(editData) {
1248
1254
  console.log('Edit Data is ', editData);
1255
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
1249
1256
  const formData = _.cloneDeep(this.state.formData);
1250
1257
 
1251
1258
  const tabIndex = this.state.currentTab + 1;
@@ -1391,7 +1398,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
1391
1398
  // }
1392
1399
  if (language && editData.versions.base[language].is_drag_drop) {
1393
1400
  console.log('making edm calls again');
1394
- this.props.actions.getCmsSetting('edm', editData.versions.base[language].drag_drop_id, 'open', language);
1401
+ this.props.actions.getCmsSetting('edm', editData.versions.base[language].drag_drop_id, 'open', language, isEdmSupport);
1395
1402
  }
1396
1403
  });
1397
1404
  console.log('final form data edit', formData);
@@ -1611,6 +1618,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
1611
1618
  }
1612
1619
 
1613
1620
  copyPrimaryLanguage = () => {
1621
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
1614
1622
  console.log('copy primary language');
1615
1623
  this.setState({addLanguageType: "copyPrimaryLanguage"}, () => {
1616
1624
  this.setState({showModal: false});
@@ -1618,7 +1626,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
1618
1626
  const currentTab = this.state.currentTab - 1;
1619
1627
  const baseLanguage = this.props.Global.currentOrgDetails.basic_details.base_language ? this.props.Global.currentOrgDetails.basic_details.base_language : 'en';
1620
1628
  if (formData[currentTab][baseLanguage].is_drag_drop) {
1621
- this.props.actions.getCmsSetting('edm', formData[currentTab][baseLanguage].drag_drop_id, 'duplicate', baseLanguage);
1629
+ this.props.actions.getCmsSetting('edm', formData[currentTab][baseLanguage].drag_drop_id, 'duplicate', baseLanguage, isEdmSupport);
1622
1630
  }
1623
1631
  });
1624
1632
  }
@@ -1778,8 +1786,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
1778
1786
  };
1779
1787
  // const baseData = {};
1780
1788
  _.forEach(formData.base, (content, index) => {
1781
- console.log('Type test ', content.constructor);
1782
- if (content.constructor === Object) {
1789
+ if (content && content.constructor === Object) {
1783
1790
  const tmpData = {};
1784
1791
  if (_.isEmpty(content)) {
1785
1792
  return;
@@ -1820,24 +1827,24 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
1820
1827
  this.startTemplateCreation(type.value);
1821
1828
  break;
1822
1829
  case "edit":
1830
+ this.edmEvent = e;
1823
1831
  if (type.elementJson.type === "IMAGE") {
1824
1832
  console.log('Data Inside ', type);
1825
1833
  this.onImageSelect();
1826
1834
  }
1827
- this.edmEvent = e;
1828
1835
  break;
1829
1836
  case "editBackground":
1837
+ this.edmEvent = e;
1830
1838
  if (type.elementJson.type === "BOX" || type.elementJson.type === "BUTTON" || type.elementJson.type === "GENERAL") {
1831
1839
  console.log('Data Inside ', type);
1832
1840
  this.onImageSelect();
1833
1841
  }
1834
- this.edmEvent = e;
1835
1842
  break;
1836
1843
  case "create":
1837
1844
  this.edmEvent = e;
1838
1845
  break;
1839
1846
  case "select":
1840
- this.edmEvent = e;
1847
+ //this.edmEvent = e;
1841
1848
  break;
1842
1849
  case "startLoading":
1843
1850
  this.startLoading(type.edit);
@@ -1906,7 +1913,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
1906
1913
  } else if (this.state.mode === 'preview' || this.state.mode === 'switchEditor') {
1907
1914
  this.props.actions.getCmsData('edm', this.state.formData[`${this.state.currentTab - 1}`][this.state.formData[`${this.state.currentTab - 1}`].activeTab].drag_drop_id);
1908
1915
  if (this.state.mode === 'switchEditor') {
1909
- const schema = _.cloneDeep(this.state.schema);
1916
+ let schema = _.cloneDeep(this.state.schema);
1910
1917
  const formData = _.cloneDeep(this.state.formData);
1911
1918
  _.forEach(schema.containers, (container, index) => {
1912
1919
  if (parseInt(index, 10) === (this.state.currentTab - 1)) {
@@ -1918,7 +1925,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
1918
1925
  temp.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[3].cols[0].style = {display: "none"};
1919
1926
  }
1920
1927
  });
1921
-
1928
+ schema = this.showInsertImageButton(schema);
1922
1929
  console.log('Handle OK ', schema);
1923
1930
  this.setState({ schema, showConfirmationModal: false, isSchemaChanged: true }, () => {
1924
1931
  this.injectEvents(schema);
@@ -1977,14 +1984,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
1977
1984
  this.setState({schema, isSchemaChanged: true});
1978
1985
  }
1979
1986
 
1980
- hideMarkAsFinalButton = () => {
1981
- const schema = _.cloneDeep(this.state.schema);
1987
+ showInsertImageButton = (passedSchema) => {
1988
+ const schema = passedSchema || _.cloneDeep(this.state.schema);
1982
1989
  _.forEach(schema.containers, (container) => {
1983
1990
  if (container.isActive) {
1984
1991
  _.forEach(container.tabBarExtraContent.sections[0].inputFields[0].cols, (containerInputFieldCol) => {
1985
- if (containerInputFieldCol.id === 'mark-final-version-label') {
1992
+ if (containerInputFieldCol.id === 'insert-image') {
1986
1993
  const newContainerInputFieldCol = containerInputFieldCol;
1987
- newContainerInputFieldCol.style.display = "none";
1994
+ newContainerInputFieldCol.style.display = "";
1988
1995
  }
1989
1996
  });
1990
1997
  }
@@ -2006,11 +2013,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
2006
2013
  handleOnItemClick = (isSelected, id) => {
2007
2014
  console.log('Dummy ', isSelected, id, event);
2008
2015
  const isDragDrop = this.state.formData[`${this.state.currentTab - 1}`][this.state.formData[`${this.state.currentTab - 1}`].activeTab].is_drag_drop;
2016
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
2009
2017
  if (isSelected) {
2010
2018
  const data = _.find(this.props.Email.assetList, {_id: id});
2011
2019
  console.log('Found Data ', data, this.state.isDragDrop);
2012
2020
  if (data) {
2013
- if (isDragDrop) {
2021
+ if (isDragDrop && isEdmSupport) {
2014
2022
  console.log('Handle EDM ', isSelected, id, this.edmEvent, JSON.parse(this.edmEvent.data)._dynId, data.metaInfo.secure_file_path);
2015
2023
  const evtData = JSON.parse(this.edmEvent.data);
2016
2024
  if (evtData.action === 'editBackground') {
@@ -2403,9 +2411,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
2403
2411
  const type = this.props.location.query.type;
2404
2412
  const module = this.props.location.query.module ? this.props.location.query.module : 'default';
2405
2413
  const isLanguageSupport = this.props.location.query.isLanguageSupport || false;
2414
+ const isEdmSupport = this.props.location.query.isEdmSupport !== false || false;
2406
2415
  this.props.router.push({
2407
2416
  pathname: `/email/`,
2408
- query: type === 'embedded' ? {type: 'embedded', module, isLanguageSupport} : {module, isLanguageSupport},
2417
+ query: type === 'embedded' ? {type: 'embedded', module, isLanguageSupport, isEdmSupport} : {module, isLanguageSupport, isEdmSupport},
2409
2418
  });
2410
2419
  }
2411
2420
 
@@ -2482,11 +2491,11 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
2482
2491
  if (hideLang && !ifLangSupported) {
2483
2492
  const newContainerInputFieldCol = containerInputFieldCol;
2484
2493
  hideLang = false;
2485
- newContainerInputFieldCol.offset = 18;
2494
+ newContainerInputFieldCol.offset = 16;
2486
2495
  } else if (hideLang) {
2487
2496
  const newContainerInputFieldCol = containerInputFieldCol;
2488
2497
  hideLang = false;
2489
- newContainerInputFieldCol.offset = 14;
2498
+ newContainerInputFieldCol.offset = 13;
2490
2499
  }
2491
2500
  if (containerInputFieldCol.id === 'add-language-button' && !ifLangSupported) {
2492
2501
  const newContainerInputFieldCol = containerInputFieldCol;
@@ -2586,6 +2595,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
2586
2595
  if (_.isEmpty(data)) {
2587
2596
  return;
2588
2597
  }
2598
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
2589
2599
 
2590
2600
  //const data = {"base":{"subject":"deded","html_content":"<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"> <html> <head> \t<title>Scheduled Report</title> \t<meta http-equiv=\"Content-Type\" content=\"text/html charset=UTF-8\"/> \t<style type=\"text/css\">.container-main p{line-height: 1.6;}@media screen and (max-width: 480px){a.brand{font-size: 35px;}}@media screen and (max-width: 480px){.container-main a{text-align: center;}a.brand{text-align: center;}}a.brand img{vertical-align: middle; padding: 0 8px 0 0; width: 250px;}@media screen and (max-width: 480px){a.brand img{width: 220px !important;}}@media screen and (max-width: 480px){.container-content{padding: 15px 20px; font-size: 12px !important;} .email-footer{font-size: 12px !important;}}.container-content table{border-collapse: collapse;}.container-content table tr td p{margin: 5px;}.container-content table tr td p span{font-weight: bold; padding: 0 3px 0 0;}@media screen and (max-width: 480px){a.btn-view-reports{margin: 25px auto 10px;}}a.btn-view-reports:hover{background: grey; color: #fff;}.email-footer p{text-align: center; font-size: 12px; color: grey;}.email-footer p a{color: blue; cursor: pointer;}.email-footer p a:hover{color: grey;} \t</style> </head> <body><center>\n\t\t\t\t\t\t\t\t\t\tIf you have difficulties viewing this mail, click\n\t\t\t\t\t\t\t\t\t\t<a href=\"https://nightly.capillary.in/business_controller/campaigns/emails/links/view.php?utrack={{user_id_b64}}&mtrack={{outbox_id_b64}}\" style = \"text-decoration: underline;color: #369;\" target=\"_blank\">here</a><br/>\n\t\t\t\t\t\t\t\t\t</center> <table class=\"container-main\" style=\"background:#eeeeee; color:#000000; font-family:'Open Sans',sans-serif; font-size:16px; font-weight:400; margin:0 auto; max-width:978px; padding:15px; width:100%\"> \t<tbody> \t\t<tr> \t\t\t<td> \t\t\t<table class=\"email-header\" style=\"background:#ffffff; margin:0 0 5px; padding:17px 0; width:100%\"> \t\t\t\t<tbody> \t\t\t\t\t<tr> \t\t\t\t\t\t<td style=\"width:100%\"><a class=\"brand\" href=\"#\" style=\"display: table; margin: 0 auto; text-decoration: none; font-size: 37px; color: grey;\"><img alt=\"Capillary Technologies\" src=\"https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/60221e2020ba572f6787.png\" /> </a></td> \t\t\t\t\t</tr> \t\t\t\t</tbody> \t\t\t</table> \t\t\t<div class=\"container-content\" style=\"background:#ffffff; padding:20px 35px\"> \t\t\t<p>Hi Ashish Karan,</p> \t\t\t<p>You&#39;ve received a new scheduled report. {{unsubscribe}}</p> \t\t\t<table> \t\t\t\t<tbody> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Org Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>autotest1</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Scheduled Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>Schedule Test</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Time Period: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>1st Jan, 2017 to 24th Sep, 2017</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Report Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>redDart Report</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t</tbody> \t\t\t</table> \t\t\t<p style=\"font-size:15px; margin-top:25px\">By clicking &quot;View Report&quot; you will be redirected to Capillary Analytics to view the automated report.</p> \t\t\t<a href=\"https://nightly.capillary.in/analytics/v2/report/59c37820e626a10df78c8d91?snapshot=59c8bce750f4e75ec8b0d24c\" style=\"background: #009e0f; text-align: center; color: #fff; font-size: 16px; padding: 10px 25px; cursor: pointer; text-decoration: none; display: block; width: 120px; margin: 25px auto 15px;\" target=\"_blank\">View Report</a></div> \t\t\t<div class=\"email-footer\"> \t\t\t<p style=\"color:grey; font-size:12px; text-align:center\">You&#39;ve received this mail because you subscribed to Schedule Test schedule of redDart Report. <a href=\"https://nightly.capillary.in/analytics/v2/report/59c37820e626a10df78c8d91/schedule/59c8bce750f4e75ec8b0d24c/unsubscribeSchedule\" style=\"color: blue; cursor: pointer;\" target=\"_blank\">Unsubscribe</a></p> \t\t\t<p><a href=\"http://capillarytech.com/privacy-policy/\" target=\"_blank\">Privacy Policy</a> | <a href=\"http://capillarytech.com/about-us/\" target=\"_blank\">About Capillary</a></p> \t\t\t</div> \t\t\t</td> \t\t</tr> \t</tbody> </table> </body> </html> ","is_drag_drop":false,"drag_drop_id":null},"secondary_templates":[{"is_preview_generated":null,"preview_url":null,"is_favourite":null,"is_drag_drop":false,"drag_drop_id":null,"scope":null,"tag":null,"is_default":null,"html_content":"<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"> <html> <head> \t<title>Scheduled Report</title> \t<meta http-equiv=\"Content-Type\" content=\"text/html charset=UTF-8\"/> \t<style type=\"text/css\">.container-main p{line-height: 1.6;}@media screen and (max-width: 480px){a.brand{font-size: 35px;}}@media screen and (max-width: 480px){.container-main a{text-align: center;}a.brand{text-align: center;}}a.brand img{vertical-align: middle; padding: 0 8px 0 0; width: 250px;}@media screen and (max-width: 480px){a.brand img{width: 220px !important;}}@media screen and (max-width: 480px){.container-content{padding: 15px 20px; font-size: 12px !important;} .email-footer{font-size: 12px !important;}}.container-content table{border-collapse: collapse;}.container-content table tr td p{margin: 5px;}.container-content table tr td p span{font-weight: bold; padding: 0 3px 0 0;}@media screen and (max-width: 480px){a.btn-view-reports{margin: 25px auto 10px;}}a.btn-view-reports:hover{background: grey; color: #fff;}.email-footer p{text-align: center; font-size: 12px; color: grey;}.email-footer p a{color: blue; cursor: pointer;}.email-footer p a:hover{color: grey;} \t</style> </head> <body><center>\n\t\t\t\t\t\t\t\t\t\tIf you have difficulties viewing this mail, click\n\t\t\t\t\t\t\t\t\t\t<a href=\"https://nightly.capillary.in/business_controller/campaigns/emails/links/view.php?utrack={{user_id_b64}}&mtrack={{outbox_id_b64}}\" style = \"text-decoration: underline;color: #369;\" target=\"_blank\">here</a><br/>\n\t\t\t\t\t\t\t\t\t</center> <table class=\"container-main\" style=\"background:#eeeeee; color:#000000; font-family:'Open Sans',sans-serif; font-size:16px; font-weight:400; margin:0 auto; max-width:978px; padding:15px; width:100%\"> \t<tbody> \t\t<tr> \t\t\t<td> \t\t\t<table class=\"email-header\" style=\"background:#ffffff; margin:0 0 5px; padding:17px 0; width:100%\"> \t\t\t\t<tbody> \t\t\t\t\t<tr> \t\t\t\t\t\t<td style=\"width:100%\"><a class=\"brand\" href=\"#\" style=\"display: table; margin: 0 auto; text-decoration: none; font-size: 37px; color: grey;\"><img alt=\"Capillary Technologies\" src=\"https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/60221e2020ba572f6787.png\" /> </a></td> \t\t\t\t\t</tr> \t\t\t\t</tbody> \t\t\t</table> \t\t\t<div class=\"container-content\" style=\"background:#ffffff; padding:20px 35px\"> \t\t\t<p>Hi Ashish Karan,</p> \t\t\t<p>You&#39;ve received a new scheduled report. {{unsubscribe}}</p> \t\t\t<table> \t\t\t\t<tbody> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Org Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>autotest1</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Scheduled Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>Schedule Test</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Time Period: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>1st Jan, 2017 to 24th Sep, 2017</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Report Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>redDart Report</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t</tbody> \t\t\t</table> \t\t\t<p style=\"font-size:15px; margin-top:25px\">By clicking &quot;View Report&quot; you will be redirected to Capillary Analytics to view the automated report.</p> \t\t\t<a href=\"https://nightly.capillary.in/analytics/v2/report/59c37820e626a10df78c8d91?snapshot=59c8bce750f4e75ec8b0d24c\" style=\"background: #009e0f; text-align: center; color: #fff; font-size: 16px; padding: 10px 25px; cursor: pointer; text-decoration: none; display: block; width: 120px; margin: 25px auto 15px;\" target=\"_blank\">View Report</a></div> \t\t\t<div class=\"email-footer\"> \t\t\t<p style=\"color:grey; font-size:12px; text-align:center\">You&#39;ve received this mail because you subscribed to Schedule Test schedule of redDart Report. <a href=\"https://nightly.capillary.in/analytics/v2/report/59c37820e626a10df78c8d91/schedule/59c8bce750f4e75ec8b0d24c/unsubscribeSchedule\" style=\"color: blue; cursor: pointer;\" target=\"_blank\">Unsubscribe</a></p> \t\t\t<p><a href=\"http://capillarytech.com/privacy-policy/\" target=\"_blank\">Privacy Policy</a> | <a href=\"http://capillarytech.com/about-us/\" target=\"_blank\">About Capillary</a></p> \t\t\t</div> \t\t\t</td> \t\t</tr> \t</tbody> </table> </body> </html> ","secondary_template_id":"9500","is_base_template":1,"language_name":"English","language":"English","lang_id":"69"}],"edit":true,"tags":[]};
2591
2601
  // const data = {edit: true, "base":{"subject":"testsubject","html_content":"<html> <head> \t<meta charset=\"utf-8\" /> \t<title>Aster Secure</title> \t<style type=\"text/css\">#outlook a { padding: 0; } body { width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0;} .ExternalClass { width: 100%; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } #backgroundTable { margin: 0; padding: 0; width: 100% !important; line-height: 100% !important; } img { outline: none; text-decoration: none; border: none; -ms-interpolation-mode: bicubic; } a img { border: none; } .image_fix { display: block; } p { margin: 0px 0px !important; } table td { border-collapse: collapse; } table { border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; } table[class=full] { width: 100%; clear: both; } table[class=spacetable] { height: 176px; } table[class=spacetable1] { height: 431px; } table[class=spacetable2] { height: 50px; } table[class=spacetable3] { height: 55px; } \t @media only screen and (min-width: 320px) and (max-width: 540px) { a[href^=\"tel\"], a[href^=\"sms\"] { text-decoration: none; color: #ffffff; pointer-events: none; cursor: default; } .mobile_link a[href^=\"tel\"], .mobile_link a[href^=\"sms\"] { text-decoration: default; color: #ffffff !important; pointer-events: auto; cursor: default; } img[class=logo] { width: 132px!important; } img[class=shop] { width:53px!important; text-align: center!important; } table[class=innerlayer] { width: 300px !important; text-align: center; } img[class=spot] { width: 65px!important; } img[class=banner] { width: 290px !important; text-align: center; } img[class=banner1] { width: 229px!important; } img[class=click] { width:55px!important; } img[class=border] { width: 290px!important; } td[class=txtfont] { font-size:11px!important; height:50px!important; line-height: 15px!important; } \t span[class=txtfont] { font-size:9px!important; height:98px!important; line-height:23px!important; } \t td[class=txtfont1] { font-size:11px!important; height:40px!important; line-height: 14px!important; } img[class=left] { width:195px!important; } img[class=right] { width:46px!important; } \t \t td[class=txtfont3] { font-size:8px!important;} \ttd[class=txtfont2] { font-size:6px!important; line-height:9px!important; } td[class=txtbold] { font-size: 21px!important; } img[class=gap] { width:92px!important; } img[class=gap1] { width: 20px!important; } table[class=social] { width: 99% !important; } img[class=fb] { width:20px!important; } img[class=in] { width:21px!important; } img[class=tw] { width:20px!important; } img[class=pin] { width:41px!important; } \t img[class=and] { width:81px!important; } img[class=my] { width: 44px!important; } \t img[class=you] { width:21px!important; } img[class=store] { width:65px!important; } \t \t img[class=snap] { width:24px!important; } td[class=textlen] { height:52px!important; } \ttd[class=tdlen] \t{ \theight:35px!important;font-size: 10px !important; \t} \t\t\timg[class=a] { width: 42px!important; } \t\t\timg[class=b] { width: 22px!important; } \t\t\timg[class=c] { width: 72px!important; } \t\t\timg[class=d] { width: 50px!important; } \t\t\timg[class=e] { width: 56px!important; } \t\t\timg[class=f] { width: 56px!important; } \t\t\t} \t</style> </head> <body><center>\n\t\t\t\t\t\t\t\t\t\tIf you have difficulties viewing this mail, click\n\t\t\t\t\t\t\t\t\t\t<a href=\"https://nightly.capillary.in/business_controller/campaigns/emails/links/view.php?utrack={{user_id_b64}}&mtrack={{outbox_id_b64}}\" style = \"text-decoration: underline;color: #369;\" target=\"_blank\">here</a><br/>\n\t\t\t\t\t\t\t\t\t</center> <table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"outerlayer\" style=\"width:650px\"> \t<tbody> \t\t<tr> \t\t\t<td> \t\t\t<table align=\"center\" bgcolor=\"#fff\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"outerlayer\" style=\"width:650px\"> \t\t\t\t<tbody> \t\t\t\t\t<tr> \t\t\t\t\t\t<td class=\"txtfont2\" height=\"40\" style=\"font-family: Verdana, Geneva, sans-serif; text-align:center; font-size:11px; color:gray; line-height:13px;\" width=\"600\">Shop at Aster Pharmacy this month and You could be the next lucky winner!</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><a href=\"#\" style=\"pointer-events:none;\"><img class=\"banner\" src=\"https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/890bdffee3b2322d8ec7.jpg\" style=\"border:none; display:block\" /></a></td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td class=\"txtfont2\" height=\"40\" style=\"font-family: Verdana, Geneva, sans-serif; text-align:center; font-size:11px; color:gray; line-height:13px;\" width=\"600\">To remove your email address from our mailing list , please click on {{unsubscribe}}</td> \t\t\t\t\t</tr> \t\t\t\t</tbody> \t\t\t</table> \t\t\t</td> \t\t</tr> \t</tbody> </table> </body> </html> ","is_drag_drop":0,"drag_drop_id":null},"secondary_templates":[{"is_preview_generated":null,"preview_url":null,"is_favourite":null,"is_drag_drop":false,"drag_drop_id":null,"scope":null,"tag":null,"is_default":null,"html_content":"<html>\r\n<head>\r\n\t<meta charset=\"utf-8\" />\r\n\t<title>Aster Secure</title>\r\n\t<style type=\"text/css\">#outlook a { padding: 0; } body { width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0;} .ExternalClass { width: 100%; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } #backgroundTable { margin: 0; padding: 0; width: 100% !important; line-height: 100% !important; } img { outline: none; text-decoration: none; border: none; -ms-interpolation-mode: bicubic; } a img { border: none; } .image_fix { display: block; } p { margin: 0px 0px !important; } table td { border-collapse: collapse; } table { border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; } table[class=full] { width: 100%; clear: both; } table[class=spacetable] { height: 176px; } table[class=spacetable1] { height: 431px; } table[class=spacetable2] { height: 50px; } table[class=spacetable3] { height: 55px; } \t @media only screen and (min-width: 320px) and (max-width: 540px) { a[href^=\"tel\"], a[href^=\"sms\"] { text-decoration: none; color: #ffffff; pointer-events: none; cursor: default; } .mobile_link a[href^=\"tel\"], .mobile_link a[href^=\"sms\"] { text-decoration: default; color: #ffffff !important; pointer-events: auto; cursor: default; } img[class=logo] { width: 132px!important; } img[class=shop] { width:53px!important; text-align: center!important; } table[class=innerlayer] { width: 300px !important; text-align: center; } img[class=spot] { width: 65px!important; } img[class=banner] { width: 290px !important; text-align: center; } img[class=banner1] { width: 229px!important; } img[class=click] { width:55px!important; } img[class=border] { width: 290px!important; } td[class=txtfont] { font-size:11px!important; height:50px!important; line-height: 15px!important; } \t span[class=txtfont] { font-size:9px!important; height:98px!important; line-height:23px!important; } \t td[class=txtfont1] { font-size:11px!important; height:40px!important; line-height: 14px!important; } img[class=left] { width:195px!important; } img[class=right] { width:46px!important; } \t \t td[class=txtfont3] { font-size:8px!important;} \ttd[class=txtfont2] { font-size:6px!important; line-height:9px!important; } td[class=txtbold] { font-size: 21px!important; } img[class=gap] { width:92px!important; } img[class=gap1] { width: 20px!important; } table[class=social] { width: 99% !important; } img[class=fb] { width:20px!important; } img[class=in] { width:21px!important; } img[class=tw] { width:20px!important; } img[class=pin] { width:41px!important; } \t img[class=and] { width:81px!important; } img[class=my] { width: 44px!important; } \t img[class=you] { width:21px!important; } img[class=store] { width:65px!important; } \t \t img[class=snap] { width:24px!important; } td[class=textlen] { height:52px!important; } \ttd[class=tdlen] \t{ \theight:35px!important;font-size: 10px !important; \t} \t\t\timg[class=a] { width: 42px!important; } \t\t\timg[class=b] { width: 22px!important; } \t\t\timg[class=c] { width: 72px!important; } \t\t\timg[class=d] { width: 50px!important; } \t\t\timg[class=e] { width: 56px!important; } \t\t\timg[class=f] { width: 56px!important; } \t\t\t}\r\n\t</style>\r\n</head>\r\n<body>\r\n<table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"outerlayer\" style=\"width:650px\">\r\n\t<tbody>\r\n\t\t<tr>\r\n\t\t\t<td>\r\n\t\t\t<table align=\"center\" bgcolor=\"#fff\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"outerlayer\" style=\"width:650px\">\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t<td class=\"txtfont2\" height=\"40\" style=\"font-family: Verdana, Geneva, sans-serif; text-align:center; font-size:11px; color:gray; line-height:13px;\" width=\"600\">Shop at Aster Pharmacy this month and You could be the next lucky winner!</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t<td><a href=\"#\" style=\"pointer-events:none;\"><img class=\"banner\" src=\"https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/890bdffee3b2322d8ec7.jpg\" style=\"border:none; display:block\" /></a></td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t<td class=\"txtfont2\" height=\"40\" style=\"font-family: Verdana, Geneva, sans-serif; text-align:center; font-size:11px; color:gray; line-height:13px;\" width=\"600\">To remove your email address from our mailing list , please click on {{unsubscribe}}</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\t\t\t</td>\r\n\t\t</tr>\r\n\t</tbody>\r\n</table>\r\n</body>\r\n</html>\r\n","secondary_template_id":"9584","is_base_template":1,"language_name":"English","language":"English","lang_id":"69"}, {"is_preview_generated":null,"preview_url":null,"is_favourite":null,"is_drag_drop":false,"drag_drop_id":null,"scope":null,"tag":null,"is_default":null,"html_content":"<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"> <html> <head> \t<title>Scheduled Report</title> \t<meta http-equiv=\"Content-Type\" content=\"text/html charset=UTF-8\"/> \t<style type=\"text/css\">.container-main p{line-height: 1.6;}@media screen and (max-width: 480px){a.brand{font-size: 35px;}}@media screen and (max-width: 480px){.container-main a{text-align: center;}a.brand{text-align: center;}}a.brand img{vertical-align: middle; padding: 0 8px 0 0; width: 250px;}@media screen and (max-width: 480px){a.brand img{width: 220px !important;}}@media screen and (max-width: 480px){.container-content{padding: 15px 20px; font-size: 12px !important;} .email-footer{font-size: 12px !important;}}.container-content table{border-collapse: collapse;}.container-content table tr td p{margin: 5px;}.container-content table tr td p span{font-weight: bold; padding: 0 3px 0 0;}@media screen and (max-width: 480px){a.btn-view-reports{margin: 25px auto 10px;}}a.btn-view-reports:hover{background: grey; color: #fff;}.email-footer p{text-align: center; font-size: 12px; color: grey;}.email-footer p a{color: blue; cursor: pointer;}.email-footer p a:hover{color: grey;} \t</style> </head> <body><center>\n\t\t\t\t\t\t\t\t\t\tIf you have difficulties viewing this mail, click\n\t\t\t\t\t\t\t\t\t\t<a href=\"https://nightly.capillary.in/business_controller/campaigns/emails/links/view.php?utrack={{user_id_b64}}&mtrack={{outbox_id_b64}}\" style = \"text-decoration: underline;color: #369;\" target=\"_blank\">here</a><br/>\n\t\t\t\t\t\t\t\t\t</center> <table class=\"container-main\" style=\"background:#eeeeee; color:#000000; font-family:'Open Sans',sans-serif; font-size:16px; font-weight:400; margin:0 auto; max-width:978px; padding:15px; width:100%\"> \t<tbody> \t\t<tr> \t\t\t<td> \t\t\t<table class=\"email-header\" style=\"background:#ffffff; margin:0 0 5px; padding:17px 0; width:100%\"> \t\t\t\t<tbody> \t\t\t\t\t<tr> \t\t\t\t\t\t<td style=\"width:100%\"><a class=\"brand\" href=\"#\" style=\"display: table; margin: 0 auto; text-decoration: none; font-size: 37px; color: grey;\"><img alt=\"Capillary Technologies\" src=\"https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/60221e2020ba572f6787.png\" /> </a></td> \t\t\t\t\t</tr> \t\t\t\t</tbody> \t\t\t</table> \t\t\t<div class=\"container-content\" style=\"background:#ffffff; padding:20px 35px\"> \t\t\t<p>Hi Ashish Karan,</p> \t\t\t<p>You&#39;ve received a new scheduled report. {{unsubscribe}}</p> \t\t\t<table> \t\t\t\t<tbody> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Org Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>autotest1</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Scheduled Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>Schedule Test</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Time Period: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>1st Jan, 2017 to 24th Sep, 2017</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Report Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>redDart Report</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t</tbody> \t\t\t</table> \t\t\t<p style=\"font-size:15px; margin-top:25px\">By clicking &quot;View Report&quot; you will be redirected to Capillary Analytics to view the automated report.</p> \t\t\t<a href=\"https://nightly.capillary.in/analytics/v2/report/59c37820e626a10df78c8d91?snapshot=59c8bce750f4e75ec8b0d24c\" style=\"background: #009e0f; text-align: center; color: #fff; font-size: 16px; padding: 10px 25px; cursor: pointer; text-decoration: none; display: block; width: 120px; margin: 25px auto 15px;\" target=\"_blank\">View Report</a></div> \t\t\t<div class=\"email-footer\"> \t\t\t<p style=\"color:grey; font-size:12px; text-align:center\">You&#39;ve received this mail because you subscribed to Schedule Test schedule of redDart Report. <a href=\"https://nightly.capillary.in/analytics/v2/report/59c37820e626a10df78c8d91/schedule/59c8bce750f4e75ec8b0d24c/unsubscribeSchedule\" style=\"color: blue; cursor: pointer;\" target=\"_blank\">Unsubscribe</a></p> \t\t\t<p><a href=\"http://capillarytech.com/privacy-policy/\" target=\"_blank\">Privacy Policy</a> | <a href=\"http://capillarytech.com/about-us/\" target=\"_blank\">About Capillary</a></p> \t\t\t</div> \t\t\t</td> \t\t</tr> \t</tbody> </table> </body> </html> ","secondary_template_id":"9500","is_base_template":false,"language_name":"Hindi","language":"Hindi","lang_id":"151"},{"is_preview_generated":null,"preview_url":null,"is_favourite":null,"is_drag_drop":1,"drag_drop_id":"55acf47048a85bbf7681a35a","scope":null,"tag":null,"is_default":null,"html_content":"","secondary_template_id":"9500","is_base_template":0,"language_name":"Japanese","language":"Japanese","lang_id":"100"}]};
@@ -2636,7 +2646,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
2636
2646
  };
2637
2647
  if (templates.drag_drop_id) {
2638
2648
  tempData.drag_drop_id = templates.drag_drop_id;
2639
- this.props.actions.getCmsSetting('edm', tempData.drag_drop_id, 'open', tempData.iso_code);
2649
+ this.props.actions.getCmsSetting('edm', tempData.drag_drop_id, 'open', tempData.iso_code, isEdmSupport);
2640
2650
  }
2641
2651
  // formData.usingTabContainer = true;
2642
2652
  // formData.tabCount = 1;
@@ -2662,7 +2672,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
2662
2672
  // this.setState({tabKey: ''});
2663
2673
  _.forEach(formData[0].selectedLanguages, (language) => {
2664
2674
  if (formData[0][language].is_drag_drop) {
2665
- this.props.actions.getCmsSetting('edm', formData[0][language].drag_drop_id, 'open', language);
2675
+ this.props.actions.getCmsSetting('edm', formData[0][language].drag_drop_id, 'open', language, isEdmSupport);
2666
2676
  }
2667
2677
  });
2668
2678
  });
@@ -2989,8 +2999,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
2989
2999
  // const isLanguageSupport = (this.props.location.query.isLanguageSupport) ? this.props.location.query.isLanguageSupport : true;
2990
3000
  // const isEdmSupport = (this.props.location.query.isEdmSupport) ? this.props.location.query.isEdmSupport : true;
2991
3001
  // let getQuery = '';
3002
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
2992
3003
  console.log('Selected EDM Data ', data, this.state.formData[this.state.currentTab - 1].activeTab);
2993
- this.props.actions.getCmsSetting('edm', data.versions.base.drag_drop_id, 'create', this.state.formData[this.state.currentTab - 1].activeTab);
3004
+ this.props.actions.getCmsSetting('edm', data.versions.base.drag_drop_id, 'create', this.state.formData[this.state.currentTab - 1].activeTab, isEdmSupport);
2994
3005
  // this.props.templatesActions.setEdmTemplate(data);
2995
3006
  this.toggleEdmEmailTemplateSelection();
2996
3007
  // if (type && type.toLowerCase() === 'email') {
package/containers/Email/sagas.js CHANGED
@@ -38,10 +38,10 @@ export function* getAllAssets(assetType, queryParams) {
38
38
  }
39
39
  }
40
40
 
41
- export function* getCmsSetting({cmsType, projectId, cmsMode, langId}) {
41
+ export function* getCmsSetting({cmsType, projectId, cmsMode, langId, isEdmSupport}) {
42
42
  try {
43
43
  console.log('cms sagas', langId);
44
- const result = yield call(Api.getCmsTemplateSettings, cmsType, projectId, cmsMode, langId);
44
+ const result = yield call(Api.getCmsTemplateSettings, cmsType, projectId, cmsMode, langId, isEdmSupport);
45
45
  console.log('CMS Setting ', result);
46
46
  yield put({ type: types.GET_CMS_EDITOR_DETAILS_SUCCESS, settings: result.data.response.cmsDetails });
47
47
  } catch (error) {
package/containers/MobilePush/Create/index.js CHANGED
@@ -332,7 +332,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
332
332
  _.forEach(inputField.cols, (col) => {
333
333
  if (col.id === field.id && paneIndex === this.state.currentTab - 1) {
334
334
  console.log(child, fieldIndex, this.state.formData);
335
- const deeplinks = this.props.Templates.selectedWeChatAccount && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
335
+ const deeplinks = this.props.Templates.selectedWeChatAccount && this.props.Templates.selectedWeChatAccount.configs && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
336
336
  const deepLinkOptions = this.props.Templates.selectedWeChatAccount ? _.map(JSON.parse(deeplinks), (link) => ({label: link.name, value: link.link, title: link.link }) ) : [];
337
337
  const deeplinkValue = formData[this.state.currentTab - 1][field.id];
338
338
  const componentIndex = fieldIndex + 1;
@@ -468,7 +468,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
468
468
  }
469
469
  };
470
470
  getLinkName = (link) => {
471
- const ck = !!this.props.Templates.selectedWeChatAccount.configs.deeplink;
471
+ const ck = this.props.Templates.selectedWeChatAccount.configs ? !!this.props.Templates.selectedWeChatAccount.configs.deeplink : false;
472
472
  const deeplinks = ck ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
473
473
  const deepLinkOptions = _.filter(JSON.parse(deeplinks), (l) => l.link === link);
474
474
  if (deepLinkOptions[0]) {
@@ -779,7 +779,9 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
779
779
 
780
780
  injectEvents = (schema) => {
781
781
  const temp = schema;
782
- temp.standalone.sections = this.injectSections(temp.standalone.sections);
782
+ if (temp.standalone) {
783
+ temp.standalone.sections = this.injectSections(temp.standalone.sections);
784
+ }
783
785
  _.forEach(temp.containers, (container) => {
784
786
  let tempContainer = container;
785
787
  tempContainer = this.injectContainer(tempContainer);
@@ -1158,7 +1160,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
1158
1160
  showSelectedIosCta = (selectedConfig) => {
1159
1161
  const currentTab = this.state.currentTab;
1160
1162
  const schema = _.cloneDeep(this.state.schema);
1161
- const deeplinks = this.props.Templates.selectedWeChatAccount && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount : '[]';
1163
+ const deeplinks = this.props.Templates.selectedWeChatAccount && this.props.Templates.selectedWeChatAccount.configs && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount : '[]';
1162
1164
  const deepLinkOptions = this.props.Templates.selectedWeChatAccount ? _.map(JSON.parse(deeplinks), (link) => ({label: link.name, value: link.link, title: link.link }) ) : [];
1163
1165
  _.forEach(schema.containers, (container) => {
1164
1166
  _.forEach(container.panes, (pane, paneIndex) => {
@@ -1371,7 +1373,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
1371
1373
  addPrimaryCta = (ev) => {
1372
1374
  const id = ev.target.id;
1373
1375
  const schema = _.cloneDeep(this.state.schema);
1374
- const deeplinks = this.props.Templates.selectedWeChatAccount && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
1376
+ const deeplinks = this.props.Templates.selectedWeChatAccount && this.props.Templates.selectedWeChatAccount.configs && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
1375
1377
  const deepLinkOptions = this.props.Templates.selectedWeChatAccount ? _.map(JSON.parse(deeplinks), (link) => ({label: link.name, value: link.link, title: link.link }) ) : [];
1376
1378
  // const eventsMap = _.cloneDeep(this.state.eventsMap);
1377
1379
  _.forEach(schema.containers, (container) => {
@@ -1496,7 +1498,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
1496
1498
  addSecondoryCta = (ev) => {
1497
1499
  const id = ev.target.id;
1498
1500
  const schema = _.cloneDeep(this.state.schema);
1499
- const ck = !!this.props.Templates.selectedWeChatAccount.configs.deeplink;
1501
+ const ck = this.props.Templates.selectedWeChatAccount.configs ? !!this.props.Templates.selectedWeChatAccount.configs.deeplink : false;
1500
1502
  const deeplinks = ck ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
1501
1503
  const deepLinkOptions = this.props.Templates.selectedWeChatAccount ? _.map(JSON.parse(deeplinks), (link) => ({label: link.name, value: link.link, title: link.link }) ) : [];
1502
1504
  // const eventsMap = _.cloneDeep(this.state.eventsMap);
@@ -1725,7 +1727,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
1725
1727
  _.forEach(inputField.cols, (col) => {
1726
1728
  if (col.id === field.id) {
1727
1729
  const formDataKey = col.id.replace("-show-keys", "");
1728
- const deeplinks = this.props.Templates.selectedWeChatAccount && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
1730
+ const deeplinks = this.props.Templates.selectedWeChatAccount && this.props.Templates.selectedWeChatAccount.configs && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
1729
1731
  let keys = this.props.Templates.selectedWeChatAccount ? _.filter(JSON.parse(deeplinks), (dl) => dl.link === formData[this.state.currentTab - 1][formDataKey]) : [];
1730
1732
  if (keys[0]) {
1731
1733
  keys = keys[0].keys;
@@ -1852,7 +1854,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
1852
1854
  child.inputFields.splice(fieldIndex, 1);
1853
1855
  }
1854
1856
  if (child.inputFields[fieldIndex] && child.inputFields[fieldIndex].id === "cta-deeplink-select-section") {
1855
- const deeplinks = this.props.Templates.selectedWeChatAccount && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
1857
+ const deeplinks = this.props.Templates.selectedWeChatAccount && this.props.Templates.selectedWeChatAccount.configs && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
1856
1858
  const configkeys = this.props.Templates.selectedWeChatAccount ? _.filter(JSON.parse(deeplinks), (dl) => dl.link === selectedDeeplink) : [];
1857
1859
  if (configkeys.length) {
1858
1860
  const options = configkeys[0].keys;
@@ -1932,7 +1934,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
1932
1934
  child.inputFields.splice(fieldIndex, 1);
1933
1935
  }
1934
1936
  if (child.inputFields[fieldIndex] && child.inputFields[fieldIndex].id === "cta-deeplink-select-section") {
1935
- const deeplinks = this.props.Templates.selectedWeChatAccount && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
1937
+ const deeplinks = this.props.Templates.selectedWeChatAccount && this.props.Templates.selectedWeChatAccount.configs && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
1936
1938
  const configkeys = this.props.Templates.selectedWeChatAccount ? _.filter(JSON.parse(deeplinks), (dl) => dl.link === selectedDeeplink) : [];
1937
1939
  if (configkeys.length) {
1938
1940
  const options = configkeys[0].keys;
@@ -2022,7 +2024,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
2022
2024
  child.inputFields.splice(fieldIndex, 1);
2023
2025
  }
2024
2026
  if (child.inputFields[fieldIndex] && child.inputFields[fieldIndex].id === "cta-deeplink-select-section") {
2025
- const ck = !!this.props.Templates.selectedWeChatAccount.configs.deeplink;
2027
+ const ck = this.props.Templates.selectedWeChatAccount.configs ? !!this.props.Templates.selectedWeChatAccount.configs.deeplink : false;
2026
2028
  const deeplinks = ck ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
2027
2029
  const configkeys = this.props.Templates.selectedWeChatAccount ? _.filter(JSON.parse(deeplinks), (dl) => dl.link === selectedDeeplink) : [];
2028
2030
  if (configkeys.length) {
package/containers/MobilePush/Edit/index.js CHANGED
@@ -349,7 +349,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
349
349
  _.forEach(inputField.cols, (col) => {
350
350
  if (col.id === field.id && currentTab === paneIndex + 1) {
351
351
  console.log(child, fieldIndex, this.state.formData);
352
- const ck = !!selectedWeChatAccount.configs.deeplink;
352
+ const ck = selectedWeChatAccount.configs ? !!selectedWeChatAccount.configs.deeplink : false;
353
353
  const deepLinkOptions = _.map(JSON.parse(ck ? selectedWeChatAccount.configs.deeplink : '[]'), (link) => ({label: link.name, value: link.link, title: link.link }) );
354
354
  const deeplinkValue = formData[currentTab - 1][field.id];
355
355
  const componentIndex = fieldIndex + 1;
@@ -779,7 +779,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
779
779
 
780
780
  getLinkName = (link) => {
781
781
  const selectedWeChatAccount = (!_.isEmpty(this.props.Templates.selectedWeChatAccount) ? this.props.Templates.selectedWeChatAccount : this.props.Edit.selectedWeChatAccount);
782
- const ck = !!selectedWeChatAccount.configs.deeplink;
782
+ const ck = selectedWeChatAccount.configs ? !!selectedWeChatAccount.configs.deeplink : false;
783
783
  const deepLinkOptions = _.filter(JSON.parse(ck ? selectedWeChatAccount.configs.deeplink : '[]'), (l) => l.link === link);
784
784
  if (deepLinkOptions[0]) {
785
785
  return deepLinkOptions[0].name;
@@ -1084,7 +1084,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
1084
1084
  const currentTab = tab || this.state.currentTab;
1085
1085
  const schema = inputSchema ? _.cloneDeep(inputSchema) : _.cloneDeep(this.state.schema);
1086
1086
  const selectedWeChatAccount = (!_.isEmpty(this.props.Templates.selectedWeChatAccount) ? this.props.Templates.selectedWeChatAccount : this.props.Edit.selectedWeChatAccount);
1087
- const ck = !!selectedWeChatAccount.configs.deeplink;
1087
+ const ck = selectedWeChatAccount.configs ? !!selectedWeChatAccount.configs.deeplink : false;
1088
1088
  const deepLinkOptions = _.map(JSON.parse(ck ? selectedWeChatAccount.configs.deeplink : '[]'), (link) => ({label: link.name, value: link.link, title: link.link }) );
1089
1089
 
1090
1090
  _.forEach(schema.containers, (container) => {
@@ -1324,7 +1324,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
1324
1324
  delete formData[self.state.currentTab - 1][`${id.replace('-delete', '')}`];
1325
1325
  }
1326
1326
  if (child.inputFields[fieldIndex] && child.inputFields[fieldIndex].id === "cta-deeplink-select-section") {
1327
- const ck = !!selectedWeChatAccount.configs.deeplink;
1327
+ const ck = selectedWeChatAccount.configs ? !!selectedWeChatAccount.configs.deeplink : false;
1328
1328
  const configkeys = selectedWeChatAccount ? _.filter(JSON.parse(ck ? selectedWeChatAccount.configs.deeplink : '[]'), (dl) => dl.link === selectedDeeplink) : [];
1329
1329
  if (configkeys.length) {
1330
1330
  const options = configkeys[0].keys;
@@ -1414,7 +1414,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
1414
1414
  delete formData[self.state.currentTab - 1][`cta-deeplink-secondary-cta-1-text2`];
1415
1415
  }
1416
1416
  if (child.inputFields[fieldIndex] && child.inputFields[fieldIndex].id === "cta-deeplink-select-section") {
1417
- const ck = !!selectedWeChatAccount.configs.deeplink;
1417
+ const ck = selectedWeChatAccount.configs ? !!selectedWeChatAccount.configs.deeplink : false;
1418
1418
  const configkeys = selectedWeChatAccount ? _.filter(JSON.parse(ck ? selectedWeChatAccount.configs.deeplink : '[]'), (dl) => dl.link === selectedDeeplink) : [];
1419
1419
  if (configkeys.length) {
1420
1420
  const options = configkeys[0].keys;
@@ -1515,7 +1515,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
1515
1515
  delete formData[self.state.currentTab - 1][`cta-deeplink-${id.replace('delete', 'text')}`];
1516
1516
  }
1517
1517
  if (child.inputFields[fieldIndex] && child.inputFields[fieldIndex].id === "cta-deeplink-select-section") {
1518
- const ck = !!selectedWeChatAccount.configs.deeplink;
1518
+ const ck = selectedWeChatAccount.configs ? !!selectedWeChatAccount.configs.deeplink : false;
1519
1519
  const configkeys = selectedWeChatAccount ? _.filter(JSON.parse(ck ? selectedWeChatAccount.configs.deeplink : '[]'), (dl) => dl.link === selectedDeeplink) : [];
1520
1520
 
1521
1521
  if (configkeys.length) {
@@ -1845,7 +1845,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
1845
1845
  _.forEach(inputField.cols, (col) => {
1846
1846
  if (col.id === field.id) {
1847
1847
  const formDataKey = col.id.replace("-show-keys", "");
1848
- const ck = !!selectedWeChatAccount.configs.deeplink;
1848
+ const ck = selectedWeChatAccount.configs ? !!selectedWeChatAccount.configs.deeplink : false;
1849
1849
  let keys = selectedWeChatAccount ? _.filter(JSON.parse(ck ? selectedWeChatAccount.configs.deeplink : '[]'), (dl) => dl.link === formData[currentTab - 1][formDataKey]) : [];
1850
1850
  if (keys[0]) {
1851
1851
  keys = keys[0].keys;
@@ -1953,7 +1953,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
1953
1953
  const selectedWeChatAccount = (!_.isEmpty(this.props.Templates.selectedWeChatAccount) ? this.props.Templates.selectedWeChatAccount : this.props.Edit.selectedWeChatAccount);
1954
1954
  const id = field ? field.id : ev.target.id;
1955
1955
  const schema = inputSchema ? _.cloneDeep(inputSchema) : _.cloneDeep(this.state.schema);
1956
- const ck = !!selectedWeChatAccount.configs.deeplink;
1956
+ const ck = selectedWeChatAccount.configs ? !!selectedWeChatAccount.configs.deeplink : false;
1957
1957
  const deepLinkOptions = selectedWeChatAccount ? _.map(JSON.parse(ck ? selectedWeChatAccount.configs.deeplink : '[]'), (link) => ({label: link.name, value: link.link, title: link.link }) ) : [];
1958
1958
  // const eventsMap = _.cloneDeep(this.state.eventsMap);
1959
1959
  _.forEach(schema.containers, (container) => {
@@ -2086,7 +2086,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
2086
2086
  const id = field ? field.id : ev.target.id;
2087
2087
  const schema = inputSchema ? _.cloneDeep(inputSchema) : _.cloneDeep(this.state.schema);
2088
2088
  const selectedWeChatAccount = (!_.isEmpty(this.props.Templates.selectedWeChatAccount) ? this.props.Templates.selectedWeChatAccount : this.props.Edit.selectedWeChatAccount);
2089
- const ck = !!selectedWeChatAccount.configs.deeplink;
2089
+ const ck = selectedWeChatAccount.configs ? !!selectedWeChatAccount.configs.deeplink : false;
2090
2090
  const deepLinkOptions = selectedWeChatAccount ? _.map(JSON.parse(ck ? selectedWeChatAccount.configs.deeplink : '[]'), (link) => ({label: link.name, value: link.link, title: link.link }) ) : [];
2091
2091
 
2092
2092
  // const eventsMap = _.cloneDeep(this.state.eventsMap);
@@ -2407,7 +2407,9 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
2407
2407
 
2408
2408
  injectEvents = (schema) => {
2409
2409
  const temp = schema;
2410
- temp.standalone.sections = this.injectSections(temp.standalone.sections);
2410
+ if (this.injectSections) {
2411
+ temp.standalone.sections = this.injectSections(temp.standalone.sections);
2412
+ }
2411
2413
  _.forEach(temp.containers, (container) => {
2412
2414
  let tempContainer = container;
2413
2415
  tempContainer = this.injectContainer(tempContainer);
package/containers/Templates/index.js CHANGED
@@ -221,7 +221,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
221
221
  if (this.state.channel.toLowerCase() === "sms" && nextProps.Create && nextProps.Create.response && nextProps.Create.response.templateId && nextProps.Create.response.templateId !== '') {
222
222
  const message = getMessageObject('success', `${this.state.channel} ${this.props.intl.formatMessage(messages.templateDuplicateSuccess)}`, true);
223
223
  this.props.globalActions.addMessageToQueue(message);
224
- this.getAllTemplates({params});
224
+ this.getAllTemplates({params, resetPage: true});
225
225
  this.props.smsActions.clearCreateResponse();
226
226
  }
227
227
  if (this.state.channel.toLowerCase() === "mobilepush" && nextProps.CreateMobilePush && nextProps.CreateMobilePush.response && nextProps.CreateMobilePush.response.templateId && nextProps.CreateMobilePush.response.templateId !== '') {
@@ -237,8 +237,8 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
237
237
  if (this.state.channel.toLowerCase() === "ebill" && nextProps.CreateEbill && nextProps.CreateEbill.createResponse && nextProps.CreateEbill.createResponse.templateId && nextProps.CreateEbill.createResponse.templateId !== '') {
238
238
  const message = getMessageObject('success', `${this.state.channel} ${this.props.intl.formatMessage(messages.templateDuplicateSuccess)}`, true);
239
239
  this.props.globalActions.addMessageToQueue(message);
240
- this.getAllTemplates({params});
241
- this.props.ebillActions.clearCRUDResponse();
240
+ this.getAllTemplates({params, resetPage: true});
241
+ this.props.ebillActions.clearStoreValues();
242
242
  }
243
243
 
244
244
  if (this.state.channel.toLowerCase() === "email" && nextProps.EmailCreate && nextProps.EmailCreate.createResponse && nextProps.EmailCreate.createResponse.templateId && nextProps.EmailCreate.createResponse.templateId !== '') {
@@ -275,7 +275,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
275
275
  console.log('Got html Content ', nextProps.Templates.selectedEmailLayout);
276
276
  const module = this.props.location.query.module ? this.props.location.query.module : 'default';
277
277
  const isLanguageSupport = (this.props.location.query.isLanguageSupport) ? this.props.location.query.isLanguageSupport : true;
278
- const isEdmSupport = (this.props.location.query.isEdmSupport) ? this.props.location.query.isEdmSupport : true;
278
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
279
279
  const type = this.props.location.query.type;
280
280
  this.props.router.push({
281
281
  pathname: `/${nextProps.route.name.toLowerCase()}/create`,
@@ -445,7 +445,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
445
445
  const supportedZipFormats = ['zip'];
446
446
  const module = this.props.location.query.module ? this.props.location.query.module : 'default';
447
447
  const isLanguageSupport = (this.props.location.query.isLanguageSupport) ? this.props.location.query.isLanguageSupport : true;
448
- const isEdmSupport = (this.props.location.query.isEdmSupport) ? this.props.location.query.isEdmSupport : true;
448
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
449
449
  console.log('File Params ', fileExtension);
450
450
  if (supportedZipFormats.indexOf(fileExtension.toLowerCase()) !== -1) {
451
451
  console.log('Zip Format got');
@@ -769,7 +769,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
769
769
  const type = this.props.location.query.type;
770
770
  const module = this.props.location.query.module ? this.props.location.query.module : 'default';
771
771
  const isLanguageSupport = (this.props.location.query.isLanguageSupport) ? this.props.location.query.isLanguageSupport : true;
772
- const isEdmSupport = (this.props.location.query.isEdmSupport) ? this.props.location.query.isEdmSupport : true;
772
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
773
773
  let getQuery = '';
774
774
  console.log('Selected EDM Data ', data);
775
775
  this.props.actions.setEdmTemplate(data);
@@ -794,7 +794,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
794
794
  const type = this.props.location.query.type;
795
795
  const module = this.props.location.query.module;
796
796
  const isLanguageSupport = (this.props.location.query.isLanguageSupport) ? this.props.location.query.isLanguageSupport : false;
797
- const isEdmSupport = (this.props.location.query.isEdmSupport) ? this.props.location.query.isEdmSupport : true;
797
+ const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
798
798
  let getQuery = "";
799
799
  console.log('type**** ', type);
800
800
  e.stopPropagation();
@@ -808,7 +808,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
808
808
  pathName = `/email/edit/${id}`;
809
809
  }
810
810
  if (this.state.channel.toLowerCase() === 'email') {
811
- getQuery = type === 'embedded' ? {type: 'embedded', module, isLanguageSupport, isEdmSupport} : {module};
811
+ getQuery = type === 'embedded' ? {type: 'embedded', module, isLanguageSupport, isEdmSupport} : {module, isEdmSupport};
812
812
  } else {
813
813
  getQuery = type === 'embedded' ? {type: 'embedded', module, account_id: this.props.location.query.account_id} : {module};
814
814
  }
@@ -946,13 +946,18 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
946
946
  {template._id === this.state.hoveredItem ? <CapButton onClick={(e) => this.handleEditClick(e, template._id)} className="edit-button" type="secondary">{type === 'embedded' ? this.props.intl.formatMessage(messages.selectButton) : this.props.intl.formatMessage(messages.editButton)}</CapButton> : ''}
947
947
  {template._id === this.state.hoveredItem ? <CapButton onClick={() => this.handlePreviewClick(template)} className="preview-button" type="cancel">{this.props.intl.formatMessage(messages.previewButton)}</CapButton> : ''}
948
948
  </div>);
949
- } else if (this.state.channel.toLowerCase() === 'email') {
949
+ } else if (this.state.channel.toLowerCase() === 'email' || this.state.channel.toLowerCase() === 'ebill') {
950
950
  // console.log('Data Prepare');
951
+ console.log('Data Prepare');
952
+ const imgSrc = template && template.versions && template.versions.base ? template.versions.base.preview_http_url : '';
953
+ const ifPreviewGenerated = template && template.versions && template.versions.base ? template.versions.base.isPreviewGenerated : 0;
954
+ content = <img src={imgSrc || ''} alt={this.props.intl.formatMessage(messages.previewGenerateText)} />;
955
+ console.log('qwerty template preview', imgSrc, template, ifPreviewGenerated, content);
951
956
  temp.content = (
952
957
  <div
953
958
  className="sms-template-content">
954
959
  <div className={`sms-text ${this.state.hoveredItem === template._id ? 'sms-text-blurred' : ''}`}>
955
-
960
+ {content}
956
961
  </div>
957
962
  {!layoutSelection && template._id === this.state.hoveredItem ? <CapButton onClick={(e) => this.handleEditClick(e, template._id)} className="edit-button" type="secondary">{type === 'embedded' ? this.props.intl.formatMessage(messages.selectButton) : this.props.intl.formatMessage(messages.editButton)}</CapButton> : ''}
958
963
  {layoutSelection && template._id === this.state.hoveredItem ? <CapButton onClick={() => this.handleEdmDefaultTemplateSelection(true, template._id)} className="select-button" type="secondary">{type === 'embedded' ? this.props.intl.formatMessage(messages.selectDefaultButton) : this.props.intl.formatMessage(messages.selectDefaultButton)}</CapButton> : ''}
package/containers/Templates/messages.js CHANGED
@@ -222,4 +222,8 @@ export default defineMessages({
222
222
  id: 'app.containers.Templates.selectDefaultButton',
223
223
  defaultMessage: 'Select',
224
224
  },
225
+ previewGenerateText: {
226
+ id: 'app.containers.Templates.previewGenerateText',
227
+ defaultMessage: 'Preview is being generated...',
228
+ },
225
229
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "0.1.2",
4
+ "version": "0.1.4",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
package/services/api.js CHANGED
@@ -268,8 +268,8 @@ export const sendZippedFile = (file) => {
268
268
  return request(url, getAPICallObject('POST', data, true));
269
269
  };
270
270
 
271
- export const getCmsTemplateSettings = (cmsType, projectId, cmsMode, langId) => {
272
- const url = `${API_ENDPOINT}/cms/getDetails?type=${cmsType}&projectId=${projectId}&cmsMode=${cmsMode}&langId=${langId}`;
271
+ export const getCmsTemplateSettings = (cmsType, projectId, cmsMode, langId, isEdmSupport) => {
272
+ const url = `${API_ENDPOINT}/cms/getDetails?type=${cmsType}&projectId=${projectId}&cmsMode=${cmsMode}&langId=${langId}&isEdmSupport=${isEdmSupport ? 1 : 0}`;
273
273
  return API.get(url);
274
274
  };
275
275