UNPKG

@dynamic-labs/sdk-react-core

Version:

A React SDK for implementing wallet web3 authentication and authorization to your website.

98 lines (95 loc) 5.6 kB
'use client' import * as React from 'react'; var _path, _path2, _path3, _path4, _g, _path5, _defs; var _excluded = ["title", "titleId"]; function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); } function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; } function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; } var SvgSecureAccount = function SvgSecureAccount(_ref) { var title = _ref.title, titleId = _ref.titleId, props = _objectWithoutProperties(_ref, _excluded); return /*#__PURE__*/React.createElement("svg", _extends({ width: 327, height: 112, viewBox: "0 0 327 112", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": titleId }, props), title ? /*#__PURE__*/React.createElement("title", { id: titleId }, title) : null, /*#__PURE__*/React.createElement("mask", { id: "secure-account_svg__a", style: { maskType: "luminance" }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 327, height: 112 }, _path || (_path = /*#__PURE__*/React.createElement("path", { d: "M315 0H12C5.373 0 0 5.373 0 12v88c0 6.627 5.373 12 12 12h303c6.627 0 12-5.373 12-12V12c0-6.627-5.373-12-12-12Z", fill: "#fff" }))), /*#__PURE__*/React.createElement("g", { mask: "url(#secure-account_svg__a)" }, _path2 || (_path2 = /*#__PURE__*/React.createElement("path", { d: "M164 228c62.96 0 114-51.04 114-114S226.96 0 164 0 50 51.04 50 114s51.04 114 114 114Z", fill: "url(#secure-account_svg__b)", fillOpacity: 0.12 })), /*#__PURE__*/React.createElement("mask", { id: "secure-account_svg__c", style: { maskType: "luminance" }, maskUnits: "userSpaceOnUse", x: 86, y: 29, width: 40, height: 40 }, _path3 || (_path3 = /*#__PURE__*/React.createElement("path", { d: "M116.91 29 86 37.282l8.282 30.91 30.91-8.282L116.91 29Z", fill: "#fff" }))), /*#__PURE__*/React.createElement("g", { mask: "url(#secure-account_svg__c)" }, /*#__PURE__*/React.createElement("mask", { id: "secure-account_svg__d", style: { maskType: "luminance" }, maskUnits: "userSpaceOnUse", x: 90, y: 33, width: 31, height: 31 }, _path4 || (_path4 = /*#__PURE__*/React.createElement("path", { d: "M119.763 44.8c-2.097-7.825-10.139-12.468-17.963-10.371-7.824 2.096-12.468 10.138-10.371 17.962 2.096 7.825 10.139 12.468 17.963 10.371 7.824-2.096 12.467-10.138 10.371-17.962Z", fill: "#fff" }))), _g || (_g = /*#__PURE__*/React.createElement("g", { mask: "url(#secure-account_svg__d)" }, /*#__PURE__*/React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M118.709 55.166a14.617 14.617 0 0 0 1.054-10.366c-2.097-7.824-10.139-12.467-17.963-10.37-7.825 2.096-12.468 10.138-10.371 17.962a14.612 14.612 0 0 0 6.097 8.451c1.808-3.916 6.565-6.42 9.647-7.247 3.083-.826 7.955-1.146 11.536 1.57Zm-19.375-8.688a5.5 5.5 0 1 1 10.625-2.847 5.5 5.5 0 0 1-10.625 2.847Z", fill: "#4779FF" })))), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m207.67 19.875-.767 2.862a9.86 9.86 0 0 0-5.861 6.61c-1.412 5.268 1.715 10.684 6.984 12.096 5.268 1.412 10.684-1.715 12.096-6.984a9.862 9.862 0 0 0-1.771-8.655l.767-2.861a5.926 5.926 0 0 0-11.448-3.068Zm9.321 2.498-.444 1.655a9.844 9.844 0 0 0-3.409-1.665 9.847 9.847 0 0 0-3.785-.262l.444-1.656a3.723 3.723 0 1 1 7.194 1.928Zm-3.445 8.52a2.57 2.57 0 0 1-2.019 1.862l-.539 2.011a1.1 1.1 0 1 1-2.127-.57l.539-2.01a2.569 2.569 0 1 1 4.146-1.294ZM164.943 32.064a6.216 6.216 0 0 0-1.779 0c-.681.098-1.313.337-1.816.527l-.135.05-16.68 6.256-.407.152c-1.922.718-3.61 1.348-4.909 2.493a9.336 9.336 0 0 0-2.553 3.683c-.616 1.62-.613 3.421-.61 5.473V66.01c0 8.793 4.783 16.125 9.953 21.51 5.204 5.422 11.159 9.252 14.307 11.089l.128.075c.574.337 1.32.775 2.307.987a6.619 6.619 0 0 0 2.609 0c.987-.212 1.733-.65 2.307-.987l.128-.075c3.148-1.837 9.103-5.667 14.307-11.088 5.17-5.386 9.953-12.718 9.953-21.511V50.698c.003-2.052.006-3.854-.611-5.473a9.333 9.333 0 0 0-2.552-3.683c-1.3-1.145-2.987-1.775-4.909-2.493l-.407-.152-16.68-6.255-.135-.05c-.503-.19-1.136-.43-1.816-.528Zm7.008 18.695c0-1.726-1.4-3.126-3.127-3.126h-14.069a6.253 6.253 0 0 0-6.153 5.133 6.234 6.234 0 0 1 4.589-2.007h18.76Zm1.562 3.127c3.454 0 6.253 2.8 6.253 6.253v12.506a6.253 6.253 0 0 1-6.253 6.254h-18.759a6.253 6.253 0 0 1-6.253-6.254V60.14a6.253 6.253 0 0 1 6.253-6.253h18.759Z", fill: "#4779FF" }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", { id: "secure-account_svg__b", x1: 164, y1: 0, x2: 164, y2: 93.5, gradientUnits: "userSpaceOnUse" }, /*#__PURE__*/React.createElement("stop", { stopColor: "#4779FF" }), /*#__PURE__*/React.createElement("stop", { offset: 1, stopColor: "#4779FF", stopOpacity: 0 }))))); }; export { SvgSecureAccount as ReactComponent };