@foreverrbum/ethsign
Version:
This package will allow you to electronically sign documents within your application
567 lines (531 loc) • 32.4 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"));
var _arrow = _interopRequireDefault(require("../../assets/arrow.svg"));
var _reactIntl = require("react-intl");
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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
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 _React$createElement;
var resubmit = props.resubmit,
fm = props.fm,
torus = props.torus,
progress = props.progress,
handleProgress = props.handleProgress,
ethAccount = props.ethAccount,
appLogout = props.appLogout,
provider = props.provider,
_changeNetwork = props.changeNetwork,
ethAlias = props.ethAlias,
ethAvatar = props.ethAvatar,
handleOpen = props.handleOpen;
var _useState = (0, _react.useState)(false),
_useState2 = _slicedToArray(_useState, 2),
showProfile = _useState2[0],
handleShowProfile = _useState2[1];
var eventListener = null;
var logout = function logout() {
appLogout();
handleShowProfile(false);
showMenu(false);
props.history.push({
pathname: '/signin'
});
};
var showMenu = function showMenu(event, show) {
if (!show) {
hideMenu(event);
} else {
if (!eventListener) {
eventListener = hideMenu.bind(event);
}
document.addEventListener('click', eventListener);
handleShowProfile(true);
}
};
var hideMenu = function hideMenu(event) {
var element = document.getElementById('nav');
var manageProfileBt = document.getElementById('manage-profile-bt');
if (!element && !manageProfileBt || event && !element.contains(event.target) || event && manageProfileBt.contains(event.target)) {
document.removeEventListener('click', eventListener);
handleShowProfile(false);
}
};
var handleProgressTo2 = function handleProgressTo2() {
if (progress == 1) {
document.getElementById('invite-next-btn').click();
} else {
handleProgress(2);
}
};
return resubmit ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ethAccount && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
className: "z-30 fixed w-full"
}, /*#__PURE__*/_react.default.createElement("nav", {
className: "select-none box-shadow-nav z-30 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 min-h-16"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex w-full"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "sm: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-12 sm:w-auto hidden sm:block",
src: _logo.default,
alt: "Ethsign"
}), /*#__PURE__*/_react.default.createElement("img", {
className: "h-12 w-8 sm:w-auto block sm:hidden",
src: _arrow.default,
alt: "Ethsign"
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "flex flex-wrap flex-grow justify-center items-center"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex justify-center items-center py-1"
}, /*#__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: "".concat(progress == 0 ? 'text-orange-500' : 'text-gray-60')
}, NewIcon), /*#__PURE__*/_react.default.createElement("div", {
className: "hidden xl:flex flex-col justify-center ml-2 ".concat(progress === 0 ? 'text-black-800' : 'text-gray-60')
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "RE_UPLOAD_CONTRACT"
})))), /*#__PURE__*/_react.default.createElement("div", {
className: "hidden md:block font-black mb-2 mx-5 ".concat(progress == 0 || progress == 1 ? 'text-black-800' : 'text-gray-60')
}, "_ __ _"), /*#__PURE__*/_react.default.createElement("div", {
className: "md:hidden mx-1"
}, "--"), /*#__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: "".concat(progress == 1 ? 'text-orange-500' : 'text-gray-60')
}, PrepareIcon), /*#__PURE__*/_react.default.createElement("div", {
className: "hidden xl:flex flex-col justify-center ml-2 ".concat(progress == 1 ? 'text-black-800' : 'text-gray-60')
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "PREPARE_DOCUMENTS"
}))))), /*#__PURE__*/_react.default.createElement("div", {
className: "hidden md:block font-black mb-2 mx-5 ".concat(progress == 1 || progress == 2 ? 'text-black-800' : 'text-gray-60')
}, "_ __ _"), /*#__PURE__*/_react.default.createElement("div", {
className: "flex justify-center items-center py-1"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "md:hidden mx-1"
}, "--"), /*#__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: "".concat(progress == 2 ? 'text-orange-500' : 'text-gray-60')
}, ReviewIcon), /*#__PURE__*/_react.default.createElement("div", {
className: "hidden xl:flex flex-col justify-center ml-2 ".concat(progress === 2 ? 'text-black-800' : 'text-gray-60')
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "REVIEW_AND_SEND"
})))))), /*#__PURE__*/_react.default.createElement(_UserMenu.default, (_React$createElement = {
ethAlias: ethAlias,
ethAvatar: ethAvatar,
logout: logout,
fm: fm,
torus: torus,
provider: provider
}, _defineProperty(_React$createElement, "ethAlias", ethAlias), _defineProperty(_React$createElement, "ethAvatar", ethAvatar), _defineProperty(_React$createElement, "changeNetwork", function changeNetwork(chain) {
return _changeNetwork(chain);
}), _defineProperty(_React$createElement, "ethAccount", ethAccount), _defineProperty(_React$createElement, "handleShowProfile", showMenu), _defineProperty(_React$createElement, "showProfile", showProfile), _defineProperty(_React$createElement, "handleOpen", handleOpen), _React$createElement))))))), /*#__PURE__*/_react.default.createElement("div", {
className: "h-16"
}))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ethAccount && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
className: "z-30 sticky top-0 w-full"
}, /*#__PURE__*/_react.default.createElement("nav", {
className: "select-none box-shadow-nav z-30 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 min-h-16"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex w-full"
}, handleOpen && /*#__PURE__*/_react.default.createElement("div", {
className: "sm: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-12 sm:w-auto hidden sm:block",
src: _logo.default,
alt: "Ethsign"
}), /*#__PURE__*/_react.default.createElement("img", {
className: "h-12 w-8 sm:w-auto block sm:hidden",
src: _arrow.default,
alt: "Ethsign"
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "my-2 flex flex-wrap flex-grow justify-center items-center"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex justify-center items-center py-1"
}, /*#__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: "".concat(progress == 0 ? 'text-orange-500' : 'text-gray-60')
}, NewIcon), /*#__PURE__*/_react.default.createElement("div", {
className: "hidden xl:flex flex-col justify-center ml-2 ".concat(progress === 0 ? 'text-black-800' : 'text-gray-60')
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "NEW_CONTRACT"
})))), /*#__PURE__*/_react.default.createElement("div", {
className: "hidden md:block font-black mb-2 mx-5 ".concat(progress == 0 || progress == 1 ? 'text-black-800' : 'text-gray-60')
}, "_ __ _"), /*#__PURE__*/_react.default.createElement("div", {
className: "md:hidden mx-1"
}, "--"), /*#__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: "".concat(progress == 1 ? 'text-orange-500' : 'text-gray-60')
}, InviteIcon), /*#__PURE__*/_react.default.createElement("div", {
className: "hidden xl:flex flex-col justify-center ml-2 ".concat(progress == 1 ? 'text-black-800' : 'text-gray-60')
}, " ", /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "INVITE_SIGNERS"
}))))), /*#__PURE__*/_react.default.createElement("div", {
className: "hidden md:block font-black mb-2 mx-5 ".concat(progress == 1 || progress == 2 ? 'text-black-800' : 'text-gray-60')
}, "_ __ _"), /*#__PURE__*/_react.default.createElement("div", {
className: "flex justify-center items-center py-1"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "md:hidden mx-1"
}, "--"), /*#__PURE__*/_react.default.createElement("div", {
className: "cursor-pointer flex justify-center items-center",
onClick: function onClick() {
handleProgressTo2();
}
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex font-bold text-13"
}, /*#__PURE__*/_react.default.createElement("div", {
className: " ".concat(progress == 2 ? 'text-orange-500' : 'text-gray-60')
}, PrepareIcon), /*#__PURE__*/_react.default.createElement("div", {
className: "hidden xl:flex flex-col justify-center ml-2 ".concat(progress === 2 ? 'text-black-800' : 'text-gray-60')
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "PREPARE_DOCUMENTS"
})))), /*#__PURE__*/_react.default.createElement("div", {
className: "hidden md:block font-black mb-2 mx-5 ".concat(progress == 2 || progress == 3 ? 'text-black-800' : 'text-gray-60')
}, "_ __ _"), /*#__PURE__*/_react.default.createElement("div", {
className: "md:hidden mx-1"
}, "--"), /*#__PURE__*/_react.default.createElement("div", {
className: "cursor-pointer flex justify-center items-center",
onClick: function onClick() {
handleProgress(3);
}
}, /*#__PURE__*/_react.default.createElement("div", {
className: "flex font-bold text-13"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(progress == 3 ? 'text-orange-500' : 'text-gray-60')
}, ReviewIcon), /*#__PURE__*/_react.default.createElement("div", {
className: "hidden xl:flex flex-col justify-center ml-2 ".concat(progress === 3 ? 'text-black-800' : 'text-gray-60')
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
id: "REVIEW_AND_SEND"
})))))), handleOpen && /*#__PURE__*/_react.default.createElement(_UserMenu.default, {
ethAlias: ethAlias,
ethAvatar: ethAvatar,
logout: logout,
fm: fm,
torus: torus,
provider: provider,
changeNetwork: function changeNetwork(chain) {
return _changeNetwork(chain);
},
ethAccount: ethAccount,
handleShowProfile: showMenu,
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",
strokeWidth: "3"
}), /*#__PURE__*/_react.default.createElement("path", {
fillRule: "evenodd",
clipRule: "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",
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M16.4048 25.3335H25.1667",
stroke: "currentColor",
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M22.9761 13.8096L24.0713 14.8572",
stroke: "currentColor",
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "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", {
clipPath: "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",
strokeWidth: "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",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "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: "transparent",
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", {
clipPath: "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",
strokeWidth: "3"
}), /*#__PURE__*/_react.default.createElement("path", {
fillRule: "evenodd",
clipRule: "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",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "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: "transparent",
transform: "translate(-905 -28)"
}))));
var InviteIcon = /*#__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", {
clipPath: "url(#clip0)"
}, /*#__PURE__*/_react.default.createElement("rect", {
width: "1440",
height: "900",
transform: "translate(-475 -29)",
fill: "transparent"
}), /*#__PURE__*/_react.default.createElement("g", {
filter: "url(#filter0_d)"
}, /*#__PURE__*/_react.default.createElement("rect", {
x: "-475",
y: "-29",
width: "1440",
height: "90.2344",
fill: "transparent"
})), /*#__PURE__*/_react.default.createElement("circle", {
cx: "18",
cy: "18",
r: "16.5",
stroke: "currentColor",
strokeWidth: "3"
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M22.125 18C23.219 18 24.2682 18.4346 25.0418 19.2082C25.8154 19.9818 26.25 21.031 26.25 22.125C26.25 23.219 25.8154 24.2682 25.0418 25.0418C24.2682 25.8154 23.219 26.25 22.125 26.25C21.031 26.25 19.9818 25.8154 19.2082 25.0418C18.4346 24.2682 18 23.219 18 22.125C18 21.031 18.4346 19.9818 19.2082 19.2082C19.9818 18.4346 21.031 18 22.125 18ZM12 18.7492L18.6075 18.75C17.735 19.6568 17.2484 20.8667 17.25 22.125C17.25 22.9403 17.4503 23.709 17.8043 24.3848C17.0168 24.6473 16.1483 24.75 15.375 24.75C13.3335 24.75 10.6238 24.033 10.5038 21.5475L10.5 21.375V20.2492C10.5 19.8514 10.658 19.4699 10.9393 19.1886C11.2206 18.9073 11.6022 18.7492 12 18.7492ZM22.125 19.5015L22.0575 19.5075C21.9826 19.5212 21.9136 19.5574 21.8597 19.6112C21.8059 19.6651 21.7697 19.7341 21.756 19.809L21.75 19.8765V21.75H19.875L19.8075 21.756C19.7326 21.7697 19.6636 21.8059 19.6097 21.8597C19.5559 21.9136 19.5197 21.9826 19.506 22.0575L19.5 22.125L19.506 22.1925C19.5197 22.2674 19.5559 22.3364 19.6097 22.3903C19.6636 22.4441 19.7326 22.4803 19.8075 22.494L19.875 22.5H21.75V24.375L21.756 24.4425C21.7697 24.5174 21.8059 24.5864 21.8597 24.6403C21.9136 24.6941 21.9826 24.7303 22.0575 24.744L22.125 24.75L22.1925 24.744C22.2674 24.7303 22.3364 24.6941 22.3903 24.6403C22.4441 24.5864 22.4803 24.5174 22.494 24.4425L22.5 24.375V22.5H24.375L24.4425 22.494C24.5174 22.4803 24.5864 22.4441 24.6403 22.3903C24.6941 22.3364 24.7303 22.2674 24.744 22.1925L24.75 22.125L24.744 22.0575C24.7303 21.9826 24.6941 21.9136 24.6403 21.8597C24.5864 21.8059 24.5174 21.7697 24.4425 21.756L24.375 21.75H22.5V19.8765L22.494 19.809C22.4803 19.7341 22.4441 19.6651 22.3903 19.6112C22.3364 19.5574 22.2674 19.5212 22.1925 19.5075L22.125 19.5015ZM15.375 10.5C15.8182 10.5 16.2571 10.5873 16.6666 10.7569C17.076 10.9265 17.4481 11.1751 17.7615 11.4885C18.0749 11.8019 18.3235 12.174 18.4931 12.5834C18.6627 12.9929 18.75 13.4318 18.75 13.875C18.75 14.3182 18.6627 14.7571 18.4931 15.1666C18.3235 15.576 18.0749 15.9481 17.7615 16.2615C17.4481 16.5749 17.076 16.8235 16.6666 16.9931C16.2571 17.1627 15.8182 17.25 15.375 17.25C14.4799 17.25 13.6214 16.8944 12.9885 16.2615C12.3556 15.6286 12 14.7701 12 13.875C12 12.9799 12.3556 12.1214 12.9885 11.4885C13.6214 10.8556 14.4799 10.5 15.375 10.5ZM22.125 12C22.8212 12 23.4889 12.2766 23.9812 12.7688C24.4734 13.2611 24.75 13.9288 24.75 14.625C24.75 15.3212 24.4734 15.9889 23.9812 16.4812C23.4889 16.9734 22.8212 17.25 22.125 17.25C21.4288 17.25 20.7611 16.9734 20.2688 16.4812C19.7766 15.9889 19.5 15.3212 19.5 14.625C19.5 13.9288 19.7766 13.2611 20.2688 12.7688C20.7611 12.2766 21.4288 12 22.125 12Z",
fill: "currentColor"
})), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {
id: "filter0_d",
x: "-479",
y: "-29",
width: "1448",
height: "98.2344",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react.default.createElement("feFlood", {
floodOpacity: "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(-475 -29)"
}))));