@dynamic-labs/sdk-react-core 1.1.0-alpha.0 → 1.1.0-alpha.10

package/src/lib/shared/assets/face-id.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgFaceId = function SvgFaceId(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.055 2.4A3.548 3.548 0 0 1 21.6 5.945v2.013a1.095 1.095 0 0 1-2.19 0V5.945c0-.747-.608-1.355-1.355-1.355h-2.012a1.095 1.095 0 1 1 0-2.19h2.012Zm-10.098 0a1.095 1.095 0 0 1 0 2.19H5.945c-.747 0-1.355.608-1.355 1.355v2.013a1.095 1.095 0 0 1-2.19 0V5.945A3.548 3.548 0 0 1 5.945 2.4h2.012Zm7.692 5.083c.6 0 1.086.486 1.086 1.086v1.347a1.086 1.086 0 1 1-2.172 0V8.57c0-.6.486-1.086 1.086-1.086Zm-4.121 0c.614 0 1.112.498 1.112 1.112v2.982h.008a1.113 1.113 0 0 1 0 2.226h-.386a1.849 1.849 0 0 1-1.847-1.848v-3.36c0-.614.498-1.112 1.113-1.112Zm-3.282 0c.6 0 1.086.486 1.086 1.086v1.347a1.086 1.086 0 0 1-2.172 0V8.57c0-.6.486-1.086 1.086-1.086Zm12.259 7.465c.605 0 1.095.49 1.095 1.095v2.012a3.548 3.548 0 0 1-3.545 3.545h-2.012a1.095 1.095 0 1 1 0-2.19h2.012c.747 0 1.355-.608 1.355-1.355v-2.012c0-.605.49-1.095 1.095-1.095Zm-17.01 0c.605 0 1.095.49 1.095 1.095v2.012c0 .747.608 1.355 1.355 1.355h2.012a1.095 1.095 0 0 1 0 2.19H5.945A3.548 3.548 0 0 1 2.4 18.055v-2.012c0-.605.49-1.095 1.095-1.095Zm5.365 1.337a.473.473 0 0 0 0 0l-.434.47a1.113 1.113 0 0 1 1.51-1.634c.563.52 1.296.806 2.064.806s1.5-.286 2.065-.807a1.113 1.113 0 0 1 1.51 1.634A5.255 5.255 0 0 1 12 18.153a5.255 5.255 0 0 1-3.574-1.397l.434-.47a4.615 4.615 0 0 1 0 0Zm5.947.28a4.694 4.694 0 0 1 0 0Z",
+    fill: "#ABACB2"
+  })));
+};
+
+exports.ReactComponent = SvgFaceId;

package/src/lib/shared/assets/face-id.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgFaceId = function SvgFaceId(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.055 2.4A3.548 3.548 0 0 1 21.6 5.945v2.013a1.095 1.095 0 0 1-2.19 0V5.945c0-.747-.608-1.355-1.355-1.355h-2.012a1.095 1.095 0 1 1 0-2.19h2.012Zm-10.098 0a1.095 1.095 0 0 1 0 2.19H5.945c-.747 0-1.355.608-1.355 1.355v2.013a1.095 1.095 0 0 1-2.19 0V5.945A3.548 3.548 0 0 1 5.945 2.4h2.012Zm7.692 5.083c.6 0 1.086.486 1.086 1.086v1.347a1.086 1.086 0 1 1-2.172 0V8.57c0-.6.486-1.086 1.086-1.086Zm-4.121 0c.614 0 1.112.498 1.112 1.112v2.982h.008a1.113 1.113 0 0 1 0 2.226h-.386a1.849 1.849 0 0 1-1.847-1.848v-3.36c0-.614.498-1.112 1.113-1.112Zm-3.282 0c.6 0 1.086.486 1.086 1.086v1.347a1.086 1.086 0 0 1-2.172 0V8.57c0-.6.486-1.086 1.086-1.086Zm12.259 7.465c.605 0 1.095.49 1.095 1.095v2.012a3.548 3.548 0 0 1-3.545 3.545h-2.012a1.095 1.095 0 1 1 0-2.19h2.012c.747 0 1.355-.608 1.355-1.355v-2.012c0-.605.49-1.095 1.095-1.095Zm-17.01 0c.605 0 1.095.49 1.095 1.095v2.012c0 .747.608 1.355 1.355 1.355h2.012a1.095 1.095 0 0 1 0 2.19H5.945A3.548 3.548 0 0 1 2.4 18.055v-2.012c0-.605.49-1.095 1.095-1.095Zm5.365 1.337a.473.473 0 0 0 0 0l-.434.47a1.113 1.113 0 0 1 1.51-1.634c.563.52 1.296.806 2.064.806s1.5-.286 2.065-.807a1.113 1.113 0 0 1 1.51 1.634A5.255 5.255 0 0 1 12 18.153a5.255 5.255 0 0 1-3.574-1.397l.434-.47a4.615 4.615 0 0 1 0 0Zm5.947.28a4.694 4.694 0 0 1 0 0Z",
+    fill: "#ABACB2"
+  })));
+};
+
+export { SvgFaceId as ReactComponent };

package/src/lib/shared/assets/index.d.ts

@@ -20,6 +20,7 @@ export { ReactComponent as DynamicLogoIcon } from './dynamic-logo.svg';
 export { ReactComponent as EmbeddedWalletIcon } from './embedded-wallet-icon.svg';
 export { ReactComponent as ErrorIcon } from './error.svg';
 export { ReactComponent as ExternalLinkIcon } from './externalLink.svg';
+export { ReactComponent as EyeOffIcon } from './eye-off-icon.svg';
 export { ReactComponent as EyeIcon } from './footer-eye-icon.svg';
 export { ReactComponent as GasIcon } from './footer-gas-icon.svg';
 export { ReactComponent as InfoIcon } from './footer-info-icon.svg';
@@ -59,3 +60,9 @@ export { ReactComponent as WalletOutlineIcon } from './wallet-outline.svg';
 export { ReactComponent as WorkSuitcaseIcon } from './work-suitcase.svg';
 export { ReactComponent as CircleLockerIcon } from './circle-locker.svg';
 export { ReactComponent as TurnkeyIcon } from './turnkey.svg';
+export { ReactComponent as LockIcon } from './lock.svg';
+export { ReactComponent as AltEmbeddedWalletIcon } from './alt-embedded-wallet.svg';
+export { ReactComponent as FaceIdIcon } from './face-id.svg';
+export { ReactComponent as ExportEmbeddedHero } from './export-embedded-hero.svg';
+export { ReactComponent as WalletV2Icon } from './wallet-v2.svg';
+export { ReactComponent as AltKeyIcon } from './alt-key.svg';

package/src/lib/shared/assets/lock.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgLock = function SvgLock(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7 7a5 5 0 0 1 10 0v3h1a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3h1V7Zm2 3h6V7a3 3 0 1 0-6 0v3Zm-3 2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H6Zm6 2a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1Z",
+    fill: "#383C48",
+    fillOpacity: 0.4
+  })));
+};
+
+exports.ReactComponent = SvgLock;

package/src/lib/shared/assets/lock.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgLock = function SvgLock(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7 7a5 5 0 0 1 10 0v3h1a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3h1V7Zm2 3h6V7a3 3 0 1 0-6 0v3Zm-3 2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H6Zm6 2a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1Z",
+    fill: "#383C48",
+    fillOpacity: 0.4
+  })));
+};
+
+export { SvgLock as ReactComponent };

package/src/lib/shared/assets/wallet-v2.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgWalletV2 = function SvgWalletV2(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 25,
+    height: 24,
+    viewBox: "0 0 25 24",
+    fill: "none",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.5 4a1 1 0 0 0 0 2h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-14a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h12a1 1 0 1 1 0 2h-12Zm-1 3.83V19a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-14c-.35 0-.687-.06-1-.17Zm11 6.17a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z",
+    fill: "#ABACB2"
+  })));
+};
+
+exports.ReactComponent = SvgWalletV2;

package/src/lib/shared/assets/wallet-v2.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgWalletV2 = function SvgWalletV2(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 25,
+    height: 24,
+    viewBox: "0 0 25 24",
+    fill: "none",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.5 4a1 1 0 0 0 0 2h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-14a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h12a1 1 0 1 1 0 2h-12Zm-1 3.83V19a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-14c-.35 0-.687-.06-1-.17Zm11 6.17a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z",
+    fill: "#ABACB2"
+  })));
+};
+
+export { SvgWalletV2 as ReactComponent };

package/src/lib/shared/consts/index.cjs

@@ -26,6 +26,7 @@ const defaultWalletsForChains = {
     primary_chain: 'evm',
     wallets: {
         algorand: 'myalgo',
+        bitcoin: 'xverse',
         cosmos: 'keplr',
         evm: 'metamask',
         flow: 'blocto',

package/src/lib/shared/consts/index.js

@@ -22,6 +22,7 @@ const defaultWalletsForChains = {
     primary_chain: 'evm',
     wallets: {
         algorand: 'myalgo',
+        bitcoin: 'xverse',
         cosmos: 'keplr',
         evm: 'metamask',
         flow: 'blocto',

package/src/lib/shared/types/index.d.ts

@@ -44,7 +44,7 @@ export type Icon = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
     title?: string | undefined;
 }>;
 export type WalletNamesUnion = 'Coinbase Wallet' | 'Coinbase Wallet (Solana)' | 'MetaMask' | 'Phantom' | 'Phantom (EVM)' | 'Phantom (Ledger)' | 'Venly' | 'Rainbow' | 'Solflare' | 'Glow' | 'Slope' | 'Blocto (Flow)' | 'Blocto (EVM)' | 'Blocto (App)' | 'Brave Wallet (EVM)' | 'Brave Wallet (Solana)' | 'Braavos' | 'Argent X' | 'Dapper' | 'Opera Wallet' | 'Injected Wallet' | 'Exodus Wallet (EVM)' | 'Exodus Wallet (Solana)' | 'ZenGo' | 'Lilico';
-export type ChainNamesUnion = 'Solana' | 'Ethereum' | 'Flow' | 'EVM' | 'Algorand' | 'Starknet' | 'Cosmos' | 'Axelar' | 'Osmosis';
+export type ChainNamesUnion = 'Solana' | 'Ethereum' | 'Flow' | 'EVM' | 'Algorand' | 'Starknet' | 'Cosmos' | 'Axelar' | 'Osmosis' | 'Bitcoin';
 export interface WalletOption {
     isInstalledOnBrowser: boolean;
     key: string;
@@ -60,6 +60,9 @@ export type WalletGroupOption = WalletOption & {
 export type ErrorWithCode = Error & {
     code: string;
 };
+export interface CopyKey {
+    copykey?: string;
+}
 export interface ModalProps {
     onClose: () => void;
 }
@@ -154,6 +157,7 @@ export type ChainToWalletMap = {
     primary_chain: string;
     wallets: {
         algorand?: string;
+        bitcoin?: string;
         cosmos?: string;
         evm?: string;
         flow?: string;
@@ -173,6 +177,9 @@ export type DynamicEventsCallbacks = {
         messageToSign: string;
         signedMessage: string;
     }) => void;
+    /** Called when the auth modal is closed before reaching success (due to user cancel or fail) */
+    onAuthFlowCancel?: () => void;
+    /** Called whenever the auth modal is closed */
     onAuthFlowClose?: () => void;
     onAuthFlowOpen?: () => void;
     onAuthSuccess?: OnAuthSuccess;

package/src/lib/shared/utils/functions/chain/getChainIcon.cjs

@@ -11,6 +11,7 @@ var error = require('../../../assets/error.cjs');
 
 const chainIconMap = {
     algorand: iconic.AlgorandIcon,
+    bitcoin: iconic.BitcoinIcon,
     cosmos: iconic.CosmosIcon,
     evm: iconic.EthereumIcon,
     flow: iconic.FlowIcon,

package/src/lib/shared/utils/functions/chain/getChainIcon.js

@@ -1,4 +1,4 @@
-import { AlgorandIcon, CosmosIcon, EthereumIcon, FlowIcon, SolanaIcon, StarknetIcon } from '@dynamic-labs/iconic';
+import { AlgorandIcon, BitcoinIcon, CosmosIcon, EthereumIcon, FlowIcon, SolanaIcon, StarknetIcon } from '@dynamic-labs/iconic';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../../context/ViewContext/ViewContext.js';
@@ -7,6 +7,7 @@ import { ReactComponent as SvgError } from '../../../assets/error.js';
 
 const chainIconMap = {
     algorand: AlgorandIcon,
+    bitcoin: BitcoinIcon,
     cosmos: CosmosIcon,
     evm: EthereumIcon,
     flow: FlowIcon,

package/src/lib/shared/utils/hooks/useOnClickOutside/index.cjs

@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 const useOnClickOutside = (ref, handler) => {
+    const handlerRef = React.useRef(handler);
+    handlerRef.current = handler;
     React.useEffect(() => {
         const listener = (event) => {
             event.stopPropagation();
@@ -14,7 +16,7 @@ const useOnClickOutside = (ref, handler) => {
                 ref.current.contains(realTarget)) {
                 return;
             }
-            handler(event);
+            handlerRef.current(event);
         };
         document.addEventListener('touchstart', listener);
         document.addEventListener('click', listener);
@@ -22,7 +24,7 @@ const useOnClickOutside = (ref, handler) => {
             document.removeEventListener('touchstart', listener);
             document.removeEventListener('click', listener);
         };
-    }, [ref, handler]);
+    }, [ref]);
 };
 
 exports.useOnClickOutside = useOnClickOutside;

package/src/lib/shared/utils/hooks/useOnClickOutside/index.js

@@ -1,6 +1,8 @@
-import { useEffect } from 'react';
+import { useRef, useEffect } from 'react';
 
 const useOnClickOutside = (ref, handler) => {
+    const handlerRef = useRef(handler);
+    handlerRef.current = handler;
     useEffect(() => {
         const listener = (event) => {
             event.stopPropagation();
@@ -10,7 +12,7 @@ const useOnClickOutside = (ref, handler) => {
                 ref.current.contains(realTarget)) {
                 return;
             }
-            handler(event);
+            handlerRef.current(event);
         };
         document.addEventListener('touchstart', listener);
         document.addEventListener('click', listener);
@@ -18,7 +20,7 @@ const useOnClickOutside = (ref, handler) => {
             document.removeEventListener('touchstart', listener);
             document.removeEventListener('click', listener);
         };
-    }, [ref, handler]);
+    }, [ref]);
 };
 
 export { useOnClickOutside };

package/src/lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
 
+// This hook allows us to prevent page from scrolling ie. when a modal is open.
+// It adds a class to the html and body elements which disables scrolling.
 const usePreventPageScroll = (isOpen) => {
-    React.useEffect(() => {
+    const disableScroll = () => {
         var _a;
-        if (!isOpen)
-            return;
         const html = document.querySelector('html');
         const body = document.querySelector('body');
         /* istanbul ignore next */
@@ -25,10 +25,6 @@ const usePreventPageScroll = (isOpen) => {
             return;
         html.classList.add('dynamic-no-scroll');
         body.classList.add('dynamic-no-scroll');
-        const userScrollCoordinatesBeforeLock = {
-            x: window.scrollX,
-            y: window.scrollY,
-        };
         // IOS Safari needs to have a different class to prevent scroll
         // We need to add postion: fixed to lock the body scrolling
         // It breaks the scroll position, so we need to save the scroll position and restore it after the modal is closed
@@ -37,16 +33,36 @@ const usePreventPageScroll = (isOpen) => {
             html.classList.add('dynamic-no-scroll--ios');
             body.classList.add('dynamic-no-scroll--ios');
         }
+    };
+    const enableScroll = (userScrollCoordinatesBeforeLock) => {
+        const html = document.querySelector('html');
+        const body = document.querySelector('body');
+        /* istanbul ignore next */
+        if (!html || !body)
+            return;
+        const isScrollable = body.scrollHeight > body.clientHeight;
+        if (!isScrollable)
+            return;
+        html.classList.remove('dynamic-no-scroll');
+        body.classList.remove('dynamic-no-scroll');
+        // Restore the scroll position when user is using IOS
+        /* istanbul ignore else */
+        if (utils.isIOS()) {
+            html.classList.remove('dynamic-no-scroll--ios');
+            body.classList.remove('dynamic-no-scroll--ios');
+            window.scrollTo(userScrollCoordinatesBeforeLock.x, userScrollCoordinatesBeforeLock.y);
+        }
+    };
+    React.useEffect(() => {
+        if (!isOpen)
+            return;
+        const userScrollCoordinatesBeforeLock = {
+            x: window.scrollX,
+            y: window.scrollY,
+        };
+        disableScroll();
         return () => {
-            html.classList.remove('dynamic-no-scroll');
-            body.classList.remove('dynamic-no-scroll');
-            // Restore the scroll position when user is using IOS
-            /* istanbul ignore else */
-            if (utils.isIOS()) {
-                html.classList.remove('dynamic-no-scroll--ios');
-                body.classList.remove('dynamic-no-scroll--ios');
-                window.scrollTo(userScrollCoordinatesBeforeLock.x, userScrollCoordinatesBeforeLock.y);
-            }
+            enableScroll(userScrollCoordinatesBeforeLock);
         };
     }, [isOpen]);
 };

package/src/lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js

@@ -1,11 +1,11 @@
 import { useEffect } from 'react';
 import { isIOS } from '@dynamic-labs/utils';
 
+// This hook allows us to prevent page from scrolling ie. when a modal is open.
+// It adds a class to the html and body elements which disables scrolling.
 const usePreventPageScroll = (isOpen) => {
-    useEffect(() => {
+    const disableScroll = () => {
         var _a;
-        if (!isOpen)
-            return;
         const html = document.querySelector('html');
         const body = document.querySelector('body');
         /* istanbul ignore next */
@@ -21,10 +21,6 @@ const usePreventPageScroll = (isOpen) => {
             return;
         html.classList.add('dynamic-no-scroll');
         body.classList.add('dynamic-no-scroll');
-        const userScrollCoordinatesBeforeLock = {
-            x: window.scrollX,
-            y: window.scrollY,
-        };
         // IOS Safari needs to have a different class to prevent scroll
         // We need to add postion: fixed to lock the body scrolling
         // It breaks the scroll position, so we need to save the scroll position and restore it after the modal is closed
@@ -33,16 +29,36 @@ const usePreventPageScroll = (isOpen) => {
             html.classList.add('dynamic-no-scroll--ios');
             body.classList.add('dynamic-no-scroll--ios');
         }
+    };
+    const enableScroll = (userScrollCoordinatesBeforeLock) => {
+        const html = document.querySelector('html');
+        const body = document.querySelector('body');
+        /* istanbul ignore next */
+        if (!html || !body)
+            return;
+        const isScrollable = body.scrollHeight > body.clientHeight;
+        if (!isScrollable)
+            return;
+        html.classList.remove('dynamic-no-scroll');
+        body.classList.remove('dynamic-no-scroll');
+        // Restore the scroll position when user is using IOS
+        /* istanbul ignore else */
+        if (isIOS()) {
+            html.classList.remove('dynamic-no-scroll--ios');
+            body.classList.remove('dynamic-no-scroll--ios');
+            window.scrollTo(userScrollCoordinatesBeforeLock.x, userScrollCoordinatesBeforeLock.y);
+        }
+    };
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const userScrollCoordinatesBeforeLock = {
+            x: window.scrollX,
+            y: window.scrollY,
+        };
+        disableScroll();
         return () => {
-            html.classList.remove('dynamic-no-scroll');
-            body.classList.remove('dynamic-no-scroll');
-            // Restore the scroll position when user is using IOS
-            /* istanbul ignore else */
-            if (isIOS()) {
-                html.classList.remove('dynamic-no-scroll--ios');
-                body.classList.remove('dynamic-no-scroll--ios');
-                window.scrollTo(userScrollCoordinatesBeforeLock.x, userScrollCoordinatesBeforeLock.y);
-            }
+            enableScroll(userScrollCoordinatesBeforeLock);
         };
     }, [isOpen]);
 };