@dynamic-labs/sdk-react-core 0.18.0-RC.10 → 0.18.0-RC.11

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs

@@ -39,6 +39,7 @@ require('../../Popper/Popper/Popper.cjs');
 require('../../Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../InlineWidget/InlineWidget.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js

@@ -35,6 +35,7 @@ import '../../Popper/Popper/Popper.js';
 import '../../Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../InlineWidget/InlineWidget.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

package/src/lib/components/UserAddress/UserAddress.cjs

@@ -39,6 +39,7 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../InlineWidget/InlineWidget.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');

package/src/lib/components/UserAddress/UserAddress.js

@@ -35,6 +35,7 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../InlineWidget/InlineWidget.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';

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

@@ -39,6 +39,7 @@ require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../InlineWidget/InlineWidget.cjs');
 var VerifiedEmailIcon = require('./components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 
 const UserProfileField = ({ name, label, value, }) => {

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

@@ -35,6 +35,7 @@ import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../InlineWidget/InlineWidget.js';
 import { VerifiedEmailIcon } from './components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 
 const UserProfileField = ({ name, label, value, }) => {

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

@@ -39,6 +39,7 @@ require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../InlineWidget/InlineWidget.cjs');
 
 const UserProfileSection = ({ title, children, }) => (jsxRuntime.jsxs("div", Object.assign({ className: 'user-profile-section' }, { children: [title && (jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'h6', color: 'secondary', weight: 'medium', variant: 'body_small', className: 'user-profile-section__title' }, { children: title }))), children] })));
 

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

@@ -35,6 +35,7 @@ import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../InlineWidget/InlineWidget.js';
 
 const UserProfileSection = ({ title, children, }) => (jsxs("div", Object.assign({ className: 'user-profile-section' }, { children: [title && (jsx(Typography, Object.assign({ as: 'h6', color: 'secondary', weight: 'medium', variant: 'body_small', className: 'user-profile-section__title' }, { children: title }))), children] })));
 

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

@@ -45,6 +45,7 @@ require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../InlineWidget/InlineWidget.cjs');
 var helpers = require('../../../../widgets/DynamicWidget/helpers/helpers.cjs');
 var useUpdateUserProfileByJWTCallback = require('../../../../utils/hooks/useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
 var ConnectedAccountAvatar = require('./components/ConnectedAccountAvatar/ConnectedAccountAvatar.cjs');

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

@@ -41,6 +41,7 @@ import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../InlineWidget/InlineWidget.js';
 import { capitalize } from '../../../../widgets/DynamicWidget/helpers/helpers.js';
 import { useUpdateUserProfileByJWTCallback } from '../../../../utils/hooks/useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
 import { ConnectedAccountAvatar } from './components/ConnectedAccountAvatar/ConnectedAccountAvatar.js';

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

@@ -43,3 +43,4 @@ export * from './Step';
 export * from './Stepper';
 export * from './Modal';
 export * from './ModalCard';
+export * from './InlineWidget';

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

@@ -64,6 +64,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../components/InlineWidget/InlineWidget.cjs');
 var FundingContext = require('../FundingContext/FundingContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -73,7 +74,6 @@ require('../../components/UserProfile/parts/UserProfileField/components/Verified
 var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
 var DynamicBridgeWidgetContext = require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('../../widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var usePrimaryWalletId = require('../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.cjs');
 var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
@@ -222,7 +222,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         for (const connector of walletConnectors) {
             yield connector.endSession();
         }
-        (_h = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _h === void 0 ? void 0 : _h.endSession();
+        yield ((_h = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _h === void 0 ? void 0 : _h.endSession());
         setAuthMode(initialAuthenticationMode);
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');

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

@@ -60,6 +60,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../components/InlineWidget/InlineWidget.js';
 import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -69,7 +70,6 @@ import '../../components/UserProfile/parts/UserProfileField/components/VerifiedE
 import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
 import { DynamicBridgeWidgetContextProvider } from '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '../../widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { usePrimaryWalletId } from '../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.js';
 import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
@@ -218,7 +218,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         for (const connector of walletConnectors) {
             yield connector.endSession();
         }
-        (_h = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _h === void 0 ? void 0 : _h.endSession();
+        yield ((_h = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _h === void 0 ? void 0 : _h.endSession());
         setAuthMode(initialAuthenticationMode);
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');

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

@@ -36,6 +36,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../MockContext/MockContext.cjs');
 require('../../CaptchaContext/CaptchaContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

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

@@ -32,6 +32,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../components/InlineWidget/InlineWidget.js';
 import '../../MockContext/MockContext.js';
 import '../../CaptchaContext/CaptchaContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

package/src/lib/context/QrCodeContext/QrCodeContext.cjs

@@ -35,6 +35,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../components/InlineWidget/InlineWidget.cjs');
 var useDefaultQrCode = require('../../utils/hooks/useDefaultQrCode/useDefaultQrCode.cjs');
 require('../MockContext/MockContext.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');

package/src/lib/context/QrCodeContext/QrCodeContext.js

@@ -31,6 +31,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../components/InlineWidget/InlineWidget.js';
 import { useDefaultQrCode } from '../../utils/hooks/useDefaultQrCode/useDefaultQrCode.js';
 import '../MockContext/MockContext.js';
 import '../CaptchaContext/CaptchaContext.js';

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs

@@ -37,6 +37,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../components/InlineWidget/InlineWidget.cjs');
 var SendBalanceModal = require('../../modals/SendBalanceModal/SendBalanceModal.cjs');
 require('../MockContext/MockContext.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');

package/src/lib/context/SendBalanceContext/SendBalanceContext.js

@@ -33,6 +33,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../components/InlineWidget/InlineWidget.js';
 import { SendBalanceModal } from '../../modals/SendBalanceModal/SendBalanceModal.js';
 import '../MockContext/MockContext.js';
 import '../CaptchaContext/CaptchaContext.js';

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

@@ -36,6 +36,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../components/InlineWidget/InlineWidget.cjs');
 require('../MockContext/MockContext.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');

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

@@ -32,6 +32,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../components/InlineWidget/InlineWidget.js';
 import '../MockContext/MockContext.js';
 import { useErrorContext } from '../ErrorContext/ErrorContext.js';
 import '../CaptchaContext/CaptchaContext.js';

package/src/lib/context/ViewContext/ViewContext.d.ts

@@ -1,5 +1,5 @@
 import { SetStateAction, Dispatch, PropsWithChildren, FC } from 'react';
-export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-email-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection';
+export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-email-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection';
 export type ViewContextProps = {
     setView: Dispatch<SetStateAction<ViewType>>;
     view: ViewType;

package/src/lib/data/api.cjs

@@ -271,6 +271,9 @@ const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalle
         if (data.error.code === 'chainalysis_blocked_wallet') {
             throw new utils.ChainalysisError(data.payload.walletPublicKey);
         }
+        if (data.error.code === 'gate_blocked') {
+            throw new utils.GateBlockedError(data.payload.walletPublicKey);
+        }
         if (data.error.code === 'missing_from_list') {
             throw new utils.NoAccessError({
                 walletPublicKey: data.payload.walletPublicKey,

package/src/lib/data/api.js

@@ -1,5 +1,5 @@
 import { __awaiter } from '../../../_virtual/_tslib.js';
-import { NoAccessError, EmailVerificationError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, EmailProviderError, WalletUsedError, WalletNotDeployedError, ChainalysisError } from '@dynamic-labs/utils';
+import { NoAccessError, EmailVerificationError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, EmailProviderError, WalletUsedError, WalletNotDeployedError, ChainalysisError, GateBlockedError } from '@dynamic-labs/utils';
 import { SDKApi, Configuration, VerifyRequestFromJSON, ChainEnum, WalletProviderEnum, AuthModeEnum } from '@dynamic-labs/sdk-api';
 import { VERSION, API_VERSION } from '../../version.js';
 import ApiEndpoint from '../config/ApiEndpoint.js';
@@ -267,6 +267,9 @@ const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalle
         if (data.error.code === 'chainalysis_blocked_wallet') {
             throw new ChainalysisError(data.payload.walletPublicKey);
         }
+        if (data.error.code === 'gate_blocked') {
+            throw new GateBlockedError(data.payload.walletPublicKey);
+        }
         if (data.error.code === 'missing_from_list') {
             throw new NoAccessError({
                 walletPublicKey: data.payload.walletPublicKey,

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs

@@ -44,6 +44,7 @@ require('formik');
 require('yup');
 var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 var OverlayCardTarget = require('../../components/OverlayCard/OverlayCardTarget.cjs');
 var useAuthLayoutChecks = require('../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js

@@ -40,6 +40,7 @@ import 'formik';
 import 'yup';
 import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
+import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import { OverlayCardTarget } from '../../components/OverlayCard/OverlayCardTarget.js';
 import { useAuthLayoutChecks } from '../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -46,6 +46,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../components/InlineWidget/InlineWidget.cjs');
 var QrCodeContext = require('../../../context/QrCodeContext/QrCodeContext.cjs');
 var useAuthLayoutChecks = require('../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 var index = require('../../../context/FooterAnimationContext/index.cjs');

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -42,6 +42,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../components/InlineWidget/InlineWidget.js';
 import { useQrCodeContext } from '../../../context/QrCodeContext/QrCodeContext.js';
 import { useAuthLayoutChecks } from '../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import { useFooterAnimationContext } from '../../../context/FooterAnimationContext/index.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.cjs

@@ -41,6 +41,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
 var index = require('../../../../context/FooterAnimationContext/index.cjs');
 var getDynamicLayoutData = require('../../../../utils/functions/getDynamicLayoutData/getDynamicLayoutData.cjs');
 

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js

@@ -37,6 +37,7 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../components/InlineWidget/InlineWidget.js';
 import { useFooterAnimationContext } from '../../../../context/FooterAnimationContext/index.js';
 import { getDynamicLayoutData } from '../../../../utils/functions/getDynamicLayoutData/getDynamicLayoutData.js';
 

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.cjs

@@ -39,6 +39,7 @@ require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../../components/InlineWidget/InlineWidget.cjs');
 
 const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxRuntime.jsxs("a", Object.assign({ className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'footer-buttons-item__icon--left' }, { children: jsxRuntime.jsx(StartIcon, {}) })), jsxRuntime.jsxs("div", Object.assign({ className: 'footer-buttons-item__typography' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal' }, { children: heading })), message && (jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'p', weight: 'regular', color: 'secondary' }, { children: message })))] })), EndIcon && jsxRuntime.jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] })));
 

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.js

@@ -35,6 +35,7 @@ import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../../components/InlineWidget/InlineWidget.js';
 
 const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxs("a", Object.assign({ className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank' }, { children: [jsx("div", Object.assign({ className: 'footer-buttons-item__icon--left' }, { children: jsx(StartIcon, {}) })), jsxs("div", Object.assign({ className: 'footer-buttons-item__typography' }, { children: [jsx(Typography, Object.assign({ as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal' }, { children: heading })), message && (jsx(Typography, Object.assign({ as: 'p', weight: 'regular', color: 'secondary' }, { children: message })))] })), EndIcon && jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] })));
 

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs

@@ -40,6 +40,7 @@ require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../../components/InlineWidget/InlineWidget.cjs');
 var NewToWeb3WalletItem = require('../NewToWeb3WalletItem/NewToWeb3WalletItem.cjs');
 
 const WalletExtensionOrAppContinueButton = ({ wallet, selectedUrl, }) => {

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js

@@ -36,6 +36,7 @@ import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../../components/InlineWidget/InlineWidget.js';
 import { NewToWeb3WalletItem } from '../NewToWeb3WalletItem/NewToWeb3WalletItem.js';
 
 const WalletExtensionOrAppContinueButton = ({ wallet, selectedUrl, }) => {

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletListHelpContent.cjs

@@ -45,6 +45,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
 var NewToWeb3WalletItem = require('./NewToWeb3WalletItem/NewToWeb3WalletItem.cjs');
 var Item = require('./Item/Item.cjs');
 var WalletExtensionOrAppContinueButton = require('./WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletListHelpContent.js

@@ -41,6 +41,7 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../components/InlineWidget/InlineWidget.js';
 import { NewToWeb3WalletItem } from './NewToWeb3WalletItem/NewToWeb3WalletItem.js';
 import { Item } from './Item/Item.js';
 import { WalletExtensionOrAppContinueButton } from './WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.cjs

@@ -45,6 +45,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
 
 const WalletMoreInfoContent = ({ variant, walletName, }) => {
     const defaultSignContent = {

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.js

@@ -41,6 +41,7 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../components/InlineWidget/InlineWidget.js';
 
 const WalletMoreInfoContent = ({ variant, walletName, }) => {
     const defaultSignContent = {

package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.cjs

@@ -39,6 +39,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../components/InlineWidget/InlineWidget.cjs');
 
 const ToSFooter = () => {
     const { privacyPolicyUrl, termsOfServiceUrl } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.js

@@ -35,6 +35,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../components/InlineWidget/InlineWidget.js';
 
 const ToSFooter = () => {
     const { privacyPolicyUrl, termsOfServiceUrl } = useInternalDynamicContext();

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.cjs

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('react');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
@@ -17,6 +16,7 @@ require('ethers');
 require('@dynamic-labs/iconic');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('../../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
@@ -41,17 +41,18 @@ require('formik');
 require('yup');
 var Step = require('../../../components/Step/Step.cjs');
 var Stepper = require('../../../components/Stepper/Stepper.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+var getChainStepState = require('../utils/getChainStepState/getChainStepState.cjs');
 
 const WalletProgressStepper = () => {
     const { walletsToConnectByChain = [], walletsByChain = [] } = useInternalDynamicContext.useInternalDynamicContext();
     const allChains = walletsByChain.map(({ chain }) => chain);
     const chainsLeftToConnect = [...walletsToConnectByChain].map(({ chain }) => chain);
-    return (jsxRuntime.jsx("div", Object.assign({ className: 'wallet-progress-stepper', "data-testid": 'wallet-progress-stepper' }, { children: jsxRuntime.jsx(Stepper.Stepper, { children: allChains.map((chain) => {
+    return (jsxRuntime.jsx("div", Object.assign({ className: 'wallet-progress-stepper', "data-testid": 'wallet-progress-stepper' }, { children: jsxRuntime.jsx(Stepper.Stepper, { children: allChains.map((chain, index) => {
                 var _a;
                 const chainInfo = walletConnectorCore.getChainInfo(chain);
                 const PrimaryWalletChainIcon = getChainIcon.getChainIcon(chain);
-                const isChainStepActive = !chainsLeftToConnect.includes(chain);
-                return (jsxRuntime.jsx(Step.Step, Object.assign({ checked: isChainStepActive, icon: jsxRuntime.jsx(PrimaryWalletChainIcon, {}) }, { children: (_a = chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.blockchainName) !== null && _a !== void 0 ? _a : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName }), chain));
+                return (jsxRuntime.jsx(Step.Step, Object.assign({ state: getChainStepState.getChainStepState(chain, chainsLeftToConnect), icon: jsxRuntime.jsx(PrimaryWalletChainIcon, {}) }, { children: (_a = chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.blockchainName) !== null && _a !== void 0 ? _a : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName }), chain));
             }) }) })));
 };
 

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.js

@@ -1,6 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
-import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
@@ -13,6 +12,7 @@ import 'ethers';
 import '@dynamic-labs/iconic';
 import '../../../context/ViewContext/ViewContext.js';
 import '../../../shared/consts/index.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../context/ThemeContext/ThemeContext.js';
@@ -37,17 +37,18 @@ import 'formik';
 import 'yup';
 import { Step } from '../../../components/Step/Step.js';
 import { Stepper } from '../../../components/Stepper/Stepper.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import { getChainStepState } from '../utils/getChainStepState/getChainStepState.js';
 
 const WalletProgressStepper = () => {
     const { walletsToConnectByChain = [], walletsByChain = [] } = useInternalDynamicContext();
     const allChains = walletsByChain.map(({ chain }) => chain);
     const chainsLeftToConnect = [...walletsToConnectByChain].map(({ chain }) => chain);
-    return (jsx("div", Object.assign({ className: 'wallet-progress-stepper', "data-testid": 'wallet-progress-stepper' }, { children: jsx(Stepper, { children: allChains.map((chain) => {
+    return (jsx("div", Object.assign({ className: 'wallet-progress-stepper', "data-testid": 'wallet-progress-stepper' }, { children: jsx(Stepper, { children: allChains.map((chain, index) => {
                 var _a;
                 const chainInfo = getChainInfo(chain);
                 const PrimaryWalletChainIcon = getChainIcon(chain);
-                const isChainStepActive = !chainsLeftToConnect.includes(chain);
-                return (jsx(Step, Object.assign({ checked: isChainStepActive, icon: jsx(PrimaryWalletChainIcon, {}) }, { children: (_a = chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.blockchainName) !== null && _a !== void 0 ? _a : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName }), chain));
+                return (jsx(Step, Object.assign({ state: getChainStepState(chain, chainsLeftToConnect), icon: jsx(PrimaryWalletChainIcon, {}) }, { children: (_a = chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.blockchainName) !== null && _a !== void 0 ? _a : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName }), chain));
             }) }) })));
 };
 

package/src/lib/layout/DynamicAuthLayout/utils/getChainStepState/getChainStepState.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// Derive step state from remaining wallets
+const getChainStepState = (chain, chainsLeftToConnect) => {
+    const isCurrentStep = chain === chainsLeftToConnect[0];
+    const isStepComplete = !chainsLeftToConnect.includes(chain);
+    if (isCurrentStep) {
+        return 'current';
+    }
+    if (isStepComplete) {
+        return 'done';
+    }
+    return 'upcoming';
+};
+
+exports.getChainStepState = getChainStepState;

package/src/lib/layout/DynamicAuthLayout/utils/getChainStepState/getChainStepState.d.ts

@@ -0,0 +1,3 @@
+import { Chain } from '@dynamic-labs/wallet-connector-core';
+import { StepProps } from '../../../../components/Step/Step';
+export declare const getChainStepState: (chain: Chain, chainsLeftToConnect: Chain[]) => StepProps['state'];

package/src/lib/layout/DynamicAuthLayout/utils/getChainStepState/getChainStepState.js

@@ -0,0 +1,14 @@
+// Derive step state from remaining wallets
+const getChainStepState = (chain, chainsLeftToConnect) => {
+    const isCurrentStep = chain === chainsLeftToConnect[0];
+    const isStepComplete = !chainsLeftToConnect.includes(chain);
+    if (isCurrentStep) {
+        return 'current';
+    }
+    if (isStepComplete) {
+        return 'done';
+    }
+    return 'upcoming';
+};
+
+export { getChainStepState };

package/src/lib/layout/DynamicAuthLayout/utils/getChainStepState/index.d.ts

@@ -0,0 +1 @@
+export { getChainStepState } from './getChainStepState';

package/src/lib/layout/DynamicAuthLayout/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './getChainStepState';

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.cjs

@@ -42,6 +42,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../components/InlineWidget/InlineWidget.cjs');
 
 const BridgeNextWalletToConnectLayout = ({ chainName, chainIcon, onClickAction, onClickClose }) => {
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, Object.assign({ type: 'button', onClick: onClickClose, "data-testid": 'close-button' }, { children: jsxRuntime.jsx(close.ReactComponent, {}) })));

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.js

@@ -38,6 +38,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../components/InlineWidget/InlineWidget.js';
 
 const BridgeNextWalletToConnectLayout = ({ chainName, chainIcon, onClickAction, onClickClose }) => {
     const closeButton = onClickClose && (jsx(IconButton, Object.assign({ type: 'button', onClick: onClickClose, "data-testid": 'close-button' }, { children: jsx(SvgClose, {}) })));

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.cjs

@@ -44,6 +44,7 @@ require('formik');
 require('yup');
 var Step = require('../../components/Step/Step.cjs');
 var Stepper = require('../../components/Stepper/Stepper.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
 
 const BridgeWelcomeLayout = ({ body, chains = [], onClickAction, onClickClose, title, actionButtonText, }) => {
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, Object.assign({ type: 'button', onClick: onClickClose, "data-testid": 'close-button' }, { children: jsxRuntime.jsx(close.ReactComponent, {}) })));

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.js

@@ -40,6 +40,7 @@ import 'formik';
 import 'yup';
 import { Step } from '../../components/Step/Step.js';
 import { Stepper } from '../../components/Stepper/Stepper.js';
+import '../../components/InlineWidget/InlineWidget.js';
 
 const BridgeWelcomeLayout = ({ body, chains = [], onClickAction, onClickClose, title, actionButtonText, }) => {
     const closeButton = onClickClose && (jsx(IconButton, Object.assign({ type: 'button', onClick: onClickClose, "data-testid": 'close-button' }, { children: jsx(SvgClose, {}) })));