csvbox-react-test 1.1.0

package/README.md

@@ -0,0 +1,48 @@
+# @csvbox/react
+
+> React adapter for csvbox.io
+
+[![NPM](https://img.shields.io/npm/v/@csvbox/react.svg)](https://www.npmjs.com/package/@csvbox/react) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Shell
+
+```bash
+npm install @csvbox/react
+```
+
+## Import
+```js
+import { CSVBoxButton } from '@csvbox/react'
+```
+
+## Usage
+
+```jsx
+<CSVBoxButton
+  licenseKey="Sheet license key"
+  user={{
+    user_id: "default123"
+  }}
+  onImport={(result, data) => {
+    if(result){
+      console.log("success");
+      console.log(data.row_success + " rows uploaded");
+      //custom code
+    }else{
+      console.log("fail");
+      //custom code
+    }
+  }}
+>
+  Import
+</CSVBoxButton>
+```
+
+## Readme
+
+For usage see the guide here - https://help.csvbox.io/getting-started#2-install-code
+
+
+## License
+
+MIT © [csvbox-io](https://github.com/csvbox-io)

package/dist/index.js

@@ -0,0 +1,266 @@
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+var version = "1.1.0";
+
+var CSVBoxButton = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(CSVBoxButton, _Component);
+
+  function CSVBoxButton(props) {
+    var _this;
+
+    _this = _Component.call(this, props) || this;
+    _this.holder = React__default.createRef();
+    _this.iframe = React__default.createRef();
+    _this.openModal = _this.openModal.bind(_assertThisInitialized(_this));
+    _this.isModalShown = false;
+    _this.uuid = _this.generateUuid();
+    _this.state = {
+      disabled: true
+    };
+    return _this;
+  }
+
+  var _proto = CSVBoxButton.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    var _this2 = this;
+
+    var onImport = this.props.onImport;
+    var user = this.props.user;
+    var dynamicColumns = this.props.dynamicColumns;
+    var options = this.props.options;
+    var onReady = this.props.onReady;
+    var onSubmit = this.props.onSubmit;
+    var onClose = this.props.onClose;
+    window.addEventListener("message", function (event) {
+      if (event.data === "mainModalHidden") {
+        if (_this2.holder && _this2.holder.current) {
+          _this2.holder.current.style.display = 'none';
+        }
+        _this2.isModalShown = false;
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+      }
+
+      if (event.data === "uploadSuccessful") {
+        onImport(true);
+      }
+
+      if (event.data === "uploadFailed") {
+        onImport(false);
+      }
+
+      if (typeof event.data == "object") {
+        var _event$data, _event$data$data;
+
+        if ((event === null || event === void 0 ? void 0 : (_event$data = event.data) === null || _event$data === void 0 ? void 0 : (_event$data$data = _event$data.data) === null || _event$data$data === void 0 ? void 0 : _event$data$data.unique_token) == _this2.uuid) {
+          if (event.data.type && event.data.type == "data-on-submit") {
+            var metadata = event.data.data;
+            metadata["column_mappings"] = event.data.column_mapping;
+            delete metadata["unique_token"];
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(metadata);
+          } else if (event.data.type && event.data.type == "data-push-status") {
+            if (event.data.data.import_status = "success") {
+              if (event.data && event.data.row_data) {
+                var primary_row_data = event.data.row_data;
+                var headers = event.data.headers;
+                var rows = [];
+                var dynamic_columns_indexes = event.data.dynamicColumnsIndexes;
+                var virtual_columns_indexes = event.data.virtualColumnsIndexes || [];
+                var dropdown_display_labels_mappings = event.data.dropdown_display_labels_mappings;
+                primary_row_data.forEach(function (row_data) {
+                  var x = {};
+                  var dynamic_columns = {};
+                  var virtual_data = {};
+                  row_data.data.forEach(function (col, i) {
+                    if (col == undefined) {
+                      col = "";
+                    }
+
+                    if (!!dropdown_display_labels_mappings[i] && !!dropdown_display_labels_mappings[i][col]) {
+                      col = dropdown_display_labels_mappings[i][col];
+                    }
+
+                    if (dynamic_columns_indexes.includes(i)) {
+                      dynamic_columns[headers[i]] = col;
+                    } else if (virtual_columns_indexes.includes(i)) {
+                      virtual_data[headers[i]] = col;
+                    } else {
+                      x[headers[i]] = col;
+                    }
+                  });
+
+                  if (row_data.unmapped_data) {
+                    x["_unmapped_data"] = row_data.unmapped_data;
+                  }
+
+                  if (dynamic_columns && Object.keys(dynamic_columns).length > 0) {
+                    x["_dynamic_data"] = dynamic_columns;
+                  }
+
+                  if (virtual_data && Object.keys(virtual_data).length > 0) {
+                    x["_virtual_data"] = virtual_data;
+                  }
+
+                  rows.push(x);
+                });
+                var _metadata = event.data.data;
+                _metadata["rows"] = rows;
+                delete _metadata["unique_token"];
+                onImport(true, _metadata);
+              } else {
+                var _metadata2 = event.data.data;
+                delete _metadata2["unique_token"];
+                onImport(true, _metadata2);
+              }
+            } else {
+              onImport(false, event.data.data);
+            }
+          } else if (event.data.type && event.data.type == "csvbox-modal-hidden") {
+            if (_this2.holder && _this2.holder.current) {
+              _this2.holder.current.style.display = 'none';
+            }
+            _this2.isModalShown = false;
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+          } else if (event.data.type && event.data.type == "csvbox-upload-successful") {
+            var _this2$onImport;
+
+            (_this2$onImport = _this2.onImport) === null || _this2$onImport === void 0 ? void 0 : _this2$onImport.call(_this2, true);
+          } else if (event.data.type && event.data.type == "csvbox-upload-failed") {
+            var _this2$onImport2;
+
+            (_this2$onImport2 = _this2.onImport) === null || _this2$onImport2 === void 0 ? void 0 : _this2$onImport2.call(_this2, false);
+          }
+        }
+      }
+    }, false);
+    var iframe = this.iframe.current;
+    var self = this;
+
+    iframe.onload = function () {
+      onReady === null || onReady === void 0 ? void 0 : onReady();
+      self.enableInitator();
+      iframe.contentWindow.postMessage({
+        "customer": user ? user : null,
+        "columns": dynamicColumns ? dynamicColumns : null,
+        "options": options ? options : null,
+        "unique_token": self.uuid
+      }, "*");
+    };
+  };
+
+  _proto.openModal = function openModal() {
+    if (!this.isModalShown) {
+      this.isModalShown = true;
+      this.iframe.current.contentWindow.postMessage('openModal', '*');
+      this.holder.current.style.display = 'block';
+    }
+  };
+
+  _proto.generateUuid = function generateUuid() {
+    return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
+  };
+
+  _proto.enableInitator = function enableInitator() {
+    this.setState({
+      disabled: !this.state.disabled
+    });
+  };
+
+  _proto.render = function render() {
+    var licenseKey = this.props.licenseKey;
+    var dataLocation = this.props.dataLocation;
+    var customDomain = this.props.customDomain;
+    var domain = customDomain ? customDomain : "app.csvbox.io";
+
+    if (dataLocation) {
+      domain = dataLocation + "-" + domain;
+    }
+
+    var iframeUrl = "https://" + domain + "/embed/" + licenseKey;
+    iframeUrl += "?library-version=" + version;
+    iframeUrl += "&framework=react";
+
+    if (dataLocation) {
+      iframeUrl += "&preventRedirect";
+    }
+
+    var holderStyle = {
+      display: "none",
+      zIndex: 2147483647,
+      position: "fixed",
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    };
+    var iframeStyle = {
+      height: "100%",
+      width: "100%",
+      position: "absolute",
+      top: "0px",
+      left: "0px"
+    };
+
+    if (this.props.render) {
+      return /*#__PURE__*/React__default.createElement("div", null, this.props.render(this.openModal, this.state.disabled), /*#__PURE__*/React__default.createElement("div", {
+        ref: this.holder,
+        style: holderStyle
+      }, /*#__PURE__*/React__default.createElement("iframe", {
+        ref: this.iframe,
+        style: iframeStyle,
+        "data-csvbox-token": this.uuid,
+        src: iframeUrl,
+        frameBorder: "0"
+      })));
+    } else {
+      return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("button", {
+        disabled: this.state.disabled,
+        onClick: this.openModal,
+        "data-csvbox-initator": true,
+        "data-csvbox-token": this.uuid
+      }, this.props.children), /*#__PURE__*/React__default.createElement("div", {
+        ref: this.holder,
+        style: holderStyle
+      }, /*#__PURE__*/React__default.createElement("iframe", {
+        ref: this.iframe,
+        style: iframeStyle,
+        "data-csvbox-token": this.uuid,
+        src: iframeUrl,
+        frameBorder: "0"
+      })));
+    }
+  };
+
+  return CSVBoxButton;
+}(React.Component);
+
+exports.CSVBoxButton = CSVBoxButton;
+exports.default = CSVBoxButton;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/index.js"],"sourcesContent":["import React, { Component } from 'react';\n// import styles from './styles.module.css'\n\nimport { version } from '../package.json';\n\nexport class CSVBoxButton extends Component {\n\n  constructor(props) {\n    super(props)\n    this.holder = React.createRef();\n    this.iframe = React.createRef();\n    this.openModal = this.openModal.bind(this)\n    this.isModalShown = false;\n    this.uuid = this.generateUuid();\n    this.state = {\n      disabled: true\n    };\n  }\n\n  componentDidMount() {\n\n    const { onImport } = this.props;\n    const { user } = this.props;\n    const { dynamicColumns } = this.props;\n    const { options } = this.props;\n    const { onReady } = this.props;\n    const { onSubmit } = this.props;\n    const { onClose } = this.props;\n\n    window.addEventListener(\"message\", (event) => {\n\n      // console.log(\"message\", event);\n\n      if (event.data === \"mainModalHidden\") {\n        if (this.holder && this.holder.current) {\n          this.holder.current.style.display = 'none';\n        };\n        this.isModalShown = false;\n        onClose?.();\n      }\n      if(event.data === \"uploadSuccessful\") {\n        onImport(true);\n      }\n      if(event.data === \"uploadFailed\") {\n        onImport(false);\n      }\n      if(typeof event.data == \"object\") {\n\n        if(event?.data?.data?.unique_token == this.uuid) {\n\n          if(event.data.type && event.data.type == \"data-on-submit\") {\n            let metadata = event.data.data;\n            metadata[\"column_mappings\"] = event.data.column_mapping;\n            delete metadata[\"unique_token\"];\n            onSubmit?.(metadata);\n          }\n          else if(event.data.type && event.data.type == \"data-push-status\") {\n            if(event.data.data.import_status = \"success\"){\n              if(event.data && event.data.row_data) {\n                let primary_row_data = event.data.row_data;\n                let headers = event.data.headers;\n                let rows = [];\n                let dynamic_columns_indexes = event.data.dynamicColumnsIndexes;\n                let virtual_columns_indexes = event.data.virtualColumnsIndexes || [];\n\n                let dropdown_display_labels_mappings = event.data.dropdown_display_labels_mappings;\n                primary_row_data.forEach((row_data) => {\n                    let x = {};\n                    let dynamic_columns = {};\n                    let virtual_data = {};\n                    row_data.data.forEach((col, i)=>{\n                        if(col == undefined){ col = \"\" }\n                        if(!!dropdown_display_labels_mappings[i] && !!dropdown_display_labels_mappings[i][col]) {\n                            col = dropdown_display_labels_mappings[i][col];\n                        }\n                        if(dynamic_columns_indexes.includes(i)) {\n                          dynamic_columns[headers[i]] = col;\n                        }\n                        else if(virtual_columns_indexes.includes(i)) {\n                          virtual_data[headers[i]] = col;\n                        }\n                        else{\n                            x[headers[i]] = col;\n                        }\n                    });\n                    if(row_data.unmapped_data) {\n                      x[\"_unmapped_data\"] = row_data.unmapped_data;\n                    }\n                    if(dynamic_columns && Object.keys(dynamic_columns).length > 0) {\n                      x[\"_dynamic_data\"] = dynamic_columns;\n                    }\n                    if(virtual_data && Object.keys(virtual_data).length > 0) {\n                      x[\"_virtual_data\"] = virtual_data;\n                    }\n                    rows.push(x);\n                });\n                let metadata = event.data.data;\n                metadata[\"rows\"] = rows;\n                delete metadata[\"unique_token\"];\n                onImport(true, metadata);\n              }else{\n                let metadata = event.data.data;\n                delete metadata[\"unique_token\"];\n                onImport(true, metadata);\n              }\n            }else {\n              onImport(false, event.data.data);\n            }\n          } else if(event.data.type && event.data.type == \"csvbox-modal-hidden\") {\n            if (this.holder && this.holder.current) {\n              this.holder.current.style.display = 'none';\n            };\n            this.isModalShown = false;\n            onClose?.();\n          } else if(event.data.type && event.data.type == \"csvbox-upload-successful\") {\n            this.onImport?.(true);\n          } else if(event.data.type && event.data.type == \"csvbox-upload-failed\") {\n            this.onImport?.(false);\n          }\n        }\n\n\n      }\n    }, false);\n    let iframe = this.iframe.current;\n\n    let self = this;\n\n    iframe.onload = function () {\n\n      onReady?.();\n\n      self.enableInitator();\n\n      iframe.contentWindow.postMessage({\n        \"customer\" : user ? user : null,\n        \"columns\" : dynamicColumns ? dynamicColumns : null,\n        \"options\" : options ? options : null,\n        \"unique_token\": self.uuid\n      }, \"*\");\n\n    }\n  }\n  openModal() {\n    if(!this.isModalShown) {\n      this.isModalShown = true;\n      this.iframe.current.contentWindow.postMessage('openModal', '*');\n      this.holder.current.style.display = 'block';\n    }\n  }\n\n  generateUuid() {\n    return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);\n  }\n\n  enableInitator() {\n    this.setState({\n      disabled: !this.state.disabled\n    })\n  }\n\n  render() {\n\n    const { licenseKey } = this.props;\n    const { dataLocation } = this.props;\n    const { customDomain } = this.props;\n\n    let domain = customDomain ? customDomain : \"app.csvbox.io\";\n\n    if(dataLocation) {\n      domain = `${dataLocation}-${domain}`;\n    }\n\n    let iframeUrl = `https://${domain}/embed/${licenseKey}`;\n\n    iframeUrl += `?library-version=${version}`;\n    iframeUrl += \"&framework=react\";\n\n    if(dataLocation) {\n      iframeUrl += \"&preventRedirect\";\n    }\n\n    const holderStyle = {\n      display: \"none\",\n      zIndex: 2147483647,\n      position: \"fixed\",\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0\n    };\n\n    const iframeStyle = {\n      height: \"100%\",\n      width: \"100%\",\n      position: \"absolute\",\n      top: \"0px\",\n      left: \"0px\"\n    };\n\n    if(this.props.render) {\n      return (\n        <div>\n          {this.props.render(this.openModal, this.state.disabled)}\n          <div ref={this.holder} style={holderStyle}>\n            <iframe ref={this.iframe} style={iframeStyle} data-csvbox-token={this.uuid} src={iframeUrl} frameBorder=\"0\" ></iframe>\n          </div>\n        </div>\n      )\n    }else{\n      return (\n        <div>\n          <button disabled={this.state.disabled} onClick={this.openModal} data-csvbox-initator data-csvbox-token={this.uuid}>{this.props.children}</button>\n          <div ref={this.holder} style={holderStyle}>\n            <iframe ref={this.iframe} style={iframeStyle} data-csvbox-token={this.uuid} src={iframeUrl} frameBorder=\"0\" ></iframe>\n          </div>\n        </div>\n      )\n    }\n\n\n  }\n}\n\nexport default CSVBoxButton;\n"],"names":["CSVBoxButton","props","holder","React","createRef","iframe","openModal","bind","isModalShown","uuid","generateUuid","state","disabled","componentDidMount","onImport","user","dynamicColumns","options","onReady","onSubmit","onClose","window","addEventListener","event","data","current","style","display","unique_token","type","metadata","column_mapping","import_status","row_data","primary_row_data","headers","rows","dynamic_columns_indexes","dynamicColumnsIndexes","virtual_columns_indexes","virtualColumnsIndexes","dropdown_display_labels_mappings","forEach","x","dynamic_columns","virtual_data","col","i","undefined","includes","unmapped_data","Object","keys","length","push","self","onload","enableInitator","contentWindow","postMessage","Math","random","toString","substring","setState","render","licenseKey","dataLocation","customDomain","domain","iframeUrl","version","holderStyle","zIndex","position","top","bottom","left","right","iframeStyle","height","width","children","Component"],"mappings":"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"}

package/dist/index.modern.js

@@ -0,0 +1,263 @@
+import React, { Component } from 'react';
+
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+var version = "1.1.0";
+
+var CSVBoxButton = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(CSVBoxButton, _Component);
+
+  function CSVBoxButton(props) {
+    var _this;
+
+    _this = _Component.call(this, props) || this;
+    _this.holder = React.createRef();
+    _this.iframe = React.createRef();
+    _this.openModal = _this.openModal.bind(_assertThisInitialized(_this));
+    _this.isModalShown = false;
+    _this.uuid = _this.generateUuid();
+    _this.state = {
+      disabled: true
+    };
+    return _this;
+  }
+
+  var _proto = CSVBoxButton.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    var _this2 = this;
+
+    var onImport = this.props.onImport;
+    var user = this.props.user;
+    var dynamicColumns = this.props.dynamicColumns;
+    var options = this.props.options;
+    var onReady = this.props.onReady;
+    var onSubmit = this.props.onSubmit;
+    var onClose = this.props.onClose;
+    window.addEventListener("message", function (event) {
+      if (event.data === "mainModalHidden") {
+        if (_this2.holder && _this2.holder.current) {
+          _this2.holder.current.style.display = 'none';
+        }
+        _this2.isModalShown = false;
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+      }
+
+      if (event.data === "uploadSuccessful") {
+        onImport(true);
+      }
+
+      if (event.data === "uploadFailed") {
+        onImport(false);
+      }
+
+      if (typeof event.data == "object") {
+        var _event$data, _event$data$data;
+
+        if ((event === null || event === void 0 ? void 0 : (_event$data = event.data) === null || _event$data === void 0 ? void 0 : (_event$data$data = _event$data.data) === null || _event$data$data === void 0 ? void 0 : _event$data$data.unique_token) == _this2.uuid) {
+          if (event.data.type && event.data.type == "data-on-submit") {
+            var metadata = event.data.data;
+            metadata["column_mappings"] = event.data.column_mapping;
+            delete metadata["unique_token"];
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(metadata);
+          } else if (event.data.type && event.data.type == "data-push-status") {
+            if (event.data.data.import_status = "success") {
+              if (event.data && event.data.row_data) {
+                var primary_row_data = event.data.row_data;
+                var headers = event.data.headers;
+                var rows = [];
+                var dynamic_columns_indexes = event.data.dynamicColumnsIndexes;
+                var virtual_columns_indexes = event.data.virtualColumnsIndexes || [];
+                var dropdown_display_labels_mappings = event.data.dropdown_display_labels_mappings;
+                primary_row_data.forEach(function (row_data) {
+                  var x = {};
+                  var dynamic_columns = {};
+                  var virtual_data = {};
+                  row_data.data.forEach(function (col, i) {
+                    if (col == undefined) {
+                      col = "";
+                    }
+
+                    if (!!dropdown_display_labels_mappings[i] && !!dropdown_display_labels_mappings[i][col]) {
+                      col = dropdown_display_labels_mappings[i][col];
+                    }
+
+                    if (dynamic_columns_indexes.includes(i)) {
+                      dynamic_columns[headers[i]] = col;
+                    } else if (virtual_columns_indexes.includes(i)) {
+                      virtual_data[headers[i]] = col;
+                    } else {
+                      x[headers[i]] = col;
+                    }
+                  });
+
+                  if (row_data.unmapped_data) {
+                    x["_unmapped_data"] = row_data.unmapped_data;
+                  }
+
+                  if (dynamic_columns && Object.keys(dynamic_columns).length > 0) {
+                    x["_dynamic_data"] = dynamic_columns;
+                  }
+
+                  if (virtual_data && Object.keys(virtual_data).length > 0) {
+                    x["_virtual_data"] = virtual_data;
+                  }
+
+                  rows.push(x);
+                });
+                var _metadata = event.data.data;
+                _metadata["rows"] = rows;
+                delete _metadata["unique_token"];
+                onImport(true, _metadata);
+              } else {
+                var _metadata2 = event.data.data;
+                delete _metadata2["unique_token"];
+                onImport(true, _metadata2);
+              }
+            } else {
+              onImport(false, event.data.data);
+            }
+          } else if (event.data.type && event.data.type == "csvbox-modal-hidden") {
+            if (_this2.holder && _this2.holder.current) {
+              _this2.holder.current.style.display = 'none';
+            }
+            _this2.isModalShown = false;
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+          } else if (event.data.type && event.data.type == "csvbox-upload-successful") {
+            var _this2$onImport;
+
+            (_this2$onImport = _this2.onImport) === null || _this2$onImport === void 0 ? void 0 : _this2$onImport.call(_this2, true);
+          } else if (event.data.type && event.data.type == "csvbox-upload-failed") {
+            var _this2$onImport2;
+
+            (_this2$onImport2 = _this2.onImport) === null || _this2$onImport2 === void 0 ? void 0 : _this2$onImport2.call(_this2, false);
+          }
+        }
+      }
+    }, false);
+    var iframe = this.iframe.current;
+    var self = this;
+
+    iframe.onload = function () {
+      onReady === null || onReady === void 0 ? void 0 : onReady();
+      self.enableInitator();
+      iframe.contentWindow.postMessage({
+        "customer": user ? user : null,
+        "columns": dynamicColumns ? dynamicColumns : null,
+        "options": options ? options : null,
+        "unique_token": self.uuid
+      }, "*");
+    };
+  };
+
+  _proto.openModal = function openModal() {
+    if (!this.isModalShown) {
+      this.isModalShown = true;
+      this.iframe.current.contentWindow.postMessage('openModal', '*');
+      this.holder.current.style.display = 'block';
+    }
+  };
+
+  _proto.generateUuid = function generateUuid() {
+    return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
+  };
+
+  _proto.enableInitator = function enableInitator() {
+    this.setState({
+      disabled: !this.state.disabled
+    });
+  };
+
+  _proto.render = function render() {
+    var licenseKey = this.props.licenseKey;
+    var dataLocation = this.props.dataLocation;
+    var customDomain = this.props.customDomain;
+    var domain = customDomain ? customDomain : "app.csvbox.io";
+
+    if (dataLocation) {
+      domain = dataLocation + "-" + domain;
+    }
+
+    var iframeUrl = "https://" + domain + "/embed/" + licenseKey;
+    iframeUrl += "?library-version=" + version;
+    iframeUrl += "&framework=react";
+
+    if (dataLocation) {
+      iframeUrl += "&preventRedirect";
+    }
+
+    var holderStyle = {
+      display: "none",
+      zIndex: 2147483647,
+      position: "fixed",
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    };
+    var iframeStyle = {
+      height: "100%",
+      width: "100%",
+      position: "absolute",
+      top: "0px",
+      left: "0px"
+    };
+
+    if (this.props.render) {
+      return /*#__PURE__*/React.createElement("div", null, this.props.render(this.openModal, this.state.disabled), /*#__PURE__*/React.createElement("div", {
+        ref: this.holder,
+        style: holderStyle
+      }, /*#__PURE__*/React.createElement("iframe", {
+        ref: this.iframe,
+        style: iframeStyle,
+        "data-csvbox-token": this.uuid,
+        src: iframeUrl,
+        frameBorder: "0"
+      })));
+    } else {
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
+        disabled: this.state.disabled,
+        onClick: this.openModal,
+        "data-csvbox-initator": true,
+        "data-csvbox-token": this.uuid
+      }, this.props.children), /*#__PURE__*/React.createElement("div", {
+        ref: this.holder,
+        style: holderStyle
+      }, /*#__PURE__*/React.createElement("iframe", {
+        ref: this.iframe,
+        style: iframeStyle,
+        "data-csvbox-token": this.uuid,
+        src: iframeUrl,
+        frameBorder: "0"
+      })));
+    }
+  };
+
+  return CSVBoxButton;
+}(Component);
+
+export default CSVBoxButton;
+export { CSVBoxButton };
+//# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.modern.js","sources":["../src/index.js"],"sourcesContent":["import React, { Component } from 'react';\n// import styles from './styles.module.css'\n\nimport { version } from '../package.json';\n\nexport class CSVBoxButton extends Component {\n\n  constructor(props) {\n    super(props)\n    this.holder = React.createRef();\n    this.iframe = React.createRef();\n    this.openModal = this.openModal.bind(this)\n    this.isModalShown = false;\n    this.uuid = this.generateUuid();\n    this.state = {\n      disabled: true\n    };\n  }\n\n  componentDidMount() {\n\n    const { onImport } = this.props;\n    const { user } = this.props;\n    const { dynamicColumns } = this.props;\n    const { options } = this.props;\n    const { onReady } = this.props;\n    const { onSubmit } = this.props;\n    const { onClose } = this.props;\n\n    window.addEventListener(\"message\", (event) => {\n\n      // console.log(\"message\", event);\n\n      if (event.data === \"mainModalHidden\") {\n        if (this.holder && this.holder.current) {\n          this.holder.current.style.display = 'none';\n        };\n        this.isModalShown = false;\n        onClose?.();\n      }\n      if(event.data === \"uploadSuccessful\") {\n        onImport(true);\n      }\n      if(event.data === \"uploadFailed\") {\n        onImport(false);\n      }\n      if(typeof event.data == \"object\") {\n\n        if(event?.data?.data?.unique_token == this.uuid) {\n\n          if(event.data.type && event.data.type == \"data-on-submit\") {\n            let metadata = event.data.data;\n            metadata[\"column_mappings\"] = event.data.column_mapping;\n            delete metadata[\"unique_token\"];\n            onSubmit?.(metadata);\n          }\n          else if(event.data.type && event.data.type == \"data-push-status\") {\n            if(event.data.data.import_status = \"success\"){\n              if(event.data && event.data.row_data) {\n                let primary_row_data = event.data.row_data;\n                let headers = event.data.headers;\n                let rows = [];\n                let dynamic_columns_indexes = event.data.dynamicColumnsIndexes;\n                let virtual_columns_indexes = event.data.virtualColumnsIndexes || [];\n\n                let dropdown_display_labels_mappings = event.data.dropdown_display_labels_mappings;\n                primary_row_data.forEach((row_data) => {\n                    let x = {};\n                    let dynamic_columns = {};\n                    let virtual_data = {};\n                    row_data.data.forEach((col, i)=>{\n                        if(col == undefined){ col = \"\" }\n                        if(!!dropdown_display_labels_mappings[i] && !!dropdown_display_labels_mappings[i][col]) {\n                            col = dropdown_display_labels_mappings[i][col];\n                        }\n                        if(dynamic_columns_indexes.includes(i)) {\n                          dynamic_columns[headers[i]] = col;\n                        }\n                        else if(virtual_columns_indexes.includes(i)) {\n                          virtual_data[headers[i]] = col;\n                        }\n                        else{\n                            x[headers[i]] = col;\n                        }\n                    });\n                    if(row_data.unmapped_data) {\n                      x[\"_unmapped_data\"] = row_data.unmapped_data;\n                    }\n                    if(dynamic_columns && Object.keys(dynamic_columns).length > 0) {\n                      x[\"_dynamic_data\"] = dynamic_columns;\n                    }\n                    if(virtual_data && Object.keys(virtual_data).length > 0) {\n                      x[\"_virtual_data\"] = virtual_data;\n                    }\n                    rows.push(x);\n                });\n                let metadata = event.data.data;\n                metadata[\"rows\"] = rows;\n                delete metadata[\"unique_token\"];\n                onImport(true, metadata);\n              }else{\n                let metadata = event.data.data;\n                delete metadata[\"unique_token\"];\n                onImport(true, metadata);\n              }\n            }else {\n              onImport(false, event.data.data);\n            }\n          } else if(event.data.type && event.data.type == \"csvbox-modal-hidden\") {\n            if (this.holder && this.holder.current) {\n              this.holder.current.style.display = 'none';\n            };\n            this.isModalShown = false;\n            onClose?.();\n          } else if(event.data.type && event.data.type == \"csvbox-upload-successful\") {\n            this.onImport?.(true);\n          } else if(event.data.type && event.data.type == \"csvbox-upload-failed\") {\n            this.onImport?.(false);\n          }\n        }\n\n\n      }\n    }, false);\n    let iframe = this.iframe.current;\n\n    let self = this;\n\n    iframe.onload = function () {\n\n      onReady?.();\n\n      self.enableInitator();\n\n      iframe.contentWindow.postMessage({\n        \"customer\" : user ? user : null,\n        \"columns\" : dynamicColumns ? dynamicColumns : null,\n        \"options\" : options ? options : null,\n        \"unique_token\": self.uuid\n      }, \"*\");\n\n    }\n  }\n  openModal() {\n    if(!this.isModalShown) {\n      this.isModalShown = true;\n      this.iframe.current.contentWindow.postMessage('openModal', '*');\n      this.holder.current.style.display = 'block';\n    }\n  }\n\n  generateUuid() {\n    return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);\n  }\n\n  enableInitator() {\n    this.setState({\n      disabled: !this.state.disabled\n    })\n  }\n\n  render() {\n\n    const { licenseKey } = this.props;\n    const { dataLocation } = this.props;\n    const { customDomain } = this.props;\n\n    let domain = customDomain ? customDomain : \"app.csvbox.io\";\n\n    if(dataLocation) {\n      domain = `${dataLocation}-${domain}`;\n    }\n\n    let iframeUrl = `https://${domain}/embed/${licenseKey}`;\n\n    iframeUrl += `?library-version=${version}`;\n    iframeUrl += \"&framework=react\";\n\n    if(dataLocation) {\n      iframeUrl += \"&preventRedirect\";\n    }\n\n    const holderStyle = {\n      display: \"none\",\n      zIndex: 2147483647,\n      position: \"fixed\",\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0\n    };\n\n    const iframeStyle = {\n      height: \"100%\",\n      width: \"100%\",\n      position: \"absolute\",\n      top: \"0px\",\n      left: \"0px\"\n    };\n\n    if(this.props.render) {\n      return (\n        <div>\n          {this.props.render(this.openModal, this.state.disabled)}\n          <div ref={this.holder} style={holderStyle}>\n            <iframe ref={this.iframe} style={iframeStyle} data-csvbox-token={this.uuid} src={iframeUrl} frameBorder=\"0\" ></iframe>\n          </div>\n        </div>\n      )\n    }else{\n      return (\n        <div>\n          <button disabled={this.state.disabled} onClick={this.openModal} data-csvbox-initator data-csvbox-token={this.uuid}>{this.props.children}</button>\n          <div ref={this.holder} style={holderStyle}>\n            <iframe ref={this.iframe} style={iframeStyle} data-csvbox-token={this.uuid} src={iframeUrl} frameBorder=\"0\" ></iframe>\n          </div>\n        </div>\n      )\n    }\n\n\n  }\n}\n\nexport default CSVBoxButton;\n"],"names":["CSVBoxButton","props","holder","React","createRef","iframe","openModal","bind","isModalShown","uuid","generateUuid","state","disabled","componentDidMount","onImport","user","dynamicColumns","options","onReady","onSubmit","onClose","window","addEventListener","event","data","current","style","display","unique_token","type","metadata","column_mapping","import_status","row_data","primary_row_data","headers","rows","dynamic_columns_indexes","dynamicColumnsIndexes","virtual_columns_indexes","virtualColumnsIndexes","dropdown_display_labels_mappings","forEach","x","dynamic_columns","virtual_data","col","i","undefined","includes","unmapped_data","Object","keys","length","push","self","onload","enableInitator","contentWindow","postMessage","Math","random","toString","substring","setState","render","licenseKey","dataLocation","customDomain","domain","iframeUrl","version","holderStyle","zIndex","position","top","bottom","left","right","iframeStyle","height","width","children","Component"],"mappings":"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"}

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "csvbox-react-test",
+  "version": "1.1.0",
+  "description": "React adapter for csvbox.io",
+  "author": "csvbox-io",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/csvbox-io/react.git"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.modern.js",
+  "source": "src/index.js",
+  "engines": {
+    "node": ">=10"
+  },
+  "scripts": {
+    "build": "microbundle-crl --no-compress --format modern,cjs",
+    "start": "microbundle-crl watch --no-compress --format modern,cjs",
+    "prepare": "run-s build",
+    "test": "run-s test:unit test:lint test:build",
+    "test:build": "run-s build",
+    "test:lint": "eslint .",
+    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "predeploy": "cd example && npm install && npm run build",
+    "deploy": "gh-pages -d example/build"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.2 || ^ 18.0.0",
+    "react-dom": "^16.13.1 || ^17.0.2 || ^18.0.0"
+  },
+  "devDependencies": {
+    "babel-eslint": "^10.0.3",
+    "cross-env": "^7.0.2",
+    "eslint": "^6.8.0",
+    "eslint-config-prettier": "^6.7.0",
+    "eslint-config-standard": "^14.1.0",
+    "eslint-config-standard-react": "^9.2.0",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-node": "^11.0.0",
+    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-react": "^7.17.0",
+    "eslint-plugin-standard": "^4.0.1",
+    "gh-pages": "^2.2.0",
+    "microbundle-crl": "^0.13.10",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^2.0.4",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-scripts": "^3.4.1"
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "csv",
+    "importer",
+    "uploader",
+    "csvbox",
+    "parser",
+    "csv-parse",
+    "excel",
+    "xls",
+    "csv import",
+    "csv upload",
+    "spreadsheet import",
+    "react csv",
+    "csv parse",
+    "csv to json"
+  ],
+  "bugs": {
+    "url": "https://github.com/csvbox-io/react/issues"
+  },
+  "homepage": "https://github.com/csvbox-io/react#readme",
+  "directories": {
+    "example": "example"
+  }
+}