@dynamic-labs/sdk-react-core 2.2.3 → 2.2.5

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

@@ -45,6 +45,7 @@ require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/IconButton/IconButton.cjs');

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

@@ -41,6 +41,7 @@ import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';

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

@@ -19,6 +19,15 @@ require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var useDynamicEvents = require('../events/useDynamicEvents/useDynamicEvents.cjs');
 var useWalletConnectorEvent = require('../events/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
+require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
+require('../../../locale/locale.cjs');
+var logVerboseTroubleshootingMessage = require('../../functions/logVerboseTroubleshootingMessage/logVerboseTroubleshootingMessage.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 
 const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
     useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'disconnect', () => {
@@ -33,7 +42,12 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
     });
     const handleAccountChangeWhenAwaitingAccountSwitch = React.useCallback((isPrimaryWallet, newAddress) => {
+        logger.logger.debug('handleAccountChangeWhenAwaitingAccountSwitch', {
+            isPrimaryWallet,
+            newAddress,
+        });
         const linkedSecondaryWallet = secondaryWallets.find((wallet) => walletConnectorCore.isSameAddress(wallet.address, newAddress, wallet.chain));
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[handleAccountChangeWhenAwaitingAccountSwitch]', { linkedSecondaryWallet });
         // this means the user is linking a new account, so we need proof of ownership...
         if (!linkedSecondaryWallet) {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
@@ -42,6 +56,12 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
             }
             return;
         }
+        const isTryingToUpdateUnkownWallet = linkedSecondaryWallet.connector.key === 'unknown';
+        if (isTryingToUpdateUnkownWallet) {
+            //prompt the user to connect and sign with the wallet
+            dynamicEvents.dynamicEvents.emit('triggerConnectAndSign');
+            return;
+        }
         // ...otherwise, the user is switching primary accounts betweeen the same wallet
         setSelectedWalletWithAction(null);
         setPrimaryWalletId(linkedSecondaryWallet.id);
@@ -55,6 +75,13 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         setPrimaryWalletId,
     ]);
     const calculatePrimaryWalletMultiWalletStateFromAccounts = React.useCallback(({ accounts }) => {
+        logger.logger.debug('calculatePrimaryWalletMultiWalletStateFromAccounts', {
+            accounts,
+            authMode,
+            multiWallet,
+            multiWalletWidgetState,
+            primaryWallet,
+        });
         // change the api here
         if (!primaryWallet)
             return;

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

@@ -15,6 +15,15 @@ import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { useInternalDynamicEvents } from '../events/useDynamicEvents/useDynamicEvents.js';
 import { useWalletConnectorEvent } from '../events/useWalletConnectorEvent/useWalletConnectorEvent.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
+import 'viem/chains';
+import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
+import '../../../locale/locale.js';
+import { logVerboseTroubleshootingMessage } from '../../functions/logVerboseTroubleshootingMessage/logVerboseTroubleshootingMessage.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
 
 const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
     useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'disconnect', () => {
@@ -29,7 +38,12 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
     });
     const handleAccountChangeWhenAwaitingAccountSwitch = useCallback((isPrimaryWallet, newAddress) => {
+        logger.debug('handleAccountChangeWhenAwaitingAccountSwitch', {
+            isPrimaryWallet,
+            newAddress,
+        });
         const linkedSecondaryWallet = secondaryWallets.find((wallet) => isSameAddress(wallet.address, newAddress, wallet.chain));
+        logVerboseTroubleshootingMessage('[handleAccountChangeWhenAwaitingAccountSwitch]', { linkedSecondaryWallet });
         // this means the user is linking a new account, so we need proof of ownership...
         if (!linkedSecondaryWallet) {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
@@ -38,6 +52,12 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
             }
             return;
         }
+        const isTryingToUpdateUnkownWallet = linkedSecondaryWallet.connector.key === 'unknown';
+        if (isTryingToUpdateUnkownWallet) {
+            //prompt the user to connect and sign with the wallet
+            dynamicEvents.emit('triggerConnectAndSign');
+            return;
+        }
         // ...otherwise, the user is switching primary accounts betweeen the same wallet
         setSelectedWalletWithAction(null);
         setPrimaryWalletId(linkedSecondaryWallet.id);
@@ -51,6 +71,13 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         setPrimaryWalletId,
     ]);
     const calculatePrimaryWalletMultiWalletStateFromAccounts = useCallback(({ accounts }) => {
+        logger.debug('calculatePrimaryWalletMultiWalletStateFromAccounts', {
+            accounts,
+            authMode,
+            multiWallet,
+            multiWalletWidgetState,
+            primaryWallet,
+        });
         // change the api here
         if (!primaryWallet)
             return;

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

@@ -9,7 +9,7 @@ var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('react');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
-require('../../../shared/logger.cjs');
+var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
@@ -31,6 +31,7 @@ require('react-international-phone');
 var requiresTwoStepAuthentication = require('../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
 require('viem');
 require('viem/chains');
+var logVerboseTroubleshootingMessage = require('../../functions/logVerboseTroubleshootingMessage/logVerboseTroubleshootingMessage.cjs');
 require('@dynamic-labs/store');
 require('../../../locale/locale.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -50,6 +51,7 @@ require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 var isSelectedWalletAlreadyConnected = require('../../functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.cjs');
 require('react-i18next');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/IconButton/IconButton.cjs');
@@ -90,7 +92,11 @@ const useWalletItemActions = () => {
     const { onlyConnectUser } = useConnectAndSignSplitSteps.useConnectAndSignSplitSteps();
     const connectAndSignWallet = useConnectAndSign.useConnectAndSign();
     const handleCustodialWalletClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        logger.logger.debug('handleCustodialWalletClick', walletConnector);
         const twoStepAuthentication = requiresTwoStepAuthentication.requiresTwoStepAuthentication(walletConnector);
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[handleCustodialWalletClick]', {
+            twoStepAuthentication,
+        });
         if (twoStepAuthentication) {
             setSelectedWalletConnectorKey(walletConnector.key);
             yield onlyConnectUser({
@@ -105,6 +111,7 @@ const useWalletItemActions = () => {
     });
     const handleMobileWalletClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
+        logger.logger.debug('handleMobileWalletClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         // We need to set to LS when about to verify phantom wallet on mobile
         // because the deeplink interrupts this code execution and then redirects back on a new tab.
@@ -124,10 +131,12 @@ const useWalletItemActions = () => {
         onlyConnectUser({ walletConnector });
     });
     const handleInstalledExtensionClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        logger.logger.debug('handleInstalledExtensionClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
     });
     const handleUninstalledClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        logger.logger.debug('handleUninstalledClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         if (!walletConnector.canConnectViaQrCode) {
             setView('no-qr-not-installed');
@@ -149,8 +158,14 @@ const useWalletItemActions = () => {
         setError(undefined);
     });
     const handleAlreadyConnectedWallet = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        logger.logger.debug('handleAlreadyConnectedWallet', walletConnector);
         const connectedAccounts = yield walletConnector.getConnectedAccounts();
         const activeAccountAlreadyLinked = linkedWallets.find((wallet) => { var _a; return wallet.address.toLowerCase() === ((_a = connectedAccounts[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[handleAlreadyConnectedWallet]', {
+            activeAccountAlreadyLinked,
+            connectedAccounts,
+            linkedWallets,
+        });
         if (activeAccountAlreadyLinked) {
             setMultiWalletWidgetState('awaiting_account_switch', 'linking_new_wallet');
         }
@@ -180,6 +195,11 @@ const useWalletItemActions = () => {
         const { walletConnector, isInstalledOnBrowser } = wallet;
         const shouldEndWalletConnectorSession = walletConnector.connectedChain === 'FLOW' ||
             walletConnectorCore.isPhantomRedirectConnector(walletConnector);
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[handleWalletItemClick]', {
+            mockedSDK,
+            shouldEndWalletConnectorSession,
+            wallet,
+        });
         if (mockedSDK)
             return;
         if (shouldEndWalletConnectorSession) {

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

@@ -5,7 +5,7 @@ import { isPhantomRedirectConnector } from '@dynamic-labs/wallet-connector-core'
 import 'react';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
-import '../../../shared/logger.js';
+import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
@@ -27,6 +27,7 @@ import 'react-international-phone';
 import { requiresTwoStepAuthentication } from '../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
 import 'viem';
 import 'viem/chains';
+import { logVerboseTroubleshootingMessage } from '../../functions/logVerboseTroubleshootingMessage/logVerboseTroubleshootingMessage.js';
 import '@dynamic-labs/store';
 import '../../../locale/locale.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
@@ -46,6 +47,7 @@ import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import { isSelectedWalletAlreadyConnected } from '../../functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.js';
 import 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';
@@ -86,7 +88,11 @@ const useWalletItemActions = () => {
     const { onlyConnectUser } = useConnectAndSignSplitSteps();
     const connectAndSignWallet = useConnectAndSign();
     const handleCustodialWalletClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        logger.debug('handleCustodialWalletClick', walletConnector);
         const twoStepAuthentication = requiresTwoStepAuthentication(walletConnector);
+        logVerboseTroubleshootingMessage('[handleCustodialWalletClick]', {
+            twoStepAuthentication,
+        });
         if (twoStepAuthentication) {
             setSelectedWalletConnectorKey(walletConnector.key);
             yield onlyConnectUser({
@@ -101,6 +107,7 @@ const useWalletItemActions = () => {
     });
     const handleMobileWalletClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
+        logger.debug('handleMobileWalletClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         // We need to set to LS when about to verify phantom wallet on mobile
         // because the deeplink interrupts this code execution and then redirects back on a new tab.
@@ -120,10 +127,12 @@ const useWalletItemActions = () => {
         onlyConnectUser({ walletConnector });
     });
     const handleInstalledExtensionClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        logger.debug('handleInstalledExtensionClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
     });
     const handleUninstalledClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        logger.debug('handleUninstalledClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         if (!walletConnector.canConnectViaQrCode) {
             setView('no-qr-not-installed');
@@ -145,8 +154,14 @@ const useWalletItemActions = () => {
         setError(undefined);
     });
     const handleAlreadyConnectedWallet = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        logger.debug('handleAlreadyConnectedWallet', walletConnector);
         const connectedAccounts = yield walletConnector.getConnectedAccounts();
         const activeAccountAlreadyLinked = linkedWallets.find((wallet) => { var _a; return wallet.address.toLowerCase() === ((_a = connectedAccounts[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
+        logVerboseTroubleshootingMessage('[handleAlreadyConnectedWallet]', {
+            activeAccountAlreadyLinked,
+            connectedAccounts,
+            linkedWallets,
+        });
         if (activeAccountAlreadyLinked) {
             setMultiWalletWidgetState('awaiting_account_switch', 'linking_new_wallet');
         }
@@ -176,6 +191,11 @@ const useWalletItemActions = () => {
         const { walletConnector, isInstalledOnBrowser } = wallet;
         const shouldEndWalletConnectorSession = walletConnector.connectedChain === 'FLOW' ||
             isPhantomRedirectConnector(walletConnector);
+        logVerboseTroubleshootingMessage('[handleWalletItemClick]', {
+            mockedSDK,
+            shouldEndWalletConnectorSession,
+            wallet,
+        });
         if (mockedSDK)
             return;
         if (shouldEndWalletConnectorSession) {

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

@@ -7,6 +7,8 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../components/Alert/Alert.cjs');
 require('../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../context/DynamicContext/DynamicContext.cjs');
@@ -46,7 +48,6 @@ require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
-require('../../../components/Alert/Alert.cjs');
 require('react-dom');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/IconButton/IconButton.cjs');

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

@@ -3,6 +3,8 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
 import '../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
@@ -42,7 +44,6 @@ import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
-import '../../../components/Alert/Alert.js';
 import 'react-dom';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';

package/src/lib/views/AccessBlockedView/AccessBlockedView.cjs

@@ -18,6 +18,8 @@ require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
 require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
@@ -64,7 +66,6 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/AccessBlockedView/AccessBlockedView.js

@@ -14,6 +14,8 @@ import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -60,7 +62,6 @@ import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/AccountExistsView/AccountExistsView.cjs

@@ -7,6 +7,8 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
 require('react');
 require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
@@ -67,7 +69,6 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/AccountExistsView/AccountExistsView.js

@@ -3,6 +3,8 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { UserProfileIcon } from '@dynamic-labs/iconic';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
 import 'react';
 import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
@@ -63,7 +65,6 @@ import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.cjs

@@ -47,6 +47,7 @@ require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');

package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.js

@@ -43,6 +43,7 @@ import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';

package/src/lib/views/BridgeSummaryView/BridgeSummaryView.cjs

@@ -46,6 +46,7 @@ require('../CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');

package/src/lib/views/BridgeSummaryView/BridgeSummaryView.js

@@ -42,6 +42,7 @@ import '../CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.cjs

@@ -46,6 +46,7 @@ require('../CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.js

@@ -42,6 +42,7 @@ import '../CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.cjs

@@ -7,6 +7,8 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
 require('react');
 require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
@@ -63,7 +65,6 @@ require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.js

@@ -3,6 +3,8 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { CaptchaWaveIcon } from '@dynamic-labs/iconic';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
 import 'react';
 import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
@@ -59,7 +61,6 @@ import '../../components/MenuList/Dropdown/Dropdown.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.cjs

@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
 require('react');
 require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
@@ -69,7 +71,6 @@ require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.js

@@ -1,6 +1,8 @@
 'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
 import 'react';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
@@ -65,7 +67,6 @@ import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs

@@ -7,6 +7,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
 require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
@@ -70,7 +72,6 @@ require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/CollectUserDataView/CollectUserDataView.js

@@ -3,6 +3,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
@@ -66,7 +68,6 @@ import '../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs

@@ -7,6 +7,8 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var formik = require('formik');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+var Alert = require('../../../components/Alert/Alert.cjs');
 require('../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../context/DynamicContext/DynamicContext.cjs');
@@ -66,7 +68,6 @@ require('../useFields.cjs');
 var UserDataFields = require('../UserDataFields/UserDataFields.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-var Alert = require('../../../components/Alert/Alert.cjs');
 require('yup');
 require('../../../components/Input/Input.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js

@@ -3,6 +3,8 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import { Formik, Form } from 'formik';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import { Alert } from '../../../components/Alert/Alert.js';
 import '../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
@@ -62,7 +64,6 @@ import '../useFields.js';
 import { UserDataFields } from '../UserDataFields/UserDataFields.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import { Alert } from '../../../components/Alert/Alert.js';
 import 'yup';
 import '../../../components/Input/Input.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';

package/src/lib/views/CollectUserDataView/UserDataFields/UserField/UserField.cjs

@@ -6,6 +6,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var formik = require('formik');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../../components/Alert/Alert.cjs');
 require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
@@ -64,7 +66,6 @@ require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var UserPhoneField = require('../UserPhoneField/UserPhoneField.cjs');
 var getDisplayErrorMessage = require('../utils/getDisplayErrorMessage/getDisplayErrorMessage.cjs');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../../../components/Alert/Alert.cjs');
 var Input = require('../../../../components/Input/Input.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');