@lingk/sync 0.0.72 → 0.0.74

package/build/main.js

@@ -18188,9 +18188,17 @@ module.exports =
 	  _createClass(EnvironmentStep, [{
 	    key: 'seeFields',
 	    value: function seeFields(target) {
+	      var _props = this.props,
+	          tenantId = _props.tenantId,
+	          accountId = _props.accountId,
+	          formValues = _props.formValues,
+	          step = _props.step,
+	          configUrls = _props.configUrls;
+	
+	      var endpoint = formValues[step.mode + 'Endpoint'];
 	      var x = window.open();
 	      x.document.open('', '_blank');
-	      x.document.write((0, _previewTabContent.makeContent)(target.endpointSuffix, target.name, this.props.step.previewToken));
+	      x.document.write((0, _previewTabContent.makeContent)(configUrls.TRANS_API_URL, tenantId, accountId, endpoint, target.endpointSuffix, target.name, step.previewToken));
 	      x.document.title = 'Preview Data (' + target.name + ')';
 	      x.document.close();
 	      x.focus();
@@ -18198,12 +18206,12 @@ module.exports =
 	  }, {
 	    key: 'componentDidMount',
 	    value: function componentDidMount() {
-	      var _props = this.props,
-	          step = _props.step,
-	          change = _props.change,
-	          formValues = _props.formValues,
-	          wizard = _props.wizard,
-	          actions = _props.actions;
+	      var _props2 = this.props,
+	          step = _props2.step,
+	          change = _props2.change,
+	          formValues = _props2.formValues,
+	          wizard = _props2.wizard,
+	          actions = _props2.actions;
 	
 	      if (!wizard.dataLoaded) {
 	        (0, _loadData2.default)(step, wizard, change, formValues, actions);
@@ -18212,13 +18220,13 @@ module.exports =
 	  }, {
 	    key: 'check',
 	    value: function check() {
-	      var _props2 = this.props,
-	          actions = _props2.actions,
-	          tenantId = _props2.tenantId,
-	          accountId = _props2.accountId,
-	          formValues = _props2.formValues,
-	          step = _props2.step,
-	          change = _props2.change;
+	      var _props3 = this.props,
+	          actions = _props3.actions,
+	          tenantId = _props3.tenantId,
+	          accountId = _props3.accountId,
+	          formValues = _props3.formValues,
+	          step = _props3.step,
+	          change = _props3.change;
 	
 	      var endpoint = formValues[step.mode + 'Endpoint'];
 	      //remove trailing slash if exists
@@ -18234,13 +18242,13 @@ module.exports =
 	    value: function render() {
 	      var _this2 = this;
 	
-	      var _props3 = this.props,
-	          inputs = _props3.inputs,
-	          step = _props3.step,
-	          handleSubmit = _props3.handleSubmit,
-	          nav = _props3.nav,
-	          reset = _props3.reset,
-	          wizard = _props3.wizard;
+	      var _props4 = this.props,
+	          inputs = _props4.inputs,
+	          step = _props4.step,
+	          handleSubmit = _props4.handleSubmit,
+	          nav = _props4.nav,
+	          reset = _props4.reset,
+	          wizard = _props4.wizard;
 	
 	      var Button = inputs.Button;
 	      var Spinner = inputs.Spinner;
@@ -20547,7 +20555,9 @@ module.exports =
 	                          }, onClick: function onClick() {
 	                            return _this4.onSelectDestinationField(group.name, field.label, field.format);
 	                          } },
-	                        field.label
+	                        field.label,
+	                        ' ',
+	                        field.required ? '*' : ''
 	                      );
 	                    })
 	                  )
@@ -20787,8 +20797,8 @@ module.exports =
 	exports.makeContent = makeContent;
 	var css = 'table { font-size: 12px !important; } ' + 'body { margin: 0; padding: 0; color: #16325c; font-family: Arial, sans-serif; font-size: 14px; } ' + 'tr { background: rgb(244, 246, 249); } ' + 'th { border-top: 1px solid #d8dde6; border-bottom: 1px solid #d8dde6; color: #54698d; text-transform: uppercase; letter-spacing: 0.0625rem; font-weight: normal; padding: 6px 10px; text-align: left; } ' + 'td { border-bottom: 1px solid #d8dde6; padding: 6px 10px; } ' + 'th { font-weight : bold } ';
 	
-	function makeContent(target, targetName, token) {
-	  return '\n<div id="content" style="padding: 10px 14px;">\n  <span id="loading">Loading Data</span><span id="dots">...</span>\n</div>\n<script>\n\n  var _table_ = document.createElement(\'table\'),\n      _tr_ = document.createElement(\'tr\'),\n      _th_ = document.createElement(\'th\'),\n      _td_ = document.createElement(\'td\');\n\n  function buildHtmlTable(arr) {\n    var table = _table_.cloneNode(false),\n      columns = addAllColumnHeaders(arr, table);\n    for (var i=0, maxi=arr.length; i < maxi; ++i) {\n      var tr = _tr_.cloneNode(false);\n      for (var j=0, maxj=columns.length; j < maxj ; ++j) {\n        var td = _td_.cloneNode(false);\n          cellValue = arr[i][columns[j]];\n        td.appendChild(document.createTextNode(arr[i][columns[j]] || \'\'));\n        tr.appendChild(td);\n      }\n      table.appendChild(tr);\n    }\n    return table;\n  }\n\n  function addAllColumnHeaders(arr, table){\n    var columnSet = [],\n       tr = _tr_.cloneNode(false);\n    for (var i=0, l=arr.length; i < l; i++) {\n      for (var key in arr[i]) {\n        if (arr[i].hasOwnProperty(key) && columnSet.indexOf(key)===-1) {\n          columnSet.push(key);\n          var th = _th_.cloneNode(false);\n          th.appendChild(document.createTextNode(key));\n          tr.appendChild(th);\n        }\n      }\n    }\n    table.appendChild(tr);\n    return columnSet;\n  }\n\n  fetch(\'http://localhost:8084/v1/15/10114/previewintegration?url=https://adapter.lingkapps.com:3000/api/' + target + '\', {\n    headers: new Headers({\n      \'Authorization\': \'Bearer \' + \'' + token + '\'\n    })\n  })\n  .then((r) => r.json())\n  .then(res=>{\n    document.body.appendChild(buildHtmlTable(res.data.slice(0,99)))\n    window.clearInterval(loadInterval)\n    document.body.removeChild(document.getElementById(\'content\'))\n  })\n\n  document.getElementById(\'loading\').innerHTML = \'Loading ' + targetName + ' Data\'\n  var dots = \'...\'\n  var element = document.getElementById(\'dots\')\n  var loadInterval = window.setInterval(function(){\n    if(dots.length<12){\n      dots = dots + \'.\'\n    } else {\n      dots = \'.\'\n    }\n    element.innerHTML = dots\n  }, 150)\n  \n\n  var head = document.head || document.getElementsByTagName(\'head\')[0];\n  var style = document.createElement(\'style\');\n\n  style.type = \'text/css\';\n  if (style.styleSheet){\n    style.styleSheet.cssText = \'' + css + '\';\n  } else {\n    style.appendChild(document.createTextNode(\'' + css + '\'));\n  }\n\n  head.appendChild(style);\n\n</script>\n';
+	function makeContent(url, tenantId, accountId, endpoint, target, targetName, token) {
+	  return '\n<div id="content" style="padding: 10px 14px;">\n  <span id="loading">Loading Data</span><span id="dots">...</span>\n</div>\n<script>\n\n  var _table_ = document.createElement(\'table\'),\n      _tr_ = document.createElement(\'tr\'),\n      _th_ = document.createElement(\'th\'),\n      _td_ = document.createElement(\'td\');\n\n  function buildHtmlTable(arr) {\n    var table = _table_.cloneNode(false),\n      columns = addAllColumnHeaders(arr, table);\n    for (var i=0, maxi=arr.length; i < maxi; ++i) {\n      var tr = _tr_.cloneNode(false);\n      for (var j=0, maxj=columns.length; j < maxj ; ++j) {\n        var td = _td_.cloneNode(false);\n          cellValue = arr[i][columns[j]];\n        td.appendChild(document.createTextNode(arr[i][columns[j]] || \'\'));\n        tr.appendChild(td);\n      }\n      table.appendChild(tr);\n    }\n    return table;\n  }\n\n  function addAllColumnHeaders(arr, table){\n    var columnSet = [],\n       tr = _tr_.cloneNode(false);\n    for (var i=0, l=arr.length; i < l; i++) {\n      for (var key in arr[i]) {\n        if (arr[i].hasOwnProperty(key) && columnSet.indexOf(key)===-1) {\n          columnSet.push(key);\n          var th = _th_.cloneNode(false);\n          th.appendChild(document.createTextNode(key));\n          tr.appendChild(th);\n        }\n      }\n    }\n    table.appendChild(tr);\n    return columnSet;\n  }\n\n  fetch(\'' + url + tenantId + '/' + accountId + '/previewintegration?url=' + endpoint + '&target=' + target + '\', {\n    headers: new Headers({\n      \'Authorization\': \'Bearer \' + \'' + token + '\'\n    })\n  })\n  .then((r) => r.json())\n  .then(res=>{\n    document.body.appendChild(buildHtmlTable(res.data.slice(0,99)))\n    window.clearInterval(loadInterval)\n    document.body.removeChild(document.getElementById(\'content\'))\n  })\n\n  document.getElementById(\'loading\').innerHTML = \'Loading ' + targetName + ' Data\'\n  var dots = \'...\'\n  var element = document.getElementById(\'dots\')\n  var loadInterval = window.setInterval(function(){\n    if(dots.length<12){\n      dots = dots + \'.\'\n    } else {\n      dots = \'.\'\n    }\n    element.innerHTML = dots\n  }, 150)\n  \n\n  var head = document.head || document.getElementsByTagName(\'head\')[0];\n  var style = document.createElement(\'style\');\n\n  style.type = \'text/css\';\n  if (style.styleSheet){\n    style.styleSheet.cssText = \'' + css + '\';\n  } else {\n    style.appendChild(document.createTextNode(\'' + css + '\'));\n  }\n\n  head.appendChild(style);\n\n</script>\n';
 	}
 
 /***/ },
@@ -21842,7 +21852,8 @@ module.exports =
 	          formValues = _props3.formValues,
 	          inputs = _props3.inputs,
 	          tenantId = _props3.tenantId,
-	          accountId = _props3.accountId;
+	          accountId = _props3.accountId,
+	          config = _props3.config;
 	      var Sidebar = inputs.Sidebar;
 	
 	      if (!wizard.loaded) {
@@ -21897,7 +21908,8 @@ module.exports =
 	                      inputs: inputs,
 	                      nav: nav,
 	                      tenantId: tenantId,
-	                      accountId: accountId
+	                      accountId: accountId,
+	                      configUrls: config
 	                    })
 	                  );
 	                })