@dynamic-labs/sdk-react-core 4.0.0-alpha.39 → 4.0.0-alpha.40

package/CHANGELOG.md

@@ -1,4 +1,18 @@
 
+## [4.0.0-alpha.40](https://github.com/dynamic-labs/dynamic-auth/compare/v4.0.0-alpha.39...v4.0.0-alpha.40) (2024-12-03)
+
+
+### Features
+
+* detect all eip6963 wallets, even if not in wallet-book ([#7515](https://github.com/dynamic-labs/dynamic-auth/issues/7515)) ([b658740](https://github.com/dynamic-labs/dynamic-auth/commit/b658740c16d8d26877eb955dc403077c8e9840fb))
+* useWalletOptions provides chain and allows filtering ([#7533](https://github.com/dynamic-labs/dynamic-auth/issues/7533)) ([da47608](https://github.com/dynamic-labs/dynamic-auth/commit/da476084bcc72b2bf0b6fa599992be640d59724c))
+
+
+### Bug Fixes
+
+* **QNTM-1845:** use smaller log in button sizing ([#7526](https://github.com/dynamic-labs/dynamic-auth/issues/7526)) ([264810b](https://github.com/dynamic-labs/dynamic-auth/commit/264810b3b9cddf7006c1f653b4cc10f23804ae50))
+* update twitter to X in social provide label ([#7530](https://github.com/dynamic-labs/dynamic-auth/issues/7530)) ([c02fca0](https://github.com/dynamic-labs/dynamic-auth/commit/c02fca03de2f46a9e50d19c9e7ef2dfba0b33efc))
+
 ## [4.0.0-alpha.39](https://github.com/dynamic-labs/dynamic-auth/compare/v4.0.0-alpha.38...v4.0.0-alpha.39) (2024-12-02)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.0.0-alpha.39";
+var version = "4.0.0-alpha.40";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.570",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.0.0-alpha.39";
+var version = "4.0.0-alpha.40";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.570",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.0.0-alpha.39",
+  "version": "4.0.0-alpha.40",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.570",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -13,16 +13,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.39",
-    "@dynamic-labs/iconic": "4.0.0-alpha.39",
-    "@dynamic-labs/logger": "4.0.0-alpha.39",
-    "@dynamic-labs/multi-wallet": "4.0.0-alpha.39",
-    "@dynamic-labs/rpc-providers": "4.0.0-alpha.39",
-    "@dynamic-labs/store": "4.0.0-alpha.39",
-    "@dynamic-labs/types": "4.0.0-alpha.39",
-    "@dynamic-labs/utils": "4.0.0-alpha.39",
-    "@dynamic-labs/wallet-book": "4.0.0-alpha.39",
-    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.39",
+    "@dynamic-labs/assert-package-version": "4.0.0-alpha.40",
+    "@dynamic-labs/iconic": "4.0.0-alpha.40",
+    "@dynamic-labs/logger": "4.0.0-alpha.40",
+    "@dynamic-labs/multi-wallet": "4.0.0-alpha.40",
+    "@dynamic-labs/rpc-providers": "4.0.0-alpha.40",
+    "@dynamic-labs/store": "4.0.0-alpha.40",
+    "@dynamic-labs/types": "4.0.0-alpha.40",
+    "@dynamic-labs/utils": "4.0.0-alpha.40",
+    "@dynamic-labs/wallet-book": "4.0.0-alpha.40",
+    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.40",
     "bs58": "5.0.0",
     "eventemitter3": "5.0.1"
   },

package/src/index.cjs

@@ -148,6 +148,7 @@ require('./lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanne
 require('./lib/components/Popper/Popper/Popper.cjs');
 require('./lib/components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
+require('@dynamic-labs/rpc-providers');
 var DynamicBridgeWidget = require('./lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs');
 var DynamicEmbeddedAuthFlow = require('./lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedAuthFlow/DynamicEmbeddedAuthFlow.cjs');
 var DynamicEmbeddedUserProfile = require('./lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedUserProfile/DynamicEmbeddedUserProfile.cjs');

package/src/index.js

@@ -144,6 +144,7 @@ import './lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner
 import './lib/components/Popper/Popper/Popper.js';
 import './lib/components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
+import '@dynamic-labs/rpc-providers';
 export { DynamicBridgeWidget } from './lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js';
 export { DynamicEmbeddedAuthFlow } from './lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedAuthFlow/DynamicEmbeddedAuthFlow.js';
 export { DynamicEmbeddedUserProfile } from './lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedUserProfile/DynamicEmbeddedUserProfile.js';

package/src/lib/components/DynamicConnectButton/components/ConnectButton.cjs

@@ -7,6 +7,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var TypographyButton = require('../../TypographyButton/TypographyButton.cjs');
 var classNames = require('../../../utils/functions/classNames/classNames.cjs');
 
-const ConnectButton = ({ buttonClassName, buttonContainerClassName, onClick, isActive, isLoading, children, copykey, }) => (jsxRuntime.jsx("div", { className: buttonContainerClassName, children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'ConnectButton', onClick: onClick, buttonClassName: classNames.classNames('connect-button', buttonClassName), loading: isLoading && isActive, disabled: isLoading && isActive, buttonVariant: 'primary', buttonPadding: 'large', copykey: copykey, children: children }) }));
+const ConnectButton = ({ buttonClassName, buttonContainerClassName, onClick, isActive, isLoading, children, copykey, }) => (jsxRuntime.jsx("div", { className: buttonContainerClassName, children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'ConnectButton', onClick: onClick, buttonClassName: classNames.classNames('connect-button', buttonClassName), loading: isLoading && isActive, disabled: isLoading && isActive, buttonVariant: 'primary', buttonPadding: 'small', typographyProps: {
+            weight: 'regular',
+        }, copykey: copykey, children: children }) }));
 
 exports.ConnectButton = ConnectButton;

package/src/lib/components/DynamicConnectButton/components/ConnectButton.js

@@ -3,6 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { TypographyButton } from '../../TypographyButton/TypographyButton.js';
 import { classNames } from '../../../utils/functions/classNames/classNames.js';
 
-const ConnectButton = ({ buttonClassName, buttonContainerClassName, onClick, isActive, isLoading, children, copykey, }) => (jsx("div", { className: buttonContainerClassName, children: jsx(TypographyButton, { dataTestId: 'ConnectButton', onClick: onClick, buttonClassName: classNames('connect-button', buttonClassName), loading: isLoading && isActive, disabled: isLoading && isActive, buttonVariant: 'primary', buttonPadding: 'large', copykey: copykey, children: children }) }));
+const ConnectButton = ({ buttonClassName, buttonContainerClassName, onClick, isActive, isLoading, children, copykey, }) => (jsx("div", { className: buttonContainerClassName, children: jsx(TypographyButton, { dataTestId: 'ConnectButton', onClick: onClick, buttonClassName: classNames('connect-button', buttonClassName), loading: isLoading && isActive, disabled: isLoading && isActive, buttonVariant: 'primary', buttonPadding: 'small', typographyProps: {
+            weight: 'regular',
+        }, copykey: copykey, children: children }) }));
 
 export { ConnectButton };

package/src/lib/components/Modal/Modal.cjs

@@ -6,8 +6,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
-var SlideInUpTransition = require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+var OpacityTransition = require('../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('react');
 require('../../events/dynamicEvents.cjs');
@@ -84,6 +84,6 @@ require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
-const Modal = ({ children, className, isShown = true, transitionProps, }) => (jsxRuntime.jsx("div", { className: classNames.classNames('modal', className), children: jsxRuntime.jsx(SlideInUpTransition.SlideInUpTransition, Object.assign({}, transitionProps, { isShown: isShown, children: jsxRuntime.jsx("div", { className: 'modal__items', children: children }) })) }));
+const Modal = ({ children, className, isShown = true, transitionProps, }) => (jsxRuntime.jsx("div", { className: classNames.classNames('modal', className), children: jsxRuntime.jsx(OpacityTransition.OpacityTransition, Object.assign({}, transitionProps, { isShown: isShown, children: jsxRuntime.jsx("div", { className: 'modal__items', children: children }) })) }));
 
 exports.Modal = Modal;

package/src/lib/components/Modal/Modal.js

@@ -2,8 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../Transition/ZoomTransition/ZoomTransition.js';
-import { SlideInUpTransition } from '../Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../Transition/OpacityTransition/OpacityTransition.js';
+import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
+import { OpacityTransition } from '../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../_virtual/_tslib.js';
 import 'react';
 import '../../events/dynamicEvents.js';
@@ -80,6 +80,6 @@ import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
-const Modal = ({ children, className, isShown = true, transitionProps, }) => (jsx("div", { className: classNames('modal', className), children: jsx(SlideInUpTransition, Object.assign({}, transitionProps, { isShown: isShown, children: jsx("div", { className: 'modal__items', children: children }) })) }));
+const Modal = ({ children, className, isShown = true, transitionProps, }) => (jsx("div", { className: classNames('modal', className), children: jsx(OpacityTransition, Object.assign({}, transitionProps, { isShown: isShown, children: jsx("div", { className: 'modal__items', children: children }) })) }));
 
 export { Modal };

package/src/lib/components/QrCodeWrapper/QrCodeWrapper.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+require('@dynamic-labs/utils');
 require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 var AnimatePresence = require('../AnimatePresence/AnimatePresence.cjs');
@@ -16,7 +17,6 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../store/state/loadingAndLifecycle.cjs');

package/src/lib/components/QrCodeWrapper/QrCodeWrapper.js

@@ -1,6 +1,7 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
+import '@dynamic-labs/utils';
 import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import { AnimatePresence } from '../AnimatePresence/AnimatePresence.js';
@@ -12,7 +13,6 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../store/state/loadingAndLifecycle.js';

package/src/lib/components/RenderView/RenderView.cjs

@@ -8,12 +8,12 @@ var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 require('react-i18next');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/utils');
 require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 require('react');
 require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');

package/src/lib/components/RenderView/RenderView.js

@@ -4,12 +4,12 @@ import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import 'react-i18next';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/utils';
 import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import 'react';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
-import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
+require('@dynamic-labs/utils');
 require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 var Alert = require('../Alert/Alert.cjs');
 var AnimatePresence = require('../AnimatePresence/AnimatePresence.cjs');
@@ -20,7 +21,6 @@ var checkBlue = require('../../shared/assets/check-blue.cjs');
 var close = require('../../shared/assets/close.cjs');
 require('@dynamic-labs/wallet-book');
 var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../store/state/loadingAndLifecycle.cjs');

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.js

@@ -1,6 +1,7 @@
 'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
+import '@dynamic-labs/utils';
 import '../Accordion/components/AccordionItem/AccordionItem.js';
 import { Alert } from '../Alert/Alert.js';
 import { AnimatePresence } from '../AnimatePresence/AnimatePresence.js';
@@ -16,7 +17,6 @@ import { ReactComponent as SvgCheckBlue } from '../../shared/assets/check-blue.j
 import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import '@dynamic-labs/wallet-book';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../store/state/loadingAndLifecycle.js';

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.cjs

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
+require('@dynamic-labs/utils');
 require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../Alert/Alert.cjs');
 require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/utils');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.js

@@ -1,12 +1,12 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
+import '@dynamic-labs/utils';
 import '../../../Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../Alert/Alert.js';
 import 'react';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.cjs

@@ -4,12 +4,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+require('@dynamic-labs/utils');
 require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../Alert/Alert.cjs');
 require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/utils');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.js

@@ -1,11 +1,11 @@
 'use client'
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import '@dynamic-labs/utils';
 import '../../../Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../Alert/Alert.js';
 import 'react';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var iconic = require('@dynamic-labs/iconic');
+require('@dynamic-labs/utils');
 require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../Alert/Alert.cjs');
 require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/utils');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.js

@@ -1,12 +1,12 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { SocialIcon } from '@dynamic-labs/iconic';
+import '@dynamic-labs/utils';
 import '../../../Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../Alert/Alert.js';
 import 'react';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.cjs

@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var multiWallet = require('@dynamic-labs/multi-wallet');
+var rpcProviders = require('@dynamic-labs/rpc-providers');
 var useWalletItemActions = require('../../utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
@@ -12,7 +14,7 @@ var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 require('../../context/ViewContext/ViewContext.cjs');
-require('@dynamic-labs/wallet-book');
+var createWallet = require('../../shared/utils/functions/wallet/createWallet.cjs');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
@@ -22,7 +24,6 @@ require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
-require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
@@ -46,7 +47,6 @@ require('../../context/MockContext/MockContext.cjs');
 require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('@dynamic-labs/rpc-providers');
 var walletConnectorOptions = require('../../store/state/walletConnectorOptions.cjs');
 require('react-i18next');
 require('../Accordion/components/AccordionItem/AccordionItem.cjs');
@@ -66,6 +66,7 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
+require('@dynamic-labs/wallet-book');
 require('formik');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
@@ -85,33 +86,69 @@ require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
-const WalletConnectorEvents = () => {
+const WalletConnectorEvents = ({ connectorProps, }) => {
     const { walletConnectorOptions: walletConnectorOptions$1, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const { handleWalletItemClick } = useWalletItemActions.useWalletItemActions();
+    const walletConnectorConstructorOptions = React.useMemo(() => {
+        var _a, _b;
+        if (!connectorProps.projectSettings ||
+            !connectorProps.networkConfigurations) {
+            return;
+        }
+        return multiWallet.getWalletConnectorConstructorOptions(Object.assign(Object.assign({}, connectorProps), { chainRpcProviders: rpcProviders.ChainRpcProviders, settings: connectorProps.projectSettings, walletConnectProjectId: (_b = (_a = connectorProps.projectSettings) === null || _a === void 0 ? void 0 : _a.sdk.walletConnect) === null || _b === void 0 ? void 0 : _b.projectId }));
+    }, [connectorProps]);
+    // add listener for providerInjected event
+    React.useEffect(() => {
+        const handleProviderInjected = ({ injectedConnectorConstructor, }) => {
+            if (!walletConnectorConstructorOptions)
+                return;
+            const injectedConnector = new injectedConnectorConstructor(walletConnectorConstructorOptions);
+            logger.logger.debug('[WalletConnectorEvents] handleProviderInjected', {
+                injectedConnector,
+            });
+            walletConnectorCore.walletConnectorEvents.emit('providerReady', {
+                connector: injectedConnector,
+            });
+        };
+        walletConnectorCore.walletConnectorEvents.on('providerInjected', handleProviderInjected);
+        return () => {
+            walletConnectorCore.walletConnectorEvents.off('providerInjected', handleProviderInjected);
+        };
+    }, [walletConnectorConstructorOptions]);
     // add listener for providerReady event
     React.useEffect(() => {
         const handleProviderReady = ({ connector, }) => {
             logger.logger.debug('[WalletConnectorEvents] handleProviderReady', {
                 connector,
             });
+            let foundWallet = false;
             const updatedConnectors = walletConnectorOptions$1.map((walletOption) => {
                 if (walletOption.key === connector.key) {
+                    foundWallet = true;
                     return Object.assign(Object.assign({}, walletOption), { isInstalledOnBrowser: connector.isInstalledOnBrowser(), walletConnector: connector });
                 }
                 return walletOption;
             });
+            logger.logger.debug('[WalletConnectorEvents] handleProviderReady', {
+                foundWallet,
+            });
+            if (!foundWallet) {
+                const newWalletOption = createWallet.createWallet(connectorProps.walletBook, connector);
+                updatedConnectors.push(newWalletOption);
+            }
             walletConnectorOptions.setWalletConnectorOptions(updatedConnectors);
         };
         walletConnectorCore.walletConnectorEvents.on('providerReady', handleProviderReady);
         return () => {
             walletConnectorCore.walletConnectorEvents.off('providerReady', handleProviderReady);
         };
-    }, [walletConnectorOptions$1]);
+    }, [connectorProps.walletBook, walletConnectorOptions$1]);
     // add listener for autoConnect event
     React.useEffect(() => {
         const handleAutoConnect = ({ connector, }) => {
             logger.logger.debug('[WalletConnectorEvents] handleAutoConnect', { connector });
             const walletOption = walletConnectorOptions$1.find((wallet) => wallet.walletConnector.key === connector.key);
+            logger.logger.debug('[WalletConnectorEvents] handleAutoConnect - found walletOption', Boolean(walletOption));
             if (!walletOption)
                 return;
             handleWalletItemClick(walletOption);

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.d.ts

@@ -1 +1,6 @@
-export declare const WalletConnectorEvents: () => null;
+import { WalletConnectorProps } from '../../utils/hooks/useCreateWalletConnectorOptions';
+type WalletConnectorEventsProps = {
+    connectorProps: WalletConnectorProps;
+};
+export declare const WalletConnectorEvents: ({ connectorProps, }: WalletConnectorEventsProps) => null;
+export {};

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.js

@@ -1,6 +1,8 @@
 'use client'
-import { useEffect } from 'react';
+import { useMemo, useEffect } from 'react';
 import { walletConnectorEvents } from '@dynamic-labs/wallet-connector-core';
+import { getWalletConnectorConstructorOptions } from '@dynamic-labs/multi-wallet';
+import { ChainRpcProviders } from '@dynamic-labs/rpc-providers';
 import { useWalletItemActions } from '../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
@@ -8,7 +10,7 @@ import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import '../../context/ViewContext/ViewContext.js';
-import '@dynamic-labs/wallet-book';
+import { createWallet } from '../../shared/utils/functions/wallet/createWallet.js';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
@@ -18,7 +20,6 @@ import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
-import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
@@ -42,7 +43,6 @@ import '../../context/MockContext/MockContext.js';
 import '../../views/CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import '@dynamic-labs/rpc-providers';
 import { setWalletConnectorOptions } from '../../store/state/walletConnectorOptions.js';
 import 'react-i18next';
 import '../Accordion/components/AccordionItem/AccordionItem.js';
@@ -62,6 +62,7 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
+import '@dynamic-labs/wallet-book';
 import 'formik';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
@@ -81,33 +82,69 @@ import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
-const WalletConnectorEvents = () => {
+const WalletConnectorEvents = ({ connectorProps, }) => {
     const { walletConnectorOptions, primaryWallet } = useInternalDynamicContext();
     const { handleWalletItemClick } = useWalletItemActions();
+    const walletConnectorConstructorOptions = useMemo(() => {
+        var _a, _b;
+        if (!connectorProps.projectSettings ||
+            !connectorProps.networkConfigurations) {
+            return;
+        }
+        return getWalletConnectorConstructorOptions(Object.assign(Object.assign({}, connectorProps), { chainRpcProviders: ChainRpcProviders, settings: connectorProps.projectSettings, walletConnectProjectId: (_b = (_a = connectorProps.projectSettings) === null || _a === void 0 ? void 0 : _a.sdk.walletConnect) === null || _b === void 0 ? void 0 : _b.projectId }));
+    }, [connectorProps]);
+    // add listener for providerInjected event
+    useEffect(() => {
+        const handleProviderInjected = ({ injectedConnectorConstructor, }) => {
+            if (!walletConnectorConstructorOptions)
+                return;
+            const injectedConnector = new injectedConnectorConstructor(walletConnectorConstructorOptions);
+            logger.debug('[WalletConnectorEvents] handleProviderInjected', {
+                injectedConnector,
+            });
+            walletConnectorEvents.emit('providerReady', {
+                connector: injectedConnector,
+            });
+        };
+        walletConnectorEvents.on('providerInjected', handleProviderInjected);
+        return () => {
+            walletConnectorEvents.off('providerInjected', handleProviderInjected);
+        };
+    }, [walletConnectorConstructorOptions]);
     // add listener for providerReady event
     useEffect(() => {
         const handleProviderReady = ({ connector, }) => {
             logger.debug('[WalletConnectorEvents] handleProviderReady', {
                 connector,
             });
+            let foundWallet = false;
             const updatedConnectors = walletConnectorOptions.map((walletOption) => {
                 if (walletOption.key === connector.key) {
+                    foundWallet = true;
                     return Object.assign(Object.assign({}, walletOption), { isInstalledOnBrowser: connector.isInstalledOnBrowser(), walletConnector: connector });
                 }
                 return walletOption;
             });
+            logger.debug('[WalletConnectorEvents] handleProviderReady', {
+                foundWallet,
+            });
+            if (!foundWallet) {
+                const newWalletOption = createWallet(connectorProps.walletBook, connector);
+                updatedConnectors.push(newWalletOption);
+            }
             setWalletConnectorOptions(updatedConnectors);
         };
         walletConnectorEvents.on('providerReady', handleProviderReady);
         return () => {
             walletConnectorEvents.off('providerReady', handleProviderReady);
         };
-    }, [walletConnectorOptions]);
+    }, [connectorProps.walletBook, walletConnectorOptions]);
     // add listener for autoConnect event
     useEffect(() => {
         const handleAutoConnect = ({ connector, }) => {
             logger.debug('[WalletConnectorEvents] handleAutoConnect', { connector });
             const walletOption = walletConnectorOptions.find((wallet) => wallet.walletConnector.key === connector.key);
+            logger.debug('[WalletConnectorEvents] handleAutoConnect - found walletOption', Boolean(walletOption));
             if (!walletOption)
                 return;
             handleWalletItemClick(walletOption);