@foreverrbum/ethsign
Version:
This package will allow you to electronically sign documents within your application
360 lines (305 loc) • 15.9 kB
JavaScript
"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _reactRouter = require("react-router");
var _HistorySidebar = _interopRequireDefault(require("./Dashboard/HistorySidebar"));
var _HistoryDetail = _interopRequireDefault(require("./Dashboard/HistoryDetail"));
var _carret_left = _interopRequireDefault(require("../assets/carret_left.svg"));
var _history_verify = _interopRequireDefault(require("../assets/history_verify.svg"));
var _menu = _interopRequireDefault(require("../assets/menu.png"));
var _graphql = require("../helpers/graphql");
var _loader = _interopRequireDefault(require("./UI/loader"));
var _reactIntl = require("react-intl");
var _dashboard = require("../helpers/dashboard");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
var History = function History(props) {
var ethAccount = props.ethAccount,
contract = props.contract,
web3 = props.web3,
handleActivePage = props.handleActivePage,
location = props.location,
ensEnabled = props.ensEnabled,
fromVerify = props.fromVerify,
verifyData = props.verifyData,
goBack = props.goBack,
fromSave = props.fromSave,
shouldSave = props.shouldSave,
save = props.save,
handleSave = props.handleSave,
savedCards = props.savedCards,
handleSavedCards = props.handleSavedCards;
var _useState = (0, _react.useState)(false),
_useState2 = _slicedToArray(_useState, 2),
mobileSidebar = _useState2[0],
handleMobileSidebar = _useState2[1];
var _useState3 = (0, _react.useState)(null),
_useState4 = _slicedToArray(_useState3, 2),
doc = _useState4[0],
handleDoc = _useState4[1];
var _useState5 = (0, _react.useState)(null),
_useState6 = _slicedToArray(_useState5, 2),
signers = _useState6[0],
handleSigners = _useState6[1];
var _useState7 = (0, _react.useState)(null),
_useState8 = _slicedToArray(_useState7, 2),
initiator = _useState8[0],
handleInitiator = _useState8[1];
var _useState9 = (0, _react.useState)(null),
_useState10 = _slicedToArray(_useState9, 2),
data = _useState10[0],
handleData = _useState10[1];
var _useState11 = (0, _react.useState)(true),
_useState12 = _slicedToArray(_useState11, 2),
loading = _useState12[0],
handleLoading = _useState12[1];
var _useState13 = (0, _react.useState)(null),
_useState14 = _slicedToArray(_useState13, 2),
networkId = _useState14[0],
handleNetworkId = _useState14[1];
var _useState15 = (0, _react.useState)(false),
_useState16 = _slicedToArray(_useState15, 2),
error = _useState16[0],
handleError = _useState16[1];
var _useIntl = (0, _reactIntl.useIntl)(),
formatMessage = _useIntl.formatMessage;
(0, _react.useEffect)(function () {
_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
return regeneratorRuntime.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
if (fromVerify) {
if (verifyData !== null && verifyData.networkId !== null && verifyData.doc !== null && verifyData.initiator !== null) {
handleDoc(verifyData.doc);
handleSigners(verifyData.doc.signers);
handleNetworkId(verifyData.networkId);
handleInitiator(verifyData.initiator);
} else {
(0, _dashboard.storeNotif)("test", "test", "warning");
}
} else {
handleActivePage('history');
if (location.state !== undefined && location.state.doc && location.state.initiator && location.state.initiator && location.state.idx != null) {
handleDoc(location.state.doc);
handleSigners(location.state.signers);
handleInitiator(location.state.initiator);
} else {
props.history.push({
pathname: '/contracts'
});
}
}
case 1:
case "end":
return _context.stop();
}
}
}, _callee);
}))();
}, []);
(0, _react.useEffect)(function () {
_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
var _data;
return regeneratorRuntime.wrap(function _callee2$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
_context2.prev = 0;
if (!(doc !== null)) {
_context2.next = 15;
break;
}
handleLoading(true); // Grab our history data
if (!(fromSave && save)) {
_context2.next = 7;
break;
}
handleData(save);
_context2.next = 13;
break;
case 7:
if (!networkId) {
_context2.next = 13;
break;
}
_context2.next = 10;
return (0, _graphql.loadData)(networkId, doc.documentKey, formatMessage);
case 10:
_data = _context2.sent;
handleData(_data);
if (shouldSave && handleSave) {
handleSave(_data);
}
case 13:
handleLoading(false);
handleError(false);
case 15:
_context2.next = 21;
break;
case 17:
_context2.prev = 17;
_context2.t0 = _context2["catch"](0);
// Prevents crash when the user changes networks while in the history page
// console.log(err);
handleError(true);
handleLoading(false); // props.history.push({
// pathname: '/contracts'
// })
case 21:
case "end":
return _context2.stop();
}
}
}, _callee2, null, [[0, 17]]);
}))();
}, [web3, contract, ethAccount, doc, networkId]);
(0, _react.useEffect)(function () {
_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
return regeneratorRuntime.wrap(function _callee3$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
if (web3) {
web3.getNetwork().then(function (network) {
handleNetworkId(network.chainId);
});
}
case 1:
case "end":
return _context3.stop();
}
}
}, _callee3);
}))();
}, [web3]);
if (fromVerify) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "flex-grow flex flex-col relative text-gray-80"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "w-full flex-grow mx-auto flex relative".concat(fromVerify ? '' : ' max-w-7xl')
}, contract && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
className: "flex-grow bg-gray-46 ".concat(fromVerify ? 'p-4 sm:p-6' : 'pt-4 px-3 md:px-8')
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex flex-wrap justify-between"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex flex-col justify-center"
}, /*#__PURE__*/_react.default.createElement("div", {
onClick: function onClick() {
return goBack();
},
className: "select-none py-3 text-15 cursor-pointer flex flex-row mb-2 mr-auto"
}, /*#__PURE__*/_react.default.createElement("img", {
src: _carret_left.default,
className: "h-4 w-4 my-auto"
}), /*#__PURE__*/_react.default.createElement("div", {
className: "text-left font-semibold text-gray my-auto"
}, formatMessage({
id: 'BACK'
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "select-none flex flex-wrap"
}, /*#__PURE__*/_react.default.createElement("img", {
src: _menu.default,
className: "lg:hidden mr-3 h-12",
onClick: function onClick() {
handleMobileSidebar(true);
}
}), /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(fromVerify ? 'text-20 font-semibold text-gray-80' : 'text-25 font-normal', " flex flex-col justify-center")
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "DOCUMENT_HISTORY"
})), fromVerify && /*#__PURE__*/_react.default.createElement("img", {
src: _history_verify.default,
className: "ml-2 h-8 w-8 my-auto",
onDragStart: function onDragStart(e) {
return e.preventDefault();
}
})))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-container w-full flex justify-center"
}, !loading ? /*#__PURE__*/_react.default.createElement(_HistoryDetail.default, {
error: error,
doc: doc,
data: data,
ethAccount: ethAccount,
provider: web3,
ensEnabled: ensEnabled,
fromSave: fromSave,
shouldSave: shouldSave,
savedCards: savedCards,
handleSavedCards: handleSavedCards
}) : /*#__PURE__*/_react.default.createElement(_loader.default, null)))), /*#__PURE__*/_react.default.createElement(_HistorySidebar.default, {
fromVerify: fromVerify,
ethAccount: ethAccount,
doc: doc,
provider: web3,
contract: contract,
ensEnabled: ensEnabled,
signers: signers,
initiator: initiator,
mobileSidebar: mobileSidebar,
handleMobileSidebar: handleMobileSidebar
})));
}
return /*#__PURE__*/_react.default.createElement("div", {
className: "flex-grow flex flex-col relative text-gray-80 mt-16"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "w-full flex-grow mx-auto flex relative".concat(fromVerify ? '' : ' max-w-7xl')
}, /*#__PURE__*/_react.default.createElement(_HistorySidebar.default, {
fromVerify: fromVerify,
ethAccount: ethAccount,
doc: doc,
provider: web3,
contract: contract,
ensEnabled: ensEnabled,
signers: signers,
initiator: initiator,
mobileSidebar: mobileSidebar,
handleMobileSidebar: handleMobileSidebar
}), contract && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
className: "flex-grow px-3 md:px-8 pt-10 bg-gray-46".concat(fromVerify ? ' pb-10' : '')
}, /*#__PURE__*/_react.default.createElement("div", {
className: "my-5 flex flex-wrap justify-between"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex flex-col justify-center"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "select-none flex flex-wrap"
}, /*#__PURE__*/_react.default.createElement("img", {
src: _menu.default,
className: "lg:hidden mr-3 h-12",
onClick: function onClick() {
handleMobileSidebar(true);
}
}), /*#__PURE__*/_react.default.createElement("div", {
className: "text-25 font-normal flex flex-col justify-center"
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "DOCUMENT_HISTORY"
}))))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-container w-full flex justify-center"
}, !loading ? /*#__PURE__*/_react.default.createElement(_HistoryDetail.default, {
error: error,
doc: doc,
data: data,
ethAccount: ethAccount,
provider: web3,
ensEnabled: ensEnabled,
fromSave: fromSave,
shouldSave: shouldSave,
savedCards: savedCards,
handleSavedCards: handleSavedCards
}) : /*#__PURE__*/_react.default.createElement(_loader.default, null))))));
};
var _default = (0, _reactRouter.withRouter)(History);
exports.default = _default;