@foreverrbum/ethsign
Version:
This package will allow you to electronically sign documents within your application
314 lines (289 loc) • 18.5 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 _reactRouterDom = require("react-router-dom");
var _UserMenu = _interopRequireDefault(require("../User/UserMenu"));
var _logo = _interopRequireDefault(require("../../assets/logo.svg"));
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 _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 ProgressBar = function ProgressBar(props) {
var progress = props.progress,
handleProgress = props.handleProgress,
ethAccount = props.ethAccount,
appLogout = props.appLogout,
email = props.email,
handleOpen = props.handleOpen,
handleEmail = props.handleEmail;
var _useState = (0, _react.useState)(false),
_useState2 = _slicedToArray(_useState, 2),
showProfile = _useState2[0],
handleShowProfile = _useState2[1];
var logout = function logout() {
appLogout();
handleShowProfile(false);
props.history.push({
pathname: '/signin'
});
};
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ethAccount && /*#__PURE__*/_react.default.createElement("nav", {
className: "box-shadow-nav z-10 bg-gray-40"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "max-w-7xl mx-auto px-2 sm:px-6 lg:px-8"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "relative flex items-center justify-between h-16"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex w-full"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex-1 flex items-center justify-center sm:items-stretch sm:justify-between"
}, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
className: "mr-auto flex-shrink-0 flex items-center",
to: "/"
}, /*#__PURE__*/_react.default.createElement("img", {
className: "h-12 mt-3 z-10 w-auto",
src: _logo.default,
alt: "Ethsign"
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "flex flex-grow justify-center items-center"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "cursor-pointer flex justify-center items-center",
onClick: function onClick() {
handleProgress(0);
}
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex font-bold text-13"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "mr-2 ".concat(progress == 0 ? 'text-orange-500' : 'text-gray-60')
}, NewIcon), /*#__PURE__*/_react.default.createElement("div", {
className: "flex flex-col justify-center ".concat(progress === 0 ? 'text-black-800' : 'text-gray-60')
}, "New Revision"))), /*#__PURE__*/_react.default.createElement("div", {
className: "font-black mb-2 mx-5 ".concat(progress !== 2 ? 'text-black-800' : 'text-gray-60')
}, "_ __ _"), /*#__PURE__*/_react.default.createElement("div", {
className: "cursor-pointer flex justify-center items-center",
onClick: function onClick() {
handleProgress(1);
}
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex font-bold text-13"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "mr-2 ".concat(progress == 1 ? 'text-orange-500' : 'text-gray-60')
}, PrepareIcon), /*#__PURE__*/_react.default.createElement("div", {
className: "flex flex-col justify-center ".concat(progress === 1 ? 'text-black-800' : 'text-gray-60')
}, "Prepare Documents"))), /*#__PURE__*/_react.default.createElement("div", {
className: "font-black mb-2 mx-5 ".concat(progress !== 0 ? 'text-black-800' : 'text-gray-60')
}, "_ __ _"), /*#__PURE__*/_react.default.createElement("div", {
className: "cursor-pointer flex justify-center items-center",
onClick: function onClick() {
handleProgress(2);
}
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex font-bold text-13"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "mr-2 ".concat(progress == 2 ? 'text-orange-500' : 'text-gray-60')
}, ReviewIcon), /*#__PURE__*/_react.default.createElement("div", {
className: "flex flex-col justify-center ".concat(progress === 2 ? 'text-black-800' : 'text-gray-60')
}, "Review and Send")))), /*#__PURE__*/_react.default.createElement(_UserMenu.default, {
logout: logout,
ethAccount: ethAccount,
handleShowProfile: handleShowProfile,
showProfile: showProfile,
handleOpen: handleOpen
}))))));
};
var _default = (0, _reactRouterDom.withRouter)(ProgressBar); // orange-500 or gray-60
exports.default = _default;
var NewIcon = /*#__PURE__*/_react.default.createElement("svg", {
width: "36",
height: "36",
viewBox: "0 0 36 36",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/_react.default.createElement("circle", {
cx: "18",
cy: "18",
r: "16.5",
fill: "transparent",
stroke: "currentColor",
"stroke-width": "3"
}), /*#__PURE__*/_react.default.createElement("path", {
"fill-rule": "evenodd",
"clip-rule": "evenodd",
d: "M24.619 11.1905C24.8347 11.3969 25.0059 11.6419 25.1227 11.9115C25.2395 12.1811 25.2996 12.4701 25.2996 12.762C25.2996 13.0538 25.2395 13.3428 25.1227 13.6124C25.0059 13.8821 24.8347 14.1271 24.619 14.3334L14.2142 24.2858L9.83325 25.3334L10.9285 21.2016L21.3376 11.1947C21.5526 10.9881 21.8081 10.824 22.0895 10.7119C22.3709 10.5998 22.6726 10.5419 22.9774 10.5415C23.2822 10.5411 23.5841 10.5982 23.8658 10.7096C24.1475 10.821 24.4034 10.9844 24.619 11.1905V11.1905Z",
stroke: "currentColor",
"stroke-width": "2",
"stroke-linecap": "round",
"stroke-linejoin": "round"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M16.4048 25.3335H25.1667",
stroke: "currentColor",
"stroke-width": "2",
"stroke-linecap": "round",
"stroke-linejoin": "round"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M22.9761 13.8096L24.0713 14.8572",
stroke: "currentColor",
"stroke-width": "2",
"stroke-linecap": "round",
"stroke-linejoin": "round"
}));
var PrepareIcon = /*#__PURE__*/_react.default.createElement("svg", {
width: "36",
height: "36",
viewBox: "0 0 36 36",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/_react.default.createElement("rect", {
width: "36",
height: "36",
fill: "transparent"
}), /*#__PURE__*/_react.default.createElement("g", {
"clip-path": "url(#clip0)"
}, /*#__PURE__*/_react.default.createElement("rect", {
width: "1440",
height: "900",
transform: "translate(-627 -28)",
fill: "transparent"
}), /*#__PURE__*/_react.default.createElement("g", {
filter: "url(#filter0_d)"
}, /*#__PURE__*/_react.default.createElement("rect", {
x: "-627",
y: "-28",
width: "1440",
height: "90.2344",
fill: "transparent"
})), /*#__PURE__*/_react.default.createElement("circle", {
cx: "18",
cy: "18",
r: "16.5",
stroke: "currentColor",
"stroke-width": "3"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M18.5001 9.35693V14.7855C18.5001 15.1454 18.6431 15.4906 18.8976 15.7452C19.1521 15.9997 19.4973 16.1426 19.8572 16.1426H25.2858V24.2855C25.2858 24.6454 25.1428 24.9906 24.8883 25.2452C24.6338 25.4997 24.2886 25.6426 23.9286 25.6426H13.0715C12.7116 25.6426 12.3664 25.4997 12.1119 25.2452C11.8573 24.9906 11.7144 24.6454 11.7144 24.2855V10.7141C11.7144 10.3541 11.8573 10.0089 12.1119 9.75443C12.3664 9.49992 12.7116 9.35693 13.0715 9.35693H18.5001Z",
fill: "currentColor"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M19.5178 9.69629V14.7856C19.5178 14.8756 19.5536 14.9619 19.6172 15.0255C19.6808 15.0891 19.7671 15.1249 19.8571 15.1249H24.9464L19.5178 9.69629Z",
fill: "currentColor"
})), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {
id: "filter0_d",
x: "-631",
y: "-28",
width: "1448",
height: "98.2344",
filterUnits: "userSpaceOnUse",
"color-interpolation-filters": "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
"flood-opacity": "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
}), /*#__PURE__*/_react.default.createElement("feOffset", {
dy: "4"
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
stdDeviation: "2"
}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
mode: "normal",
in2: "BackgroundImageFix",
result: "effect1_dropShadow"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
mode: "normal",
in: "SourceGraphic",
in2: "effect1_dropShadow",
result: "shape"
})), /*#__PURE__*/_react.default.createElement("clipPath", {
id: "clip0"
}, /*#__PURE__*/_react.default.createElement("rect", {
width: "1440",
height: "900",
fill: "white",
transform: "translate(-627 -28)"
}))));
var ReviewIcon = /*#__PURE__*/_react.default.createElement("svg", {
width: "36",
height: "36",
viewBox: "0 0 36 36",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/_react.default.createElement("rect", {
width: "36",
height: "36",
fill: "transparent"
}), /*#__PURE__*/_react.default.createElement("g", {
"clip-path": "url(#clip0)"
}, /*#__PURE__*/_react.default.createElement("rect", {
width: "1440",
height: "905",
transform: "translate(-905 -28)",
fill: "transparent"
}), /*#__PURE__*/_react.default.createElement("g", {
filter: "url(#filter0_d)"
}, /*#__PURE__*/_react.default.createElement("rect", {
x: "-905",
y: "-28",
width: "1440",
height: "90.2344",
fill: "transparent"
})), /*#__PURE__*/_react.default.createElement("circle", {
cx: "18",
cy: "18",
r: "16.5",
stroke: "currentColor",
"stroke-width": "3"
}), /*#__PURE__*/_react.default.createElement("path", {
"fill-rule": "evenodd",
"clip-rule": "evenodd",
d: "M15.0001 22.4999C15.0001 22.3673 15.0528 22.2401 15.1466 22.1464C15.2404 22.0526 15.3675 21.9999 15.5001 21.9999H24.5001C24.6328 21.9999 24.7599 22.0526 24.8537 22.1464C24.9475 22.2401 25.0001 22.3673 25.0001 22.4999C25.0001 22.6325 24.9475 22.7597 24.8537 22.8535C24.7599 22.9472 24.6328 22.9999 24.5001 22.9999H15.5001C15.3675 22.9999 15.2404 22.9472 15.1466 22.8535C15.0528 22.7597 15.0001 22.6325 15.0001 22.4999ZM15.0001 18.4999C15.0001 18.3673 15.0528 18.2401 15.1466 18.1464C15.2404 18.0526 15.3675 17.9999 15.5001 17.9999H24.5001C24.6328 17.9999 24.7599 18.0526 24.8537 18.1464C24.9475 18.2401 25.0001 18.3673 25.0001 18.4999C25.0001 18.6325 24.9475 18.7597 24.8537 18.8535C24.7599 18.9472 24.6328 18.9999 24.5001 18.9999H15.5001C15.3675 18.9999 15.2404 18.9472 15.1466 18.8535C15.0528 18.7597 15.0001 18.6325 15.0001 18.4999ZM15.0001 14.4999C15.0001 14.3673 15.0528 14.2401 15.1466 14.1464C15.2404 14.0526 15.3675 13.9999 15.5001 13.9999H24.5001C24.6328 13.9999 24.7599 14.0526 24.8537 14.1464C24.9475 14.2401 25.0001 14.3673 25.0001 14.4999C25.0001 14.6325 24.9475 14.7597 24.8537 14.8535C24.7599 14.9472 24.6328 14.9999 24.5001 14.9999H15.5001C15.3675 14.9999 15.2404 14.9472 15.1466 14.8535C15.0528 14.7597 15.0001 14.6325 15.0001 14.4999ZM13.8541 13.1459C13.9007 13.1924 13.9376 13.2475 13.9629 13.3083C13.9881 13.369 14.001 13.4341 14.001 13.4999C14.001 13.5657 13.9881 13.6308 13.9629 13.6916C13.9376 13.7523 13.9007 13.8075 13.8541 13.8539L12.3541 15.3539C12.3077 15.4005 12.2525 15.4374 12.1918 15.4626C12.131 15.4878 12.0659 15.5008 12.0001 15.5008C11.9344 15.5008 11.8693 15.4878 11.8085 15.4626C11.7478 15.4374 11.6926 15.4005 11.6461 15.3539L11.1461 14.8539C11.0997 14.8074 11.0628 14.7522 11.0376 14.6915C11.0125 14.6308 10.9995 14.5657 10.9995 14.4999C10.9995 14.4342 11.0125 14.3691 11.0376 14.3083C11.0628 14.2476 11.0997 14.1924 11.1461 14.1459C11.1926 14.0994 11.2478 14.0626 11.3086 14.0374C11.3693 14.0122 11.4344 13.9993 11.5001 13.9993C11.5659 13.9993 11.631 14.0122 11.6917 14.0374C11.7525 14.0626 11.8077 14.0994 11.8541 14.1459L12.0001 14.2929L13.1461 13.1459C13.1926 13.0994 13.2478 13.0624 13.3085 13.0372C13.3693 13.012 13.4344 12.999 13.5001 12.999C13.5659 12.999 13.631 13.012 13.6918 13.0372C13.7525 13.0624 13.8077 13.0994 13.8541 13.1459ZM13.8541 17.1459C13.9007 17.1924 13.9376 17.2475 13.9629 17.3083C13.9881 17.369 14.001 17.4341 14.001 17.4999C14.001 17.5657 13.9881 17.6308 13.9629 17.6916C13.9376 17.7523 13.9007 17.8075 13.8541 17.8539L12.3541 19.3539C12.3077 19.4005 12.2525 19.4374 12.1918 19.4626C12.131 19.4878 12.0659 19.5008 12.0001 19.5008C11.9344 19.5008 11.8693 19.4878 11.8085 19.4626C11.7478 19.4374 11.6926 19.4005 11.6461 19.3539L11.1461 18.8539C11.0523 18.76 10.9995 18.6327 10.9995 18.4999C10.9995 18.3671 11.0523 18.2398 11.1461 18.1459C11.24 18.052 11.3674 17.9993 11.5001 17.9993C11.6329 17.9993 11.7603 18.052 11.8541 18.1459L12.0001 18.2929L13.1461 17.1459C13.1926 17.0994 13.2478 17.0624 13.3085 17.0372C13.3693 17.012 13.4344 16.999 13.5001 16.999C13.5659 16.999 13.631 17.012 13.6918 17.0372C13.7525 17.0624 13.8077 17.0994 13.8541 17.1459ZM13.8541 21.1459C13.9007 21.1924 13.9376 21.2475 13.9629 21.3083C13.9881 21.369 14.001 21.4341 14.001 21.4999C14.001 21.5657 13.9881 21.6308 13.9629 21.6916C13.9376 21.7523 13.9007 21.8075 13.8541 21.8539L12.3541 23.3539C12.3077 23.4005 12.2525 23.4374 12.1918 23.4626C12.131 23.4878 12.0659 23.5008 12.0001 23.5008C11.9344 23.5008 11.8693 23.4878 11.8085 23.4626C11.7478 23.4374 11.6926 23.4005 11.6461 23.3539L11.1461 22.8539C11.0523 22.76 10.9995 22.6327 10.9995 22.4999C10.9995 22.3671 11.0523 22.2398 11.1461 22.1459C11.24 22.052 11.3674 21.9993 11.5001 21.9993C11.6329 21.9993 11.7603 22.052 11.8541 22.1459L12.0001 22.2929L13.1461 21.1459C13.1926 21.0994 13.2478 21.0624 13.3085 21.0372C13.3693 21.012 13.4344 20.999 13.5001 20.999C13.5659 20.999 13.631 21.012 13.6918 21.0372C13.7525 21.0624 13.8077 21.0994 13.8541 21.1459Z",
fill: "currentColor"
})), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {
id: "filter0_d",
x: "-909",
y: "-28",
width: "1448",
height: "98.2344",
filterUnits: "userSpaceOnUse",
"color-interpolation-filters": "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
"flood-opacity": "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
}), /*#__PURE__*/_react.default.createElement("feOffset", {
dy: "4"
}), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
stdDeviation: "2"
}), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
mode: "normal",
in2: "BackgroundImageFix",
result: "effect1_dropShadow"
}), /*#__PURE__*/_react.default.createElement("feBlend", {
mode: "normal",
in: "SourceGraphic",
in2: "effect1_dropShadow",
result: "shape"
})), /*#__PURE__*/_react.default.createElement("clipPath", {
id: "clip0"
}, /*#__PURE__*/_react.default.createElement("rect", {
width: "1440",
height: "905",
fill: "white",
transform: "translate(-905 -28)"
}))));