@dynamic-labs/sdk-react-core 4.0.0-alpha.15 → 4.0.0-alpha.16

package/CHANGELOG.md

@@ -1,4 +1,15 @@
 
+## [4.0.0-alpha.16](https://github.com/dynamic-labs/dynamic-auth/compare/v4.0.0-alpha.15...v4.0.0-alpha.16) (2024-10-27)
+
+
+### Features
+
+* add passkey to web-extension ([#7096](https://github.com/dynamic-labs/dynamic-auth/issues/7096)) ([a4b4643](https://github.com/dynamic-labs/dynamic-auth/commit/a4b4643e5307358425c878067bae095090f322ca))
+* add social to web extension ([#7106](https://github.com/dynamic-labs/dynamic-auth/issues/7106)) ([422bc8e](https://github.com/dynamic-labs/dynamic-auth/commit/422bc8e2d276d960a7a76ad55a7b244c3fd83173))
+* add support for compass and leap wallets ([9738749](https://github.com/dynamic-labs/dynamic-auth/commit/9738749bb5ed8e07a2582df255f683e4d408db93))
+* add support for epicgames social ([#7220](https://github.com/dynamic-labs/dynamic-auth/issues/7220)) ([cb5bc30](https://github.com/dynamic-labs/dynamic-auth/commit/cb5bc30bc17d063bdaa9b427a9358b30124c4589))
+* add web-extension to client ([#7180](https://github.com/dynamic-labs/dynamic-auth/issues/7180)) ([e2ccbb7](https://github.com/dynamic-labs/dynamic-auth/commit/e2ccbb77bdd0250d000a6cc4d89a2e5d7d2f4bb2))
+
 ## [4.0.0-alpha.15](https://github.com/dynamic-labs/dynamic-auth/compare/v4.0.0-alpha.14...v4.0.0-alpha.15) (2024-10-19)
 
 ## [4.0.0-alpha.14](https://github.com/dynamic-labs/dynamic-auth/compare/v4.0.0-alpha.13...v4.0.0-alpha.14) (2024-10-18)

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.0.0-alpha.15";
+var version = "4.0.0-alpha.16";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.549",
+	"@dynamic-labs/sdk-api-core": "0.0.555",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "4.0.0-alpha.15";
+var version = "4.0.0-alpha.16";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.549",
+	"@dynamic-labs/sdk-api-core": "0.0.555",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.0.0-alpha.15",
+  "version": "4.0.0-alpha.16",
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.549",
+    "@dynamic-labs/sdk-api-core": "0.0.555",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -12,16 +12,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/assert-package-version": "4.0.0-alpha.15",
-    "@dynamic-labs/iconic": "4.0.0-alpha.15",
-    "@dynamic-labs/logger": "4.0.0-alpha.15",
-    "@dynamic-labs/multi-wallet": "4.0.0-alpha.15",
-    "@dynamic-labs/rpc-providers": "4.0.0-alpha.15",
-    "@dynamic-labs/store": "4.0.0-alpha.15",
-    "@dynamic-labs/types": "4.0.0-alpha.15",
-    "@dynamic-labs/utils": "4.0.0-alpha.15",
-    "@dynamic-labs/wallet-book": "4.0.0-alpha.15",
-    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.15",
+    "@dynamic-labs/assert-package-version": "4.0.0-alpha.16",
+    "@dynamic-labs/iconic": "4.0.0-alpha.16",
+    "@dynamic-labs/logger": "4.0.0-alpha.16",
+    "@dynamic-labs/multi-wallet": "4.0.0-alpha.16",
+    "@dynamic-labs/rpc-providers": "4.0.0-alpha.16",
+    "@dynamic-labs/store": "4.0.0-alpha.16",
+    "@dynamic-labs/types": "4.0.0-alpha.16",
+    "@dynamic-labs/utils": "4.0.0-alpha.16",
+    "@dynamic-labs/wallet-book": "4.0.0-alpha.16",
+    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.16",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -14,6 +14,7 @@ require('@dynamic-labs/sdk-api-core');
 var logger = require('../../shared/logger.cjs');
 require('../../context/ViewContext/ViewContext.cjs');
 var embeddedWalletIcon = require('../../shared/assets/embedded-wallet-icon.cjs');
+var smartWallet = require('../../shared/assets/smart-wallet.cjs');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
@@ -106,8 +107,10 @@ const getWalletIcon = ({ findSocialIcon, wallet, user, }) => {
             logger.logger.error(err);
         }
     }
-    if (walletConnectorCore.isEmbeddedConnector(wallet.connector) ||
-        walletConnectorCore.isAccountAbstractionConnector(wallet.connector)) {
+    if (walletConnectorCore.isAccountAbstractionConnector(wallet.connector)) {
+        return smartWallet.ReactComponent;
+    }
+    if (walletConnectorCore.isEmbeddedConnector(wallet.connector)) {
         return embeddedWalletIcon.ReactComponent;
     }
     return null;

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
-import { isEmailOTPWalletConnector, isSocialWalletConnector, isEmbeddedConnector, isAccountAbstractionConnector } from '@dynamic-labs/wallet-connector-core';
+import { isEmailOTPWalletConnector, isSocialWalletConnector, isAccountAbstractionConnector, isEmbeddedConnector } from '@dynamic-labs/wallet-connector-core';
 import { useAccessDeniedContext } from '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import 'react';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -10,6 +10,7 @@ import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../shared/logger.js';
 import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgEmbeddedWalletIcon } from '../../shared/assets/embedded-wallet-icon.js';
+import { ReactComponent as SvgSmartWallet } from '../../shared/assets/smart-wallet.js';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
@@ -102,8 +103,10 @@ const getWalletIcon = ({ findSocialIcon, wallet, user, }) => {
             logger.error(err);
         }
     }
-    if (isEmbeddedConnector(wallet.connector) ||
-        isAccountAbstractionConnector(wallet.connector)) {
+    if (isAccountAbstractionConnector(wallet.connector)) {
+        return SvgSmartWallet;
+    }
+    if (isEmbeddedConnector(wallet.connector)) {
         return SvgEmbeddedWalletIcon;
     }
     return null;

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -146,7 +146,7 @@ const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9
 const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, enableInstrumentation = false, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, suppressEndUserConsoleWarning, } = settings$1;
     /**
      * initialize Storage
@@ -305,6 +305,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         canHaveMultipleWalletsConnected: multiWallet,
         connectedWallets,
         primaryWalletId,
+        separateSmartWalletAndSigner: (_q = (_p = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _p === void 0 ? void 0 : _p.accountAbstraction) === null || _q === void 0 ? void 0 : _q.separateSmartWalletAndSigner,
         setMultiWalletWidgetState,
         setPrimaryWalletId,
         user: user$1 || userWithMissingInfo,
@@ -718,7 +719,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
-    return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsx(DynamicContext.Provider, { value: value, children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { customerTheme: parseTheme.parseTheme(theme, ((_p = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design) === null || _p === void 0 ? void 0 : _p.modal) || undefined), designSettings: projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialView: helpers.getInitialView({
+    return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsx(DynamicContext.Provider, { value: value, children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { customerTheme: parseTheme.parseTheme(theme, ((_r = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design) === null || _r === void 0 ? void 0 : _r.modal) || undefined), designSettings: projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialView: helpers.getInitialView({
                                 bridgeOnboardingCompleted,
                                 connectedWallets,
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -142,7 +142,7 @@ const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9
 const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, enableInstrumentation = false, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, suppressEndUserConsoleWarning, } = settings;
     /**
      * initialize Storage
@@ -301,6 +301,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         canHaveMultipleWalletsConnected: multiWallet,
         connectedWallets,
         primaryWalletId,
+        separateSmartWalletAndSigner: (_q = (_p = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _p === void 0 ? void 0 : _p.accountAbstraction) === null || _q === void 0 ? void 0 : _q.separateSmartWalletAndSigner,
         setMultiWalletWidgetState,
         setPrimaryWalletId,
         user: user || userWithMissingInfo,
@@ -714,7 +715,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
-    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_p = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _p === void 0 ? void 0 : _p.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialView: getInitialView({
+    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_r = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _r === void 0 ? void 0 : _r.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialView: getInitialView({
                                 bridgeOnboardingCompleted,
                                 connectedWallets,
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.cjs

@@ -92,7 +92,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     const { setView } = ViewContext.useViewContext();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const [socialStorageItem, setSocialStorageItem] = React.useState(null);
-    const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, redirectUrl, } = useInternalDynamicContext.useInternalDynamicContext();
     const { completeConnection } = useSocialAuth.useSocialAuth({});
     const updateInterfaceStateForSignIn = React.useCallback((socialStorageItem) => {
         const socialSignInProvider = getSocialSignInProviderForProviderEnum.getSocialSignInProviderForProviderEnum(socialStorageItem.provider);
@@ -111,7 +111,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         // Do not run on server side
         if (isSSR.isSSR())
             return;
-        const url = new URL(window.location.href);
+        const url = new URL(redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : window.location.href);
         const dynamicOauthState = url.searchParams.get('dynamicOauthState');
         const dynamicOauthCode = url.searchParams.get('dynamicOauthCode');
         if (!dynamicOauthState || !dynamicOauthCode) {

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.js

@@ -88,7 +88,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     const { setView } = useViewContext();
     const { setDynamicWidgetView } = useWidgetContext();
     const [socialStorageItem, setSocialStorageItem] = useState(null);
-    const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext();
+    const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, redirectUrl, } = useInternalDynamicContext();
     const { completeConnection } = useSocialAuth({});
     const updateInterfaceStateForSignIn = useCallback((socialStorageItem) => {
         const socialSignInProvider = getSocialSignInProviderForProviderEnum(socialStorageItem.provider);
@@ -107,7 +107,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         // Do not run on server side
         if (isSSR())
             return;
-        const url = new URL(window.location.href);
+        const url = new URL(redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : window.location.href);
         const dynamicOauthState = url.searchParams.get('dynamicOauthState');
         const dynamicOauthCode = url.searchParams.get('dynamicOauthCode');
         if (!dynamicOauthState || !dynamicOauthCode) {

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

@@ -103,3 +103,4 @@ export { ReactComponent as CurrencyIcon } from './currency.svg';
 export { ReactComponent as AuthenticatorIcon } from './authenticator.svg';
 export { ReactComponent as ShieldIcon } from './shield.svg';
 export { ReactComponent as SecureActionIcon } from './secure-action.svg';
+export { ReactComponent as SmartWalletIcon } from './smart-wallet.svg';

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

@@ -0,0 +1,59 @@
+'use client'
+'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;
+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 SvgSmartWallet = function SvgSmartWallet(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 32,
+    height: 32,
+    viewBox: "0 0 32 32",
+    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: "M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16Zm4.667-23.467c0-1.03-.836-1.866-1.867-1.866h-8.4A3.734 3.734 0 0 0 6.727 9.73a3.723 3.723 0 0 1 2.74-1.198h11.2ZM21.6 10.4a3.733 3.733 0 0 1 3.733 3.733V21.6a3.733 3.733 0 0 1-3.733 3.733H10.4A3.733 3.733 0 0 1 6.667 21.6v-7.467A3.733 3.733 0 0 1 10.4 10.4h11.2Z",
+    fill: "#4779FF"
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.455 12.667c.2 0 .38.123.452.31l.572 1.486c.145.379.191.488.254.576a.97.97 0 0 0 .228.228c.088.063.197.109.576.255l1.486.57a.485.485 0 0 1 0 .906l-1.486.571c-.379.146-.488.192-.576.255a.97.97 0 0 0-.228.228c-.063.088-.109.197-.254.576l-.572 1.485a.485.485 0 0 1-.905 0l-.571-1.485c-.146-.379-.192-.488-.254-.576a.97.97 0 0 0-.229-.229c-.088-.062-.197-.108-.576-.254l-1.485-.571a.485.485 0 0 1 0-.905l1.485-.572c.38-.145.488-.191.576-.254a.97.97 0 0 0 .229-.228c.062-.088.108-.197.254-.576l.571-1.486a.485.485 0 0 1 .453-.31ZM13.333 18c.184 0 .352.104.434.268l.38.76c.137.275.18.353.23.42.05.065.11.124.176.175.066.051.144.093.418.23l.761.38a.485.485 0 0 1 0 .867l-.76.38c-.274.138-.353.18-.42.23a.968.968 0 0 0-.175.176c-.05.066-.093.145-.23.419l-.38.76a.485.485 0 0 1-.867 0l-.38-.76c-.138-.274-.18-.353-.23-.419a.968.968 0 0 0-.176-.176c-.066-.05-.145-.092-.419-.23l-.76-.38a.485.485 0 0 1 0-.867l.76-.38c.274-.137.353-.179.419-.23a.968.968 0 0 0 .176-.176c.05-.066.092-.144.23-.418l.38-.761a.485.485 0 0 1 .433-.268Z",
+    fill: "#4779FF"
+  })));
+};
+
+exports.ReactComponent = SvgSmartWallet;

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

@@ -0,0 +1,35 @@
+'use client'
+import * as React from 'react';
+
+var _path, _path2;
+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 SvgSmartWallet = function SvgSmartWallet(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 32,
+    height: 32,
+    viewBox: "0 0 32 32",
+    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: "M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16Zm4.667-23.467c0-1.03-.836-1.866-1.867-1.866h-8.4A3.734 3.734 0 0 0 6.727 9.73a3.723 3.723 0 0 1 2.74-1.198h11.2ZM21.6 10.4a3.733 3.733 0 0 1 3.733 3.733V21.6a3.733 3.733 0 0 1-3.733 3.733H10.4A3.733 3.733 0 0 1 6.667 21.6v-7.467A3.733 3.733 0 0 1 10.4 10.4h11.2Z",
+    fill: "#4779FF"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.455 12.667c.2 0 .38.123.452.31l.572 1.486c.145.379.191.488.254.576a.97.97 0 0 0 .228.228c.088.063.197.109.576.255l1.486.57a.485.485 0 0 1 0 .906l-1.486.571c-.379.146-.488.192-.576.255a.97.97 0 0 0-.228.228c-.063.088-.109.197-.254.576l-.572 1.485a.485.485 0 0 1-.905 0l-.571-1.485c-.146-.379-.192-.488-.254-.576a.97.97 0 0 0-.229-.229c-.088-.062-.197-.108-.576-.254l-1.485-.571a.485.485 0 0 1 0-.905l1.485-.572c.38-.145.488-.191.576-.254a.97.97 0 0 0 .229-.228c.062-.088.108-.197.254-.576l.571-1.486a.485.485 0 0 1 .453-.31ZM13.333 18c.184 0 .352.104.434.268l.38.76c.137.275.18.353.23.42.05.065.11.124.176.175.066.051.144.093.418.23l.761.38a.485.485 0 0 1 0 .867l-.76.38c-.274.138-.353.18-.42.23a.968.968 0 0 0-.175.176c-.05.066-.093.145-.23.419l-.38.76a.485.485 0 0 1-.867 0l-.38-.76c-.138-.274-.18-.353-.23-.419a.968.968 0 0 0-.176-.176c-.066-.05-.145-.092-.419-.23l-.76-.38a.485.485 0 0 1 0-.867l.76-.38c.274-.137.353-.179.419-.23a.968.968 0 0 0 .176-.176c.05-.066.092-.144.23-.418l.38-.761a.485.485 0 0 1 .433-.268Z",
+    fill: "#4779FF"
+  })));
+};
+
+export { SvgSmartWallet as ReactComponent };

package/src/lib/utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.cjs

@@ -37,6 +37,7 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, cosmosNe
     return networkConfigurations;
 }, [projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks, cosmosNetworkOverrides, evmNetworksOverrides]);
 const createNetwork = (network, parser = (input) => input) => ({
+    bech32Prefix: network.bech32Prefix,
     blockExplorerUrls: network.blockExplorerUrls,
     chainId: parser(network.chainId),
     iconUrls: network.iconUrls,

package/src/lib/utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.js

@@ -33,6 +33,7 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, cosmosNe
     return networkConfigurations;
 }, [projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks, cosmosNetworkOverrides, evmNetworksOverrides]);
 const createNetwork = (network, parser = (input) => input) => ({
+    bech32Prefix: network.bech32Prefix,
     blockExplorerUrls: network.blockExplorerUrls,
     chainId: parser(network.chainId),
     iconUrls: network.iconUrls,

package/src/lib/utils/hooks/usePromise/usePromise.cjs

@@ -46,7 +46,7 @@ options) => {
         const callTimestamp = new Date().getTime();
         const diffFromLastCall = callTimestamp - lastCallTimestamp.current;
         if (diffFromLastCall < 5) {
-            logger.logger.warn('usePromise: Fetcher function was called in very quick succession. Please make sure the fetcher function is not synchronous and that you are not calling it inside a loop.', deps);
+            logger.logger.logVerboseTroubleshootingMessage('usePromise: Fetcher function was called in very quick succession. Please make sure the fetcher function is not synchronous and that you are not calling it inside a loop.', deps);
         }
         lastCallTimestamp.current = callTimestamp;
         setIsLoading(true);

package/src/lib/utils/hooks/usePromise/usePromise.js

@@ -42,7 +42,7 @@ options) => {
         const callTimestamp = new Date().getTime();
         const diffFromLastCall = callTimestamp - lastCallTimestamp.current;
         if (diffFromLastCall < 5) {
-            logger.warn('usePromise: Fetcher function was called in very quick succession. Please make sure the fetcher function is not synchronous and that you are not calling it inside a loop.', deps);
+            logger.logVerboseTroubleshootingMessage('usePromise: Fetcher function was called in very quick succession. Please make sure the fetcher function is not synchronous and that you are not calling it inside a loop.', deps);
         }
         lastCallTimestamp.current = callTimestamp;
         setIsLoading(true);

package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.cjs

@@ -96,11 +96,13 @@ const socialProviders = [
     'apple',
     'coinbasesocial',
     'discord',
+    'epicgames',
     'facebook',
     'farcaster',
     'github',
     'google',
     'instagram',
+    'spotify',
     'telegram',
     'twitch',
     'twitter',

package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.js

@@ -92,11 +92,13 @@ const socialProviders = [
     'apple',
     'coinbasesocial',
     'discord',
+    'epicgames',
     'facebook',
     'farcaster',
     'github',
     'google',
     'instagram',
+    'spotify',
     'telegram',
     'twitch',
     'twitter',

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.cjs

@@ -21,7 +21,7 @@ require('../../../shared/consts/index.cjs');
 var createLinkedWalletsFromWalletOptions = require('./utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs');
 var updateUserWalletsFromLinkedWallets = require('./utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.cjs');
 
-const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOptions, setMultiWalletWidgetState, primaryWalletId, setPrimaryWalletId, user, canHaveMultipleWalletsConnected, }) => {
+const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOptions, setMultiWalletWidgetState, primaryWalletId, setPrimaryWalletId, user, canHaveMultipleWalletsConnected, separateSmartWalletAndSigner = false, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = React.useState(false);
     const linkedWallets = React.useMemo(() => {
         if (!user) {
@@ -29,10 +29,16 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         }
         return createLinkedWalletsFromWalletOptions.createLinkedWalletsFromWalletOptions({
             primaryWalletId,
+            separateSmartWalletAndSigner,
             user,
             walletConnectorOptions,
         });
-    }, [user, primaryWalletId, walletConnectorOptions]);
+    }, [
+        user,
+        primaryWalletId,
+        walletConnectorOptions,
+        separateSmartWalletAndSigner,
+    ]);
     logger.logger.logVerboseTroubleshootingMessage('linkedWallets', linkedWallets);
     const wallets = React.useMemo(() => {
         // Before signing the first message we are using connected wallets list

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.d.ts

@@ -11,6 +11,7 @@ type Props = {
     setPrimaryWalletId: (walletId: string) => void;
     user?: UserProfile;
     canHaveMultipleWalletsConnected?: boolean;
+    separateSmartWalletAndSigner?: boolean;
 };
 export interface UseWalletConnectors {
     primaryWallet: Wallet | null;
@@ -20,5 +21,5 @@ export interface UseWalletConnectors {
     showQrcodeModal: boolean;
     wallets: Wallet[];
 }
-export declare const useWalletConnectors: ({ authMode, connectedWallets, walletConnectorOptions, setMultiWalletWidgetState, primaryWalletId, setPrimaryWalletId, user, canHaveMultipleWalletsConnected, }: Props) => UseWalletConnectors;
+export declare const useWalletConnectors: ({ authMode, connectedWallets, walletConnectorOptions, setMultiWalletWidgetState, primaryWalletId, setPrimaryWalletId, user, canHaveMultipleWalletsConnected, separateSmartWalletAndSigner, }: Props) => UseWalletConnectors;
 export {};

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.js

@@ -17,7 +17,7 @@ import '../../../shared/consts/index.js';
 import { createLinkedWalletsFromWalletOptions } from './utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js';
 import { updateUserWalletsFromLinkedWallets } from './utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.js';
 
-const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOptions, setMultiWalletWidgetState, primaryWalletId, setPrimaryWalletId, user, canHaveMultipleWalletsConnected, }) => {
+const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOptions, setMultiWalletWidgetState, primaryWalletId, setPrimaryWalletId, user, canHaveMultipleWalletsConnected, separateSmartWalletAndSigner = false, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = useState(false);
     const linkedWallets = useMemo(() => {
         if (!user) {
@@ -25,10 +25,16 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         }
         return createLinkedWalletsFromWalletOptions({
             primaryWalletId,
+            separateSmartWalletAndSigner,
             user,
             walletConnectorOptions,
         });
-    }, [user, primaryWalletId, walletConnectorOptions]);
+    }, [
+        user,
+        primaryWalletId,
+        walletConnectorOptions,
+        separateSmartWalletAndSigner,
+    ]);
     logger.logVerboseTroubleshootingMessage('linkedWallets', linkedWallets);
     const wallets = useMemo(() => {
         // Before signing the first message we are using connected wallets list

package/src/lib/utils/hooks/useWalletConnectors/utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs

@@ -10,7 +10,7 @@ var shouldManuallyReconnectOnRefresh = require('../../../../functions/shouldManu
 var convertLegacyPhantomLedgerConnector = require('../convertLegacyPhantomLedgerConnector/convertLegacyPhantomLedgerConnector.cjs');
 var smartWallet = require('../smartWallet/smartWallet.cjs');
 
-const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, primaryWalletId, }) => {
+const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, primaryWalletId, separateSmartWalletAndSigner, }) => {
     // wallet state should be null while loading all the wallets or when there is no user
     if (!walletConnectorOptions || !user) {
         return [];
@@ -37,7 +37,8 @@ const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, pr
             wallet.walletConnector.isHardwareWalletEnabled = true;
         }
         // this account is the owner of a smart wallet, and should not be surfaced
-        if (smartWallet.isOwnerOfASmartWallet(account, user.verifiedCredentials)) {
+        if (!separateSmartWalletAndSigner &&
+            smartWallet.isOwnerOfASmartWallet(account, user.verifiedCredentials)) {
             return null;
         }
         if (account.address && account.chain) {

package/src/lib/utils/hooks/useWalletConnectors/utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.d.ts

@@ -4,6 +4,7 @@ type CreateWalletsFromWalletOptionsProps = {
     user: UserProfile;
     primaryWalletId: string | undefined;
     walletConnectorOptions: WalletOption[] | undefined;
+    separateSmartWalletAndSigner?: boolean;
 };
-export declare const createLinkedWalletsFromWalletOptions: ({ user, walletConnectorOptions, primaryWalletId, }: CreateWalletsFromWalletOptionsProps) => Wallet[];
+export declare const createLinkedWalletsFromWalletOptions: ({ user, walletConnectorOptions, primaryWalletId, separateSmartWalletAndSigner, }: CreateWalletsFromWalletOptionsProps) => Wallet[];
 export {};

package/src/lib/utils/hooks/useWalletConnectors/utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js

@@ -6,7 +6,7 @@ import { shouldManuallyReconnectOnRefresh } from '../../../../functions/shouldMa
 import { convertLegacyPhantomLedgerConnector } from '../convertLegacyPhantomLedgerConnector/convertLegacyPhantomLedgerConnector.js';
 import { isOwnerOfASmartWallet, initializeSmartWallet } from '../smartWallet/smartWallet.js';
 
-const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, primaryWalletId, }) => {
+const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, primaryWalletId, separateSmartWalletAndSigner, }) => {
     // wallet state should be null while loading all the wallets or when there is no user
     if (!walletConnectorOptions || !user) {
         return [];
@@ -33,7 +33,8 @@ const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, pr
             wallet.walletConnector.isHardwareWalletEnabled = true;
         }
         // this account is the owner of a smart wallet, and should not be surfaced
-        if (isOwnerOfASmartWallet(account, user.verifiedCredentials)) {
+        if (!separateSmartWalletAndSigner &&
+            isOwnerOfASmartWallet(account, user.verifiedCredentials)) {
             return null;
         }
         if (account.address && account.chain) {