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

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

@@ -1,59 +1,61 @@
 export { PhantomLedgerIcon } from './wallets/PhantomLedgerIcon/PhantomLedgerIcon';
-export { ReactComponent as ArrowIcon } from './stroke.svg';
-export { ReactComponent as ArrowRightIcon } from './arrow-right.svg';
-export { ReactComponent as ArrowRightWithCircleIcon } from './arrow-right-circle.svg';
-export { ReactComponent as ArrowLeftIcon } from './arrow-left.svg';
+export { ReactComponent as AddWalletIcon } from './add-wallet.svg';
+export { ReactComponent as AddIcon } from './add.svg';
+export { ReactComponent as AndroidFaceId } from './android-face-id.svg';
+export { ReactComponent as AndroidTouchId } from './android-touch-id.svg';
 export { ReactComponent as ArrowDownIcon } from './arrow-down.svg';
-export { ReactComponent as CloseIcon } from './close.svg';
-export { ReactComponent as ChevronLeftIcon } from './chevron-left.svg';
-export { ReactComponent as ErrorIcon } from './error.svg';
-export { ReactComponent as CheckIcon } from './check.svg';
+export { ReactComponent as ArrowLeftIcon } from './arrow-left.svg';
+export { ReactComponent as ArrowRightBackgroundIcon } from './arrow-right-background.svg';
+export { ReactComponent as ArrowRightIcon } from './arrow-right.svg';
+export { ReactComponent as AtIcon } from './at.svg';
 export { ReactComponent as CheckCircleIcon } from './check-circle.svg';
 export { ReactComponent as CheckConnectionIcon } from './check-connection.svg';
-export { ReactComponent as WalletConnectLogo } from './wallet-connect-logo.svg';
-export { ReactComponent as SpinnerIcon } from './spinner.svg';
+export { ReactComponent as CheckIcon } from './check.svg';
+export { ReactComponent as ChevronLeftIcon } from './chevron-left.svg';
+export { ReactComponent as CloseIcon } from './close.svg';
 export { ReactComponent as CopyIcon } from './copy.svg';
-export { ReactComponent as ThreeDots } from './three-dots.svg';
-export { ReactComponent as LogoutIcon } from './logout.svg';
-export { ReactComponent as AddWalletIcon } from './add-wallet.svg';
-export { ReactComponent as AddIcon } from './add.svg';
-export { ReactComponent as PromptAccountSwitch } from './prompt-account-switch.svg';
-export { ReactComponent as UnlinkIcon } from './unlink.svg';
-export { ReactComponent as WalletOutlineIcon } from './wallet-outline.svg';
-export { ReactComponent as InfoIcon } from './footer-info-icon.svg';
+export { ReactComponent as DotsHorizontalIcon } from './dots-horizontal.svg';
+export { ReactComponent as DoubleArrowRightIcon } from './double-arrow-right.svg';
+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 EyeIcon } from './footer-eye-icon.svg';
 export { ReactComponent as GasIcon } from './footer-gas-icon.svg';
+export { ReactComponent as InfoIcon } from './footer-info-icon.svg';
 export { ReactComponent as KeyIcon } from './footer-key-icon.svg';
+export { ReactComponent as IPhoneFaceId } from './iphone-face-id.svg';
+export { ReactComponent as IPhoneTouchId } from './iphone-touch-id.svg';
+export { ReactComponent as JustifiedTextIcon } from './justified-text.svg';
 export { ReactComponent as KeyOutlineIcon } from './key.svg';
-export { ReactComponent as PuzzleIcon } from './puzzle.svg';
 export { ReactComponent as LinkIcon } from './link.svg';
-export { ReactComponent as ExternalLinkIcon } from './externalLink.svg';
-export { ReactComponent as DynamicLogoIcon } from './dynamic-logo.svg';
-export { ReactComponent as SignCircleIcon } from './sign-circle.svg';
+export { ReactComponent as LocationIcon } from './location.svg';
+export { ReactComponent as LogoutIcon } from './logout.svg';
+export { ReactComponent as MailIcon } from './mail.svg';
+export { ReactComponent as PasskeyIntroIcon } from './passkey-intro-icon.svg';
+export { ReactComponent as PasskeySuccessIcon } from './passkey-success-icon.svg';
 export { ReactComponent as PencilAltIcon } from './pencil-alt-icon.svg';
 export { ReactComponent as PencilIcon } from './pencil.svg';
-export { ReactComponent as TooltipArrow } from './tooltip-arrow.svg';
-export { ReactComponent as SwitchHorizontalIcon } from './switch-horizontal.svg';
-export { ReactComponent as DotsHorizontalIcon } from './dots-horizontal.svg';
-export { ReactComponent as SendIcon } from './send.svg';
-export { ReactComponent as QuestionMarkIcon } from './question-mark.svg';
-export { ReactComponent as DoubleArrowRightIcon } from './double-arrow-right.svg';
-export { ReactComponent as AtIcon } from './at.svg';
-export { ReactComponent as MailIcon } from './mail.svg';
 export { ReactComponent as PhoneIcon } from './phone.svg';
+export { ReactComponent as PromptAccountSwitch } from './prompt-account-switch.svg';
+export { ReactComponent as PuzzleIcon } from './puzzle.svg';
+export { ReactComponent as QuestionMarkIcon } from './question-mark.svg';
+export { ReactComponent as SendIcon } from './send.svg';
+export { ReactComponent as SignCircleIcon } from './sign-circle.svg';
+export { ReactComponent as SignInWithEmailIcon } from './sign-in-with-email.svg';
 export { ReactComponent as SizeLabelsIcon } from './size-labels.svg';
-export { ReactComponent as UserIcon } from './user.svg';
+export { ReactComponent as SparklesIcon } from './sparkles.svg';
+export { ReactComponent as SpinnerIcon } from './spinner.svg';
+export { ReactComponent as ArrowIcon } from './stroke.svg';
+export { ReactComponent as SwitchHorizontalIcon } from './switch-horizontal.svg';
+export { ReactComponent as ThreeDots } from './three-dots.svg';
+export { ReactComponent as TooltipArrow } from './tooltip-arrow.svg';
+export { ReactComponent as UnlinkIcon } from './unlink.svg';
 export { ReactComponent as UserCleanIcon } from './user-account-2.svg';
 export { ReactComponent as UserCardIcon } from './user-card.svg';
+export { ReactComponent as UserIcon } from './user.svg';
+export { ReactComponent as WalletConnectLogo } from './wallet-connect-logo.svg';
+export { ReactComponent as WalletOutlineIcon } from './wallet-outline.svg';
 export { ReactComponent as WorkSuitcaseIcon } from './work-suitcase.svg';
-export { ReactComponent as LocationIcon } from './location.svg';
-export { ReactComponent as SparklesIcon } from './sparkles.svg';
-export { ReactComponent as JustifiedTextIcon } from './justified-text.svg';
-export { ReactComponent as SignInWithEmailIcon } from './sign-in-with-email.svg';
-export { ReactComponent as PasskeyIntroIcon } from './passkey-intro-icon.svg';
-export { ReactComponent as PasskeySuccessIcon } from './passkey-success-icon.svg';
-export { ReactComponent as AndroidFaceId } from './android-face-id.svg';
-export { ReactComponent as AndroidTouchId } from './android-touch-id.svg';
-export { ReactComponent as IPhoneFaceId } from './iphone-face-id.svg';
-export { ReactComponent as IPhoneTouchId } from './iphone-touch-id.svg';
-export { ReactComponent as EmbeddedWalletIcon } from './embedded-wallet-icon.svg';
+export { ReactComponent as CircleLockerIcon } from './circle-locker.svg';
+export { ReactComponent as TurnkeyIcon } from './turnkey.svg';

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

@@ -0,0 +1,79 @@
+'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, _path2, _g, _defs;
+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 SvgTurnkey = function SvgTurnkey(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 56,
+    height: 12,
+    viewBox: "0 0 56 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#turnkey_svg__a)"
+  }, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M34.892 0h1.388v9.261h-1.388V0ZM12.24 8.002V3.141h1.478V1.878H12.12c.094-.117.169-.248.223-.388.1-.255.153-.58.148-1.017V0h-1.338v.489a1.78 1.78 0 0 1-.164.805c-.174.357-.547.752-1.356.942l-.086.02v.885h1.291v5.193a.93.93 0 0 0 .93.928h1.971v-1.26H12.24Zm11.4-4.898c.54-.767 1.256-1.217 2.123-1.217h.692V3.23h-.845c-.592 0-1.067.192-1.404.596-.336.405-.538 1.037-.538 1.935v3.501h-1.416V1.887h1.388v1.217Zm30.22-1.217h1.355l.16.006-.059.148-3.537 9.144-.086-.033.01.004.075.029a1.336 1.336 0 0 1-1.2.815h-1.569v-1.246h1.52l.636-1.605-2.773-7.113-.058-.149h1.56l.027.075 1.951 5.433 1.962-5.434.026-.074Zm-34.422 0h1.4v7.377h-1.332v-.91c-.526.73-1.3 1.077-2.247 1.077-.964 0-1.624-.282-2.028-.773-.404-.49-.553-1.175-.553-1.954V1.887h1.403v4.952c0 .412.13.742.357.968.228.226.561.36.988.36.688 0 1.184-.228 1.514-.601.329-.373.497-.904.497-1.53V1.888Zm25.35-.166c-1.048 0-1.913.386-2.513 1.067-.6.682-.928 1.646-.928 2.793 0 1.148.34 2.118.95 2.793.61.675 1.486 1.054 2.533 1.054.833 0 1.549-.239 2.108-.678.56-.44.956-1.073 1.163-1.853l.037-.14h-1.444l-.027.074c-.318.874-.973 1.352-1.837 1.352-.621 0-1.1-.233-1.44-.623-.322-.37-.524-.884-.599-1.492h5.357l.011-.1a3.41 3.41 0 0 0 .014-.385c0-1.146-.313-2.112-.898-2.792-.585-.68-1.438-1.07-2.487-1.07Zm-1.947 3.071c.099-.518.304-.968.607-1.288a1.782 1.782 0 0 1 1.338-.55 1.738 1.738 0 0 1 1.278.515c.305.31.52.758.627 1.323h-3.85Zm-11.794-3.07c-.947 0-1.72.345-2.247 1.075v-.91h-1.332v7.375h1.401v-4.15c0-.624.17-1.156.498-1.53.33-.374.826-.6 1.514-.6.427 0 .76.134.988.36.227.226.357.556.357.967v4.954h1.403V4.446c0-.778-.15-1.462-.553-1.953-.405-.49-1.064-.772-2.029-.772Zm10.718.185-3.681 3.672 3.679 3.67-1.858-.003-2.687-2.682a1.39 1.39 0 0 1 0-1.97l2.694-2.688h1.853Z",
+    fill: "#383C48"
+  })), /*#__PURE__*/React__namespace.createElement("mask", {
+    id: "turnkey_svg__b",
+    style: {
+      maskType: "luminance"
+    },
+    maskUnits: "userSpaceOnUse",
+    x: 0,
+    y: 0,
+    width: 7,
+    height: 10
+  }, _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M.625 0h5.452v9.603H.625V0Z",
+    fill: "#fff"
+  }))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    mask: "url(#turnkey_svg__b)"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "m3.634 4.258 2.444 5.345H.625l2.444-5.345a.31.31 0 0 1 .565 0Zm-.283-.829A1.716 1.716 0 0 0 4.008.13a1.716 1.716 0 0 0-1.87 2.798c.322.321.758.502 1.213.501Z",
+    fill: "#383C48"
+  })))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "turnkey_svg__a"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    transform: "translate(.625)",
+    d: "M0 0h54.75v12H0z"
+  })))));
+};
+
+exports.ReactComponent = SvgTurnkey;

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

@@ -0,0 +1,55 @@
+import * as React from 'react';
+
+var _path, _path2, _g, _defs;
+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 SvgTurnkey = function SvgTurnkey(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 56,
+    height: 12,
+    viewBox: "0 0 56 12",
+    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("g", {
+    clipPath: "url(#turnkey_svg__a)"
+  }, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M34.892 0h1.388v9.261h-1.388V0ZM12.24 8.002V3.141h1.478V1.878H12.12c.094-.117.169-.248.223-.388.1-.255.153-.58.148-1.017V0h-1.338v.489a1.78 1.78 0 0 1-.164.805c-.174.357-.547.752-1.356.942l-.086.02v.885h1.291v5.193a.93.93 0 0 0 .93.928h1.971v-1.26H12.24Zm11.4-4.898c.54-.767 1.256-1.217 2.123-1.217h.692V3.23h-.845c-.592 0-1.067.192-1.404.596-.336.405-.538 1.037-.538 1.935v3.501h-1.416V1.887h1.388v1.217Zm30.22-1.217h1.355l.16.006-.059.148-3.537 9.144-.086-.033.01.004.075.029a1.336 1.336 0 0 1-1.2.815h-1.569v-1.246h1.52l.636-1.605-2.773-7.113-.058-.149h1.56l.027.075 1.951 5.433 1.962-5.434.026-.074Zm-34.422 0h1.4v7.377h-1.332v-.91c-.526.73-1.3 1.077-2.247 1.077-.964 0-1.624-.282-2.028-.773-.404-.49-.553-1.175-.553-1.954V1.887h1.403v4.952c0 .412.13.742.357.968.228.226.561.36.988.36.688 0 1.184-.228 1.514-.601.329-.373.497-.904.497-1.53V1.888Zm25.35-.166c-1.048 0-1.913.386-2.513 1.067-.6.682-.928 1.646-.928 2.793 0 1.148.34 2.118.95 2.793.61.675 1.486 1.054 2.533 1.054.833 0 1.549-.239 2.108-.678.56-.44.956-1.073 1.163-1.853l.037-.14h-1.444l-.027.074c-.318.874-.973 1.352-1.837 1.352-.621 0-1.1-.233-1.44-.623-.322-.37-.524-.884-.599-1.492h5.357l.011-.1a3.41 3.41 0 0 0 .014-.385c0-1.146-.313-2.112-.898-2.792-.585-.68-1.438-1.07-2.487-1.07Zm-1.947 3.071c.099-.518.304-.968.607-1.288a1.782 1.782 0 0 1 1.338-.55 1.738 1.738 0 0 1 1.278.515c.305.31.52.758.627 1.323h-3.85Zm-11.794-3.07c-.947 0-1.72.345-2.247 1.075v-.91h-1.332v7.375h1.401v-4.15c0-.624.17-1.156.498-1.53.33-.374.826-.6 1.514-.6.427 0 .76.134.988.36.227.226.357.556.357.967v4.954h1.403V4.446c0-.778-.15-1.462-.553-1.953-.405-.49-1.064-.772-2.029-.772Zm10.718.185-3.681 3.672 3.679 3.67-1.858-.003-2.687-2.682a1.39 1.39 0 0 1 0-1.97l2.694-2.688h1.853Z",
+    fill: "#383C48"
+  })), /*#__PURE__*/React.createElement("mask", {
+    id: "turnkey_svg__b",
+    style: {
+      maskType: "luminance"
+    },
+    maskUnits: "userSpaceOnUse",
+    x: 0,
+    y: 0,
+    width: 7,
+    height: 10
+  }, _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M.625 0h5.452v9.603H.625V0Z",
+    fill: "#fff"
+  }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#turnkey_svg__b)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "m3.634 4.258 2.444 5.345H.625l2.444-5.345a.31.31 0 0 1 .565 0Zm-.283-.829A1.716 1.716 0 0 0 4.008.13a1.716 1.716 0 0 0-1.87 2.798c.322.321.758.502 1.213.501Z",
+    fill: "#383C48"
+  })))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "turnkey_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "translate(.625)",
+    d: "M0 0h54.75v12H0z"
+  })))));
+};
+
+export { SvgTurnkey as ReactComponent };

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

@@ -100,11 +100,22 @@ export type OnAuthSuccess = (params: {
     /** @deprecated Use primaryWallet.connector instead */
     walletConnector: WalletConnector | undefined;
 }) => void;
+export type OnLinkSuccess = (params: {
+    authToken: string;
+    user: UserProfile;
+    wallet: Wallet | undefined;
+    /** @deprecated Use wallet.connector instead */
+    walletConnector: WalletConnector | undefined;
+}) => void;
 export type onConnect = (params: {
-    walletConnector: WalletConnector | null;
+    wallet: Wallet | undefined;
+    /** @deprecated Use wallet.connector instead */
+    walletConnector: WalletConnector | undefined;
 }) => void;
 export type OnDisconnect = (params: {
-    walletConnector: WalletConnector;
+    wallet: Wallet | undefined;
+    /** @deprecated Use wallet.connector instead */
+    walletConnector: WalletConnector | undefined;
 }) => void;
 export type OnEmailVerificationSuccess = (email: string) => void;
 export type OnEmailVerificationFailure = (email: string) => void;
@@ -161,7 +172,7 @@ export type DynamicEventsCallbacks = {
     onEmailVerificationSuccess?: OnEmailVerificationSuccess;
     onEmailVerificationFailure?: OnEmailVerificationFailure;
     onBeforeConnectSuccessConfirmation?: OnBeforeConnectSuccessConfirmation;
-    onLinkSuccess?: OnAuthSuccess;
+    onLinkSuccess?: OnLinkSuccess;
     onLogout?: (user: UserProfile | undefined) => void;
     onUnlinkSuccess?: (unlinkedWallet: JwtVerifiedCredential) => void;
     onUserProfileUpdate?: (user: UserProfile) => void;

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

@@ -2,11 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const detectBrowserName = () => {
-    const { userAgent } = navigator;
+const detectBrowserName = (customUserAgent) => {
+    const userAgent = customUserAgent || navigator.userAgent;
     if (userAgent.match(/brave/i)) {
         return 'brave';
     }
+    else if (userAgent.match(/edg/i)) {
+        return 'edge';
+    }
     else if (userAgent.match(/chrome|chromium|crios/i)) {
         return 'chrome';
     }
@@ -16,9 +19,6 @@ const detectBrowserName = () => {
     else if (userAgent.match(/safari/i)) {
         return 'safari';
     }
-    else if (userAgent.match(/edg/i)) {
-        return 'edge';
-    }
     return undefined;
 };
 

package/src/lib/shared/utils/functions/detectBrowser/detectBrowser.d.ts

@@ -1,2 +1,2 @@
 import { BrowserName } from '../../../types';
-export declare const detectBrowserName: () => BrowserName | undefined;
+export declare const detectBrowserName: (customUserAgent?: string) => BrowserName | undefined;

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

@@ -1,8 +1,11 @@
-const detectBrowserName = () => {
-    const { userAgent } = navigator;
+const detectBrowserName = (customUserAgent) => {
+    const userAgent = customUserAgent || navigator.userAgent;
     if (userAgent.match(/brave/i)) {
         return 'brave';
     }
+    else if (userAgent.match(/edg/i)) {
+        return 'edge';
+    }
     else if (userAgent.match(/chrome|chromium|crios/i)) {
         return 'chrome';
     }
@@ -12,9 +15,6 @@ const detectBrowserName = () => {
     else if (userAgent.match(/safari/i)) {
         return 'safari';
     }
-    else if (userAgent.match(/edg/i)) {
-        return 'edge';
-    }
     return undefined;
 };
 

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

@@ -2,14 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('@dynamic-labs/utils');
 var localStorage$1 = require('../../../../utils/constants/localStorage.cjs');
 require('../../../../utils/constants/colors.cjs');
 var localStorage = require('../../classes/storage/localStorage.cjs');
 var isWalletGroup = require('../../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.cjs');
 
-const comingSoonToMultiWalletMobile = ['Coinbase', 'MyAlgo', 'Braavos'];
-const comingSoonToMultiWalletDesktop = ['MyAlgo'];
 const getLastUsedWalletName = () => localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
     const lastUsedWalletName = getLastUsedWalletName();
@@ -27,11 +24,6 @@ const getWalletGroupLabel = (walletGroup) => {
 const getWalletLabel = (walletOption, usingMultiWallet = false) => {
     const lastUsedWalletName = getLastUsedWalletName();
     const { name: walletName, key: walletKey } = walletOption.walletConnector;
-    const isComingSoon = usingMultiWallet &&
-        ((utils.isMobile() && comingSoonToMultiWalletMobile.includes(walletName)) ||
-            (!utils.isMobile() && comingSoonToMultiWalletDesktop.includes(walletName)));
-    if (isComingSoon)
-        return 'Coming soon';
     const isLastUsedWallet = walletName === lastUsedWalletName || walletKey === lastUsedWalletName;
     if (isLastUsedWallet)
         return 'Last used';

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.d.ts

@@ -3,6 +3,6 @@ type Args = {
     usingMultiWallet: boolean;
     wallet: WalletOption;
 };
-type Label = 'Coming soon' | 'Last used' | 'Installed' | 'Multichain' | undefined;
+type Label = 'Last used' | 'Installed' | 'Multichain' | undefined;
 export declare const getWalletListItemLabel: ({ usingMultiWallet, wallet, }: Args) => Label;
 export {};

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

@@ -1,11 +1,8 @@
-import { isMobile } from '@dynamic-labs/utils';
 import { LAST_USED_WALLET } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
 import { LocalStorage } from '../../classes/storage/localStorage.js';
 import { isWalletGroup } from '../../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.js';
 
-const comingSoonToMultiWalletMobile = ['Coinbase', 'MyAlgo', 'Braavos'];
-const comingSoonToMultiWalletDesktop = ['MyAlgo'];
 const getLastUsedWalletName = () => LocalStorage.getFromLS(LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
     const lastUsedWalletName = getLastUsedWalletName();
@@ -23,11 +20,6 @@ const getWalletGroupLabel = (walletGroup) => {
 const getWalletLabel = (walletOption, usingMultiWallet = false) => {
     const lastUsedWalletName = getLastUsedWalletName();
     const { name: walletName, key: walletKey } = walletOption.walletConnector;
-    const isComingSoon = usingMultiWallet &&
-        ((isMobile() && comingSoonToMultiWalletMobile.includes(walletName)) ||
-            (!isMobile() && comingSoonToMultiWalletDesktop.includes(walletName)));
-    if (isComingSoon)
-        return 'Coming soon';
     const isLastUsedWallet = walletName === lastUsedWalletName || walletKey === lastUsedWalletName;
     if (isLastUsedWallet)
         return 'Last used';

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

@@ -5,13 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var index = require('../../functions/lastAuthenticatedAccount/index.cjs');
 
-const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, walletBook, }) => {
+const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSettings, primaryWallet, user, walletBook, }) => {
     var _a;
     const [sdkHasLoaded, setSdkHasLoaded] = React.useState(false);
     const primaryWalletIsLoading = user &&
         ((_a = index.lastAuthenticatedAccount(user)) === null || _a === void 0 ? void 0 : _a.format) === 'blockchain' &&
         !primaryWallet;
-    const connectOnlyUserIsLoading = authMode === 'connect-only' && connectedInfo && !connectedWallet;
+    const connectOnlyUserIsLoading = authMode === 'connect-only' &&
+        connectedInfo &&
+        connectedWallets.length === 0;
     React.useEffect(() => {
         var _a;
         if (!Object.keys((_a = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _a !== void 0 ? _a : {}).length) {

package/src/lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.d.ts

@@ -6,13 +6,13 @@ import { ConnectedWalletConnectorType } from '../../../../utils/hooks/useConnect
 type Props = {
     authMode: string;
     connectedInfo: ConnectedWalletConnectorType | null;
-    connectedWallet: Wallet | null;
+    connectedWallets: Wallet[];
     primaryWallet: Wallet | null;
     projectSettings: ProjectSettings | undefined;
     user: UserProfile | undefined;
     walletBook: WalletBookSchema;
 };
-export declare const useGlobalLoading: ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, walletBook, }: Props) => {
+export declare const useGlobalLoading: ({ authMode, connectedInfo, connectedWallets, projectSettings, primaryWallet, user, walletBook, }: Props) => {
     sdkHasLoaded: boolean;
     setSdkHasLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };

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

@@ -1,13 +1,15 @@
 import { useState, useEffect } from 'react';
 import { lastAuthenticatedAccount } from '../../functions/lastAuthenticatedAccount/index.js';
 
-const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, walletBook, }) => {
+const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSettings, primaryWallet, user, walletBook, }) => {
     var _a;
     const [sdkHasLoaded, setSdkHasLoaded] = useState(false);
     const primaryWalletIsLoading = user &&
         ((_a = lastAuthenticatedAccount(user)) === null || _a === void 0 ? void 0 : _a.format) === 'blockchain' &&
         !primaryWallet;
-    const connectOnlyUserIsLoading = authMode === 'connect-only' && connectedInfo && !connectedWallet;
+    const connectOnlyUserIsLoading = authMode === 'connect-only' &&
+        connectedInfo &&
+        connectedWallets.length === 0;
     useEffect(() => {
         var _a;
         if (!Object.keys((_a = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _a !== void 0 ? _a : {}).length) {