@foreverrbum/ethsign
Version:
This package will allow you to electronically sign documents within your application
642 lines (553 loc) • 26.4 kB
JavaScript
;
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 _logoWhiteOrange = _interopRequireDefault(require("../assets/logo-white-orange.svg"));
var _ethsignBgUncropped = _interopRequireDefault(require("../assets/ethsign-bg-uncropped.jpg"));
var _check = _interopRequireDefault(require("../assets/check.svg"));
var _sessionStorage = require("../helpers/sessionStorage");
var _Terms = require("./Terms");
var _chains = require("../helpers/chains");
var _wallets = require("../helpers/wallets/wallets");
require("../styles/sign_in.scss");
var _dashboard = require("../helpers/dashboard");
var _reactIntl = require("react-intl");
var _window = require("../helpers/window");
var _this = void 0;
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 SignIn = function SignIn(props) {
var _getMainNetChain, _getTestNetChain;
var handleActivePage = props.handleActivePage,
provider = props.provider,
handleProvider = props.handleProvider,
handleFm = props.handleFm,
torus = props.torus,
handleTorus = props.handleTorus,
walletName = props.walletName,
handleWalletName = props.handleWalletName,
fortmaticPreferredNetwork = props.fortmaticPreferredNetwork,
handleFortmaticPreferredNetwork = props.handleFortmaticPreferredNetwork,
torusPreferredNetwork = props.torusPreferredNetwork,
handleTorusPreferredNetwork = props.handleTorusPreferredNetwork,
networkChanged = props.networkChanged,
handleNetworkChanged = props.handleNetworkChanged;
var _useStateWithSessionS = (0, _sessionStorage.useStateWithSessionStorage)("agreeTerms", false),
_useStateWithSessionS2 = _slicedToArray(_useStateWithSessionS, 2),
agree = _useStateWithSessionS2[0],
handleAgree = _useStateWithSessionS2[1];
var _useState = (0, _react.useState)(null),
_useState2 = _slicedToArray(_useState, 2),
network = _useState2[0],
handleNetwork = _useState2[1];
var _useState3 = (0, _react.useState)(false),
_useState4 = _slicedToArray(_useState3, 2),
showNetworks = _useState4[0],
handleShowNetworks = _useState4[1];
var _useState5 = (0, _react.useState)(false),
_useState6 = _slicedToArray(_useState5, 2),
showWallets = _useState6[0],
handleShowWallets = _useState6[1];
var _useState7 = (0, _react.useState)(false),
_useState8 = _slicedToArray(_useState7, 2),
updateUI = _useState8[0],
handleUpdateUI = _useState8[1];
var _useIntl = (0, _reactIntl.useIntl)(),
formatMessage = _useIntl.formatMessage;
var mobile = (0, _window.isMobile)();
var wallets = ["Metamask", "imToken", "Torus", "Fortmatic"];
(0, _react.useEffect)(function () {
_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
var isSubscribed;
return regeneratorRuntime.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
isSubscribed = true;
handleActivePage('login');
_context.next = 4;
return (0, _wallets.initializeProvider)(handleProvider, handleNetwork, handleWalletName);
case 4:
return _context.abrupt("return", function () {
return isSubscribed = false;
});
case 5:
case "end":
return _context.stop();
}
}
}, _callee);
}))();
}, []); // This changes the network if the network is changed externally.
// This only considers Metamask wallet because at the time of writing this case is not possible for:
// imToken (page refreshes on network change)
// Torus (at this point there is still no instance of torus wallet)
// Fortmatic (at this point there is still no instance of torus wallet)
(0, _react.useEffect)(function () {
var isSubscribed = true;
_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
return regeneratorRuntime.wrap(function _callee2$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
if (!(networkChanged && walletName === 'Metamask')) {
_context2.next = 4;
break;
}
_context2.next = 3;
return (0, _wallets.updateNetwork)(provider, handleNetwork);
case 3:
handleNetworkChanged(false);
case 4:
case "end":
return _context2.stop();
}
}
}, _callee2);
}))();
return function () {
return isSubscribed = false;
};
}, [networkChanged]);
(0, _react.useEffect)(function () {
handleUpdateUI(!updateUI);
}, [network ? network.chainId : null]); // useEffect(() => {
// let isSubscribed = true;
// if(showWallets == true){
// handleShowNetworks(false)
// }
// return () => isSubscribed = false;
// }, [showWallets])
// useEffect(() => {
// let isSubscribed = true;
// if(showNetworks == true){
// handleShowWallets(false)
// }
// return () => isSubscribed = false;
// }, [showNetworks])
(0, _react.useEffect)(function () {
var networkDropdownListener = hideNetworkDropdown.bind(_this);
document.addEventListener('click', networkDropdownListener);
return function () {
return document.removeEventListener('click', networkDropdownListener);
};
}, [showNetworks]);
(0, _react.useEffect)(function () {
var walletDropdownListener = hideWalletDropdown.bind(_this);
document.addEventListener('click', walletDropdownListener);
return function () {
return document.removeEventListener('click', walletDropdownListener);
};
}, [showWallets]);
var handleWalletSelect = /*#__PURE__*/function () {
var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(walletName) {
var _window$ethereum, _window$ethereum2;
return regeneratorRuntime.wrap(function _callee3$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
if (!((walletName == "Metamask" || walletName == "imToken") && !window.ethereum || walletName == "Metamask" && !((_window$ethereum = window.ethereum) !== null && _window$ethereum !== void 0 && _window$ethereum.isMetaMask) || walletName == "imToken" && !((_window$ethereum2 = window.ethereum) !== null && _window$ethereum2 !== void 0 && _window$ethereum2.isImToken))) {
_context3.next = 3;
break;
}
(0, _dashboard.storeNotif)(formatMessage({
id: "WALLET_NOT_FOUND"
}), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "WALLET_NOT_FOUND_MSG",
values: {
wallet: walletName,
mobile: !mobile ? formatMessage({
id: "WALLET_BROWSER"
}) : ''
}
}), " ", /*#__PURE__*/_react.default.createElement("a", {
className: "underline",
target: "_blank",
href: walletName == "Metamask" ? "https://metamask.io/download" : "https://token.im/download"
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "HOW_TO_INSTALL"
}))), "warning");
return _context3.abrupt("return");
case 3:
if (!(walletName == 'Fortmatic' || walletName == 'Torus')) {
_context3.next = 7;
break;
}
if (network) {
if (walletName == 'Fortmatic' && (0, _chains.getChain)(network.chainId).fortmaticSupport) {
handleFortmaticPreferredNetwork(network.chainId);
} else if (walletName == 'Torus' && (0, _chains.getChain)(network.chainId).torusSupport) {
handleTorusPreferredNetwork(network.chainId);
} else {
handleNetwork(null);
}
}
_context3.next = 9;
break;
case 7:
_context3.next = 9;
return (0, _wallets.initializeProvider)(handleProvider, handleNetwork, handleWalletName);
case 9:
handleWalletName(walletName);
handleShowWallets(false);
case 11:
case "end":
return _context3.stop();
}
}
}, _callee3);
}));
return function handleWalletSelect(_x) {
return _ref3.apply(this, arguments);
};
}();
var handleNetworkChange = /*#__PURE__*/function () {
var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(chain) {
return regeneratorRuntime.wrap(function _callee4$(_context4) {
while (1) {
switch (_context4.prev = _context4.next) {
case 0:
if (!(walletName === 'Fortmatic' || walletName == 'Torus')) {
_context4.next = 6;
break;
}
handleFortmaticPreferredNetwork(chain.chainId);
handleTorusPreferredNetwork(chain.chainId);
handleNetwork(chain);
_context4.next = 11;
break;
case 6:
if (provider) {
_context4.next = 9;
break;
}
_context4.next = 11;
break;
case 9:
_context4.next = 11;
return (0, _wallets.connectNetwork)(chain, provider, handleProvider, null, handleNetwork, walletName, handleFm, torus, handleTorus, null);
case 11:
handleShowNetworks(false);
case 12:
case "end":
return _context4.stop();
}
}
}, _callee4);
}));
return function handleNetworkChange(_x2) {
return _ref4.apply(this, arguments);
};
}();
var verifyTerms = function verifyTerms() {
if (!agree) {
(0, _dashboard.storeNotif)("", formatMessage({
id: 'MUST_ACCEPT_TERMS'
}), 'warning');
}
return agree;
};
var login = function login() {
if (verifyTerms()) {
props.history.push('/login');
}
};
var handleAuth = /*#__PURE__*/function () {
var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
return regeneratorRuntime.wrap(function _callee5$(_context5) {
while (1) {
switch (_context5.prev = _context5.next) {
case 0:
if (agree && walletName && network) {
_context5.next = 2;
break;
}
return _context5.abrupt("return");
case 2:
if (walletName === "Fortmatic") {
handleFortmaticAuth();
} else if (walletName === "Torus") {
handleTorusAuth();
} else {
handleMetaMaskAuth();
}
case 3:
case "end":
return _context5.stop();
}
}
}, _callee5);
}));
return function handleAuth() {
return _ref5.apply(this, arguments);
};
}();
var handleMetaMaskAuth = /*#__PURE__*/function () {
var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
return regeneratorRuntime.wrap(function _callee6$(_context6) {
while (1) {
switch (_context6.prev = _context6.next) {
case 0:
login();
case 1:
case "end":
return _context6.stop();
}
}
}, _callee6);
}));
return function handleMetaMaskAuth() {
return _ref6.apply(this, arguments);
};
}();
var handleFortmaticAuth = /*#__PURE__*/function () {
var _ref7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(e) {
return regeneratorRuntime.wrap(function _callee7$(_context7) {
while (1) {
switch (_context7.prev = _context7.next) {
case 0:
if (verifyTerms()) {
props.history.push({
pathname: '/login',
search: '',
state: {
fortmatic: true,
networkId: fortmaticPreferredNetwork
}
});
}
case 1:
case "end":
return _context7.stop();
}
}
}, _callee7);
}));
return function handleFortmaticAuth(_x3) {
return _ref7.apply(this, arguments);
};
}();
var handleTorusAuth = /*#__PURE__*/function () {
var _ref8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(e) {
return regeneratorRuntime.wrap(function _callee8$(_context8) {
while (1) {
switch (_context8.prev = _context8.next) {
case 0:
if (verifyTerms()) {
props.history.push({
pathname: '/login',
search: '',
state: {
torus: true,
networkId: torusPreferredNetwork
}
});
}
case 1:
case "end":
return _context8.stop();
}
}
}, _callee8);
}));
return function handleTorusAuth(_x4) {
return _ref8.apply(this, arguments);
};
}();
var hideNetworkDropdown = function hideNetworkDropdown(event) {
var networkDropdown = document.getElementById('network-dropdown');
if (showNetworks && (!networkDropdown || event && !networkDropdown.contains(event.target))) {
handleShowNetworks(false);
}
};
var hideWalletDropdown = function hideWalletDropdown(event) {
var walletDropdown = document.getElementById('wallet-dropdown');
if (showWallets && (!walletDropdown || event && !walletDropdown.contains(event.target))) {
handleShowWallets(false);
}
};
return /*#__PURE__*/_react.default.createElement("div", {
className: "select-none max-w-7xl mx-auto w-full flex-grow flex flex-col justify-center mt-16 "
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex flex-grow flex-col md:flex-row"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex-grow relative flex flex-col justify-center"
}, /*#__PURE__*/_react.default.createElement("img", {
className: "bg-ethsign absolute md:-left-72",
src: _ethsignBgUncropped.default
}), /*#__PURE__*/_react.default.createElement("img", {
className: "z-10 px-24",
src: _logoWhiteOrange.default
})), /*#__PURE__*/_react.default.createElement("div", {
className: "flex-shrink-0 mb-10 md:mb-0 z-10 mx-3 md:w-112 flex flex-col justify-center mx-3 xs:mx-5 sm:mx-10 md:mx-3 lg:mx-5"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "text-12 font-semibold text-gray-60 my-3"
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "SELECT_WALLET"
})), /*#__PURE__*/_react.default.createElement("div", {
className: "flex text-15 my-3 flex-wrap xs:flex-nowrap"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "relative inline-block text-center flex-grow mb-2 xs:mb-0 mr-0 xs:mr-3 "
}, /*#__PURE__*/_react.default.createElement("div", {
onClick: function onClick() {
handleShowWallets(!showWallets);
},
className: "select-none flex justify-center"
}, (0, _dashboard.getSignInWalletLogo)(walletName) !== null && /*#__PURE__*/_react.default.createElement("img", {
className: "h-6 w-6 my-auto mr-2",
src: (0, _dashboard.getSignInWalletLogo)(walletName)
}), /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(!walletName && 'invisible', " py-3")
}, walletName ? walletName : 'No Wallet')), showWallets && /*#__PURE__*/_react.default.createElement("div", {
id: "wallet-dropdown",
className: "z-20 origin-top-right absolute right-0 mt-2 w-full rounded-md shadow-lg bg-white ring-orange-500 ring-1 ring-opacity-50 focus:outline-none",
role: "menu",
"aria-orientation": "vertical",
"aria-labelledby": "menu-button",
tabIndex: "-1"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "py-1",
role: "none"
}, /*#__PURE__*/_react.default.createElement("div", null, wallets.map(function (wallet, key) {
var disabled = wallet == "imToken" && !mobile;
return /*#__PURE__*/_react.default.createElement("div", {
key: key,
onClick: function onClick() {
if (!disabled) {
handleWalletSelect(wallet);
}
},
className: "".concat(disabled && 'text-gray-130 cursor-not-allowed', " hover:bg-gray-25 cursor-pointer block px-4 py-2 text-sm"),
role: "menuitem",
tabIndex: "-1"
}, wallet);
}))))), /*#__PURE__*/_react.default.createElement("div", {
id: "wallet-select",
className: "w-full xs:w-40 flex-shrink-0 font-bold cursor-pointer rounded-lg px-2 text-white bg-orange-500 hover:bg-orange-600 justify-center py-3 flex",
onClick: function onClick() {
handleShowWallets(!showWallets);
}
}, walletName ? formatMessage({
id: 'SWITCH'
}) : formatMessage({
id: 'SELECT'
}), " ", /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "WALLET"
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "text-12 font-semibold text-gray-60 my-3"
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "SELECT_NETWORK"
})), /*#__PURE__*/_react.default.createElement("div", {
className: "flex text-15 my-3 flex-wrap xs:flex-nowrap"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "relative inline-block text-center flex-grow mb-2 xs:mb-0 mr-0 xs:mr-3 "
}, /*#__PURE__*/_react.default.createElement("div", {
onClick: function onClick() {
if (provider) {
handleShowNetworks(!showNetworks);
}
}
}, /*#__PURE__*/_react.default.createElement("button", {
type: "button",
className: "".concat(walletName ? 'cursor-pointer' : 'cursor-not-allowed', " w-full bg-gray-40 rounded-lg text-gray-300 inline-flex justify-center w-full rounded-md border shadow-sm px-2 py-3 focus:outline-none"),
id: "menu-button",
"aria-expanded": "true",
"aria-haspopup": "true"
}, network ? network.name : /*#__PURE__*/_react.default.createElement("span", {
className: "invisible"
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "NO_NETWORK"
})))), walletName && showNetworks && /*#__PURE__*/_react.default.createElement("div", {
id: "network-dropdown",
className: "origin-top-right absolute right-0 mt-2 w-full rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none",
role: "menu",
"aria-orientation": "vertical",
"aria-labelledby": "menu-button",
tabIndex: "-1"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "py-1",
role: "none"
}, /*#__PURE__*/_react.default.createElement("div", null, (_getMainNetChain = (0, _chains.getMainNetChain)()) === null || _getMainNetChain === void 0 ? void 0 : _getMainNetChain.map(function (chain, key) {
if (walletName === 'Fortmatic') {
if (!chain.fortmaticSupport) {
return null;
}
} else if (walletName === 'Torus') {
if (!chain.torusSupport) {
return null;
}
}
return /*#__PURE__*/_react.default.createElement("div", {
key: key,
onClick: function onClick() {
handleNetworkChange(chain);
},
className: "hover:bg-gray-25 cursor-pointer block px-4 py-2 text-sm",
role: "menuitem",
tabIndex: "-1"
}, chain.name);
})), /*#__PURE__*/_react.default.createElement("div", {
className: "border-t mx-4"
}), /*#__PURE__*/_react.default.createElement("div", null, (_getTestNetChain = (0, _chains.getTestNetChain)()) === null || _getTestNetChain === void 0 ? void 0 : _getTestNetChain.map(function (chain, key) {
if (walletName === 'Fortmatic') {
if (!chain.fortmaticSupport) {
return null;
}
} else if (walletName === 'Torus') {
if (!chain.torusSupport) {
return null;
}
}
return /*#__PURE__*/_react.default.createElement("div", {
key: key,
onClick: function onClick() {
handleNetworkChange(chain);
},
className: "hover:bg-gray-25 cursor-pointer block px-4 py-2 text-sm",
role: "menuitem",
tabIndex: "-1"
}, chain.name);
}))))), /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(walletName ? 'bg-blue-50 cursor-pointer hover:bg-blue-60' : 'bg-blue-70 cursor-not-allowed ', " w-full xs:w-40 flex-shrink-0 font-bold cursor-pointer rounded-lg px-2 text-white justify-center py-3 flex"),
onClick: function onClick() {
handleShowNetworks(!showNetworks);
}
}, network ? formatMessage({
id: 'SWITCH'
}) : formatMessage({
id: 'SELECT'
}), " ", /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "NETWORK"
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "text-12 mt-3 w-full style-5 flex select-none"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "w-4 h-4 flex-shrink-0 mr-2 border border-gray-300 rounded-sm flex justify-center cursor-pointer",
onClick: function onClick() {
handleAgree(!agree);
}
}, agree && /*#__PURE__*/_react.default.createElement("img", {
src: _check.default
})), /*#__PURE__*/_react.default.createElement(_Terms.Terms, null)), /*#__PURE__*/_react.default.createElement("div", {
onClick: function onClick() {
handleAuth();
},
className: "text-15 text-white rounded-lg my-3 py-3 flex justify-center ".concat(agree && walletName && network ? 'bg-blue-50 cursor-pointer hover:bg-blue-60' : 'bg-blue-70 cursor-not-allowed', " ")
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "SIGN_IN"
})))));
};
var _default = (0, _reactRouterDom.withRouter)(SignIn);
exports.default = _default;