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

package/src/lib/shared/assets/export-recovery-phrase.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 SvgExportRecoveryPhrase = function SvgExportRecoveryPhrase(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 28,
+    height: 28,
+    viewBox: "0 0 28 28",
+    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: "M17.5 2.333a2.333 2.333 0 0 1 2.334 2.334h-14A4.654 4.654 0 0 0 2.41 6.164 4.668 4.668 0 0 1 7 2.334h10.5Zm8.167 9.334A4.667 4.667 0 0 0 21 7H7a4.667 4.667 0 0 0-4.667 4.667V21A4.667 4.667 0 0 0 7 25.667h14A4.667 4.667 0 0 0 25.667 21v-9.333Zm-16.8.933A.933.933 0 1 1 7 12.6a.933.933 0 0 1 1.867 0Zm2.426-.933a.933.933 0 1 0 0 1.866h8.214a.933.933 0 1 0 0-1.866h-8.214Zm-2.426 4.666a.933.933 0 1 1-1.867 0 .933.933 0 0 1 1.867 0Zm2.426-.933a.933.933 0 1 0 0 1.867h8.214a.933.933 0 0 0 0-1.867h-8.214Zm-2.426 4.667a.933.933 0 1 1-1.867 0 .933.933 0 0 1 1.867 0Zm2.24-.934a.933.933 0 0 0 0 1.867h8.213a.933.933 0 1 0 0-1.867h-8.213Z",
+    fill: "#383C48",
+    fillOpacity: 0.4
+  })));
+};
+
+exports.ReactComponent = SvgExportRecoveryPhrase;

package/src/lib/shared/assets/export-recovery-phrase.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 SvgExportRecoveryPhrase = function SvgExportRecoveryPhrase(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 28,
+    height: 28,
+    viewBox: "0 0 28 28",
+    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: "M17.5 2.333a2.333 2.333 0 0 1 2.334 2.334h-14A4.654 4.654 0 0 0 2.41 6.164 4.668 4.668 0 0 1 7 2.334h10.5Zm8.167 9.334A4.667 4.667 0 0 0 21 7H7a4.667 4.667 0 0 0-4.667 4.667V21A4.667 4.667 0 0 0 7 25.667h14A4.667 4.667 0 0 0 25.667 21v-9.333Zm-16.8.933A.933.933 0 1 1 7 12.6a.933.933 0 0 1 1.867 0Zm2.426-.933a.933.933 0 1 0 0 1.866h8.214a.933.933 0 1 0 0-1.866h-8.214Zm-2.426 4.666a.933.933 0 1 1-1.867 0 .933.933 0 0 1 1.867 0Zm2.426-.933a.933.933 0 1 0 0 1.867h8.214a.933.933 0 0 0 0-1.867h-8.214Zm-2.426 4.667a.933.933 0 1 1-1.867 0 .933.933 0 0 1 1.867 0Zm2.24-.934a.933.933 0 0 0 0 1.867h8.213a.933.933 0 1 0 0-1.867h-8.213Z",
+    fill: "#383C48",
+    fillOpacity: 0.4
+  })));
+};
+
+export { SvgExportRecoveryPhrase as ReactComponent };

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

@@ -66,3 +66,5 @@ 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';
+export { ReactComponent as ExportPrivateKeyIcon } from './export-private-key.svg';
+export { ReactComponent as ExportRecoveryPhraseIcon } from './export-recovery-phrase.svg';

package/src/lib/shared/assets/wallets/PhantomLedgerIcon/PhantomLedgerIcon.cjs

@@ -8,7 +8,7 @@ var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 
 const PhantomLedgerIcon = () => {
     const { view } = ViewContext.useViewContext();
-    const renderSmallerIconSize = view !== 'pending-connect' && view !== 'pending-signature';
+    const renderSmallerIconSize = view.type !== 'pending-connect' && view.type !== 'pending-signature';
     const wrapperStyle = renderSmallerIconSize ? { height: 24, width: 24 } : {};
     const iconsStyle = renderSmallerIconSize
         ? {

package/src/lib/shared/assets/wallets/PhantomLedgerIcon/PhantomLedgerIcon.js

@@ -4,7 +4,7 @@ import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 
 const PhantomLedgerIcon = () => {
     const { view } = useViewContext();
-    const renderSmallerIconSize = view !== 'pending-connect' && view !== 'pending-signature';
+    const renderSmallerIconSize = view.type !== 'pending-connect' && view.type !== 'pending-signature';
     const wrapperStyle = renderSmallerIconSize ? { height: 24, width: 24 } : {};
     const iconsStyle = renderSmallerIconSize
         ? {

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.cjs

@@ -7,11 +7,10 @@ require('../../../../utils/constants/colors.cjs');
 var localStorage = require('../../classes/storage/localStorage.cjs');
 var isWalletGroup = require('../../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.cjs');
 
-const getLastUsedWalletName = () => localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
+const getLastUsedWalletKey = () => localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
-    const lastUsedWalletName = getLastUsedWalletName();
-    const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.name === lastUsedWalletName ||
-        walletOption.walletConnector.key === lastUsedWalletName);
+    const lastUsedWalletKey = getLastUsedWalletKey();
+    const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.key === lastUsedWalletKey);
     if (hasNestedLastUsedWallet) {
         return 'Last used';
     }
@@ -22,9 +21,9 @@ const getWalletGroupLabel = (walletGroup) => {
     return 'Multichain';
 };
 const getWalletLabel = (walletOption, usingMultiWallet = false) => {
-    const lastUsedWalletName = getLastUsedWalletName();
-    const { name: walletName, key: walletKey } = walletOption.walletConnector;
-    const isLastUsedWallet = walletName === lastUsedWalletName || walletKey === lastUsedWalletName;
+    const lastUsedWalletKey = getLastUsedWalletKey();
+    const { key: walletKey } = walletOption.walletConnector;
+    const isLastUsedWallet = walletKey === lastUsedWalletKey;
     if (isLastUsedWallet)
         return 'Last used';
     if (walletOption.isInstalledOnBrowser)

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.js

@@ -3,11 +3,10 @@ import '../../../../utils/constants/colors.js';
 import { LocalStorage } from '../../classes/storage/localStorage.js';
 import { isWalletGroup } from '../../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.js';
 
-const getLastUsedWalletName = () => LocalStorage.getFromLS(LAST_USED_WALLET);
+const getLastUsedWalletKey = () => LocalStorage.getFromLS(LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
-    const lastUsedWalletName = getLastUsedWalletName();
-    const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.name === lastUsedWalletName ||
-        walletOption.walletConnector.key === lastUsedWalletName);
+    const lastUsedWalletKey = getLastUsedWalletKey();
+    const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.key === lastUsedWalletKey);
     if (hasNestedLastUsedWallet) {
         return 'Last used';
     }
@@ -18,9 +17,9 @@ const getWalletGroupLabel = (walletGroup) => {
     return 'Multichain';
 };
 const getWalletLabel = (walletOption, usingMultiWallet = false) => {
-    const lastUsedWalletName = getLastUsedWalletName();
-    const { name: walletName, key: walletKey } = walletOption.walletConnector;
-    const isLastUsedWallet = walletName === lastUsedWalletName || walletKey === lastUsedWalletName;
+    const lastUsedWalletKey = getLastUsedWalletKey();
+    const { key: walletKey } = walletOption.walletConnector;
+    const isLastUsedWallet = walletKey === lastUsedWalletKey;
     if (isLastUsedWallet)
         return 'Last used';
     if (walletOption.isInstalledOnBrowser)

package/src/lib/shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.cjs

@@ -4,8 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const isUserLinkingWallet = (user, view, isMockedSDK) => (user === null || user === void 0 ? void 0 : user.verifiedCredentials) !== undefined &&
     (view === 'wallet-list' ||
-        view === 'login-with-email-or-wallet-full-wallet-list' ||
-        view === 'multi-wallet-wallet-list') &&
+        view === 'login-with-email-or-wallet-full-wallet-list') &&
     // Mocked SDK is used in the dashboard and the user is
     // the actual user that the user logged in to the dashboard
     !isMockedSDK;

package/src/lib/shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.js

@@ -1,7 +1,6 @@
 const isUserLinkingWallet = (user, view, isMockedSDK) => (user === null || user === void 0 ? void 0 : user.verifiedCredentials) !== undefined &&
     (view === 'wallet-list' ||
-        view === 'login-with-email-or-wallet-full-wallet-list' ||
-        view === 'multi-wallet-wallet-list') &&
+        view === 'login-with-email-or-wallet-full-wallet-list') &&
     // Mocked SDK is used in the dashboard and the user is
     // the actual user that the user logged in to the dashboard
     !isMockedSDK;

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

@@ -40,9 +40,6 @@ const usePreventPageScroll = (isOpen) => {
         /* 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

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

@@ -36,9 +36,6 @@ const usePreventPageScroll = (isOpen) => {
         /* 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