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

package/src/lib/components/Icon/Icon.js

@@ -3,23 +3,7 @@ import { cloneElement } from 'react';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 
 const Icon = ({ children, className = '', color, size, }) => {
-    const colorClassNameMap = {
-        'brand-primary': 'icon--color-brand-primary',
-        'success-1': 'icon--color-success-1',
-        'text-error': 'icon--color-text-error',
-        'text-primary': 'icon--color-text-primary',
-        'text-secondary': 'icon--color-text-secondary',
-        'text-tertiary': 'icon--color-text-tertiary',
-    };
-    const sizeClassNameMap = {
-        large: 'icon--size-large',
-        medium: 'icon--size-medium',
-        mini: 'icon--size-mini',
-        mlarge: 'icon--size-mlarge',
-        small: 'icon--size-small',
-        xsmall: 'icon--size-xsmall',
-    };
-    const effectiveClassName = classNames(className, color ? colorClassNameMap[color] : '', size ? sizeClassNameMap[size] : '');
+    const effectiveClassName = classNames(className, color ? `icon--color-${color}` : '', size ? `icon--size-${size}` : '');
     return cloneElement(children, { className: effectiveClassName });
 };
 

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

@@ -1,2 +1 @@
-export { Icon } from './Icon';
-export type { IconComponent, IconProps, IconColor } from './Icon.types';
+export * from './Icon';

package/src/lib/components/IconWithSpinner/IconWithSpinner.cjs

@@ -20,11 +20,14 @@ require('react');
 require('@dynamic-labs/wallet-book');
 require('../../store/state/loadingAndLifecycle.cjs');
 require('../../shared/consts/index.cjs');
+require('../../store/state/nonce/nonce.cjs');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 var Spinner = require('./Spinner/Spinner.cjs');
 var Indicator = require('./Indicator/Indicator.cjs');
 

package/src/lib/components/IconWithSpinner/IconWithSpinner.js

@@ -16,11 +16,14 @@ import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../store/state/loadingAndLifecycle.js';
 import '../../shared/consts/index.js';
+import '../../store/state/nonce/nonce.js';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
 import '../../store/state/projectSettings/projectSettings.js';
+import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/primaryWalletId/primaryWalletId.js';
 import { Spinner } from './Spinner/Spinner.js';
 import { Indicator } from './Indicator/Indicator.js';
 

package/src/lib/components/IconWithSpinner/Indicator/Indicator.cjs

@@ -20,11 +20,14 @@ require('../../../shared/consts/index.cjs');
 require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../../store/state/nonce/nonce.cjs');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../store/state/user/user.cjs');
 require('../../../locale/locale.cjs');
 require('../../../store/state/projectSettings/projectSettings.cjs');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 
 const Indicator = ({ indicator, iconSize }) => {
     const walletConnectSizes = {

package/src/lib/components/IconWithSpinner/Indicator/Indicator.js

@@ -16,11 +16,14 @@ import '../../../shared/consts/index.js';
 import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../../store/state/nonce/nonce.js';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../store/state/user/user.js';
 import '../../../locale/locale.js';
 import '../../../store/state/projectSettings/projectSettings.js';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/primaryWalletId/primaryWalletId.js';
 
 const Indicator = ({ indicator, iconSize }) => {
     const walletConnectSizes = {

package/src/lib/components/IconWithSpinner/Spinner/Spinner.cjs

@@ -20,11 +20,14 @@ require('react');
 require('@dynamic-labs/wallet-book');
 require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
+require('../../../store/state/nonce/nonce.cjs');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../store/state/user/user.cjs');
 require('../../../locale/locale.cjs');
 require('../../../store/state/projectSettings/projectSettings.cjs');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 
 const defaultCustomColor = '#4779FF';
 const Spinner = ({ className = '', size = 16, customSpinnerColor = '', }) => {

package/src/lib/components/IconWithSpinner/Spinner/Spinner.js

@@ -16,11 +16,14 @@ import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../../store/state/loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
+import '../../../store/state/nonce/nonce.js';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../store/state/user/user.js';
 import '../../../locale/locale.js';
 import '../../../store/state/projectSettings/projectSettings.js';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/primaryWalletId/primaryWalletId.js';
 
 const defaultCustomColor = '#4779FF';
 const Spinner = ({ className = '', size = 16, customSpinnerColor = '', }) => {

package/src/lib/components/IconWithStatus/IconWithStatus.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var walletBook = require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/sdk-api-core');
 require('../../utils/constants/values.cjs');
 require('@dynamic-labs/utils');
@@ -17,26 +16,26 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('react');
+require('@dynamic-labs/wallet-book');
 require('../../store/state/loadingAndLifecycle.cjs');
 require('../../shared/consts/index.cjs');
+require('../../store/state/nonce/nonce.cjs');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var StatusDot = require('../StatusDot/StatusDot.cjs');
-var Icon = require('../Icon/Icon.cjs');
 
-const IconWithStatus = ({ Icon: Icon$1, InnerIcon, primaryWalletKey, containerClassName, iconSize = 16, variant = 'green', }) => {
-    const Inner = primaryWalletKey ? (jsxRuntime.jsx("div", { className: 'inner-icon__container', children: jsxRuntime.jsx("div", { className: classNames.classNames('inner-icon'), children: jsxRuntime.jsx(Icon.Icon, { size: 'medium', children: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: primaryWalletKey }) }) }) })) : (jsxRuntime.jsx("div", { className: 'inner-icon__container', children: jsxRuntime.jsx("div", { className: classNames.classNames('inner-icon', `inner-icon--${variant}`), children: InnerIcon && jsxRuntime.jsx(InnerIcon, {}) }) }));
-    return (jsxRuntime.jsxs("div", { className: classNames.classNames('icon-with-status__container', containerClassName || ''), children: [typeof Icon$1 === 'string' ? (jsxRuntime.jsx("img", { style: {
-                    height: pixelToRem.pixelToRem(iconSize),
-                    width: pixelToRem.pixelToRem(iconSize),
-                }, src: Icon$1, alt: '', className: 'icon' })) : (jsxRuntime.jsx(Icon$1, { style: {
-                    height: pixelToRem.pixelToRem(iconSize),
-                    width: pixelToRem.pixelToRem(iconSize),
-                } })), InnerIcon || primaryWalletKey ? (Inner) : (jsxRuntime.jsx(StatusDot.StatusDot, { variant: variant, containerClassName: 'icon-with-status__status-dot' }))] }));
-};
+const IconWithStatus = ({ Icon, InnerIcon, containerClassName, iconSize = 16, variant = 'green', }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('icon-with-status__container', containerClassName || ''), children: [typeof Icon === 'string' ? (jsxRuntime.jsx("img", { style: {
+                height: pixelToRem.pixelToRem(iconSize),
+                width: pixelToRem.pixelToRem(iconSize),
+            }, src: Icon, alt: '', className: 'icon' })) : (jsxRuntime.jsx(Icon, { style: {
+                height: pixelToRem.pixelToRem(iconSize),
+                width: pixelToRem.pixelToRem(iconSize),
+            } })), InnerIcon ? (jsxRuntime.jsx("div", { className: 'inner-icon__container', children: jsxRuntime.jsx("div", { className: classNames.classNames('inner-icon', `inner-icon--${variant}`), children: jsxRuntime.jsx(InnerIcon, {}) }) })) : (jsxRuntime.jsx(StatusDot.StatusDot, { variant: variant, containerClassName: 'icon-with-status__status-dot' }))] }));
 
 exports.IconWithStatus = IconWithStatus;

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

@@ -5,8 +5,7 @@ type Props = {
     InnerIcon?: Icon;
     containerClassName?: string;
     iconSize?: number;
-    primaryWalletKey?: string;
     variant?: 'green' | 'red' | 'yellow';
 };
-export declare const IconWithStatus: ({ Icon, InnerIcon, primaryWalletKey, containerClassName, iconSize, variant, }: Props) => JSX.Element;
+export declare const IconWithStatus: ({ Icon, InnerIcon, containerClassName, iconSize, variant, }: Props) => JSX.Element;
 export {};

package/src/lib/components/IconWithStatus/IconWithStatus.js

@@ -1,6 +1,5 @@
 'use client'
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { WalletIcon } from '@dynamic-labs/wallet-book';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '@dynamic-labs/sdk-api-core';
 import '../../utils/constants/values.js';
 import '@dynamic-labs/utils';
@@ -13,26 +12,26 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import 'react';
+import '@dynamic-labs/wallet-book';
 import '../../store/state/loadingAndLifecycle.js';
 import '../../shared/consts/index.js';
+import '../../store/state/nonce/nonce.js';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
 import '../../store/state/projectSettings/projectSettings.js';
+import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/primaryWalletId/primaryWalletId.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { StatusDot } from '../StatusDot/StatusDot.js';
-import { Icon } from '../Icon/Icon.js';
 
-const IconWithStatus = ({ Icon: Icon$1, InnerIcon, primaryWalletKey, containerClassName, iconSize = 16, variant = 'green', }) => {
-    const Inner = primaryWalletKey ? (jsx("div", { className: 'inner-icon__container', children: jsx("div", { className: classNames('inner-icon'), children: jsx(Icon, { size: 'medium', children: jsx(WalletIcon, { walletKey: primaryWalletKey }) }) }) })) : (jsx("div", { className: 'inner-icon__container', children: jsx("div", { className: classNames('inner-icon', `inner-icon--${variant}`), children: InnerIcon && jsx(InnerIcon, {}) }) }));
-    return (jsxs("div", { className: classNames('icon-with-status__container', containerClassName || ''), children: [typeof Icon$1 === 'string' ? (jsx("img", { style: {
-                    height: pixelToRem(iconSize),
-                    width: pixelToRem(iconSize),
-                }, src: Icon$1, alt: '', className: 'icon' })) : (jsx(Icon$1, { style: {
-                    height: pixelToRem(iconSize),
-                    width: pixelToRem(iconSize),
-                } })), InnerIcon || primaryWalletKey ? (Inner) : (jsx(StatusDot, { variant: variant, containerClassName: 'icon-with-status__status-dot' }))] }));
-};
+const IconWithStatus = ({ Icon, InnerIcon, containerClassName, iconSize = 16, variant = 'green', }) => (jsxs("div", { className: classNames('icon-with-status__container', containerClassName || ''), children: [typeof Icon === 'string' ? (jsx("img", { style: {
+                height: pixelToRem(iconSize),
+                width: pixelToRem(iconSize),
+            }, src: Icon, alt: '', className: 'icon' })) : (jsx(Icon, { style: {
+                height: pixelToRem(iconSize),
+                width: pixelToRem(iconSize),
+            } })), InnerIcon ? (jsx("div", { className: 'inner-icon__container', children: jsx("div", { className: classNames('inner-icon', `inner-icon--${variant}`), children: jsx(InnerIcon, {}) }) })) : (jsx(StatusDot, { variant: variant, containerClassName: 'icon-with-status__status-dot' }))] }));
 
 export { IconWithStatus };

package/src/lib/components/Input/Input.cjs

@@ -10,7 +10,7 @@ var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var Typography = require('../Typography/Typography.cjs');
 
 const Input = React.forwardRef((_a, ref) => {
-    var { className = '', id, label, type, onChange, onBlur, name, value, optional, error = false, disabled, message, placeholder, variant = 'dense', suffix, containerClassName } = _a, rest = _tslib.__rest(_a, ["className", "id", "label", "type", "onChange", "onBlur", "name", "value", "optional", "error", "disabled", "message", "placeholder", "variant", "suffix", "containerClassName"]);
+    var { className = '', id, label, type, onChange, onBlur, name, value, optional, error = false, success = false, disabled, message, placeholder, variant = 'dense', suffix, containerClassName } = _a, rest = _tslib.__rest(_a, ["className", "id", "label", "type", "onChange", "onBlur", "name", "value", "optional", "error", "success", "disabled", "message", "placeholder", "variant", "suffix", "containerClassName"]);
     return (jsxRuntime.jsxs("div", { className: classNames.classNames('input__container', containerClassName, {
             'input__container--dense': variant === 'dense',
             'input__container--regular': variant === 'regular',
@@ -18,8 +18,10 @@ const Input = React.forwardRef((_a, ref) => {
                     'input--no-label': !label,
                     input__error: error,
                     input__has_trailing: optional,
+                    input__success: success,
                 }), ref: ref })), jsxRuntime.jsx("label", { htmlFor: id, className: classNames.classNames('input__label'), children: label }), suffix && jsxRuntime.jsx("div", { className: classNames.classNames('input__suffix'), children: suffix }), optional && jsxRuntime.jsx("span", { className: 'input__trailing', children: "Optional" }), Boolean(message) && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: classNames.classNames('input__message', {
                     input__message__error: error,
+                    input__message__success: success,
                 }), children: message }))] }));
 });
 Input.displayName = 'Input';

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

@@ -3,6 +3,7 @@ export declare const Input: import("react").ForwardRefExoticComponent<Pick<impor
     containerClassName?: string | undefined;
     className?: string | undefined;
     error?: boolean | undefined;
+    success?: boolean | undefined;
     id: string;
     label: string;
     message?: import("react").ReactNode;

package/src/lib/components/Input/Input.js

@@ -6,7 +6,7 @@ import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { Typography } from '../Typography/Typography.js';
 
 const Input = forwardRef((_a, ref) => {
-    var { className = '', id, label, type, onChange, onBlur, name, value, optional, error = false, disabled, message, placeholder, variant = 'dense', suffix, containerClassName } = _a, rest = __rest(_a, ["className", "id", "label", "type", "onChange", "onBlur", "name", "value", "optional", "error", "disabled", "message", "placeholder", "variant", "suffix", "containerClassName"]);
+    var { className = '', id, label, type, onChange, onBlur, name, value, optional, error = false, success = false, disabled, message, placeholder, variant = 'dense', suffix, containerClassName } = _a, rest = __rest(_a, ["className", "id", "label", "type", "onChange", "onBlur", "name", "value", "optional", "error", "success", "disabled", "message", "placeholder", "variant", "suffix", "containerClassName"]);
     return (jsxs("div", { className: classNames('input__container', containerClassName, {
             'input__container--dense': variant === 'dense',
             'input__container--regular': variant === 'regular',
@@ -14,8 +14,10 @@ const Input = forwardRef((_a, ref) => {
                     'input--no-label': !label,
                     input__error: error,
                     input__has_trailing: optional,
+                    input__success: success,
                 }), ref: ref })), jsx("label", { htmlFor: id, className: classNames('input__label'), children: label }), suffix && jsx("div", { className: classNames('input__suffix'), children: suffix }), optional && jsx("span", { className: 'input__trailing', children: "Optional" }), Boolean(message) && (jsx(Typography, { variant: 'body_mini', className: classNames('input__message', {
                     input__message__error: error,
+                    input__message__success: success,
                 }), children: message }))] }));
 });
 Input.displayName = 'Input';

package/src/lib/components/Input/Input.types.d.ts

@@ -5,6 +5,7 @@ export type InputProps = React.ComponentPropsWithoutRef<'input'> & {
     containerClassName?: string;
     className?: string;
     error?: boolean;
+    success?: boolean;
     id: string;
     label: string;
     message?: ReactNode;

package/src/lib/components/LogoutButton/LogoutButton.cjs

@@ -24,15 +24,19 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../store/state/nonce/nonce.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
@@ -45,8 +49,7 @@ require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../store/state/environmentId.cjs');
-require('../../store/state/walletConnectorOptions.cjs');
+require('../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
@@ -57,27 +60,30 @@ require('../InlineWidget/InlineWidget.cjs');
 require('../Input/Input.cjs');
 require('../IsBrowser/IsBrowser.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
+require('../OverlayCard/OverlayCard.cjs');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
-require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
+require('@dynamic-labs/ethereum-aa');
+require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/components/LogoutButton/LogoutButton.js

@@ -20,15 +20,19 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../store/state/nonce/nonce.js';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
 import '../../store/state/projectSettings/projectSettings.js';
+import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
@@ -41,8 +45,7 @@ import '../../views/CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../store/state/environmentId.js';
-import '../../store/state/walletConnectorOptions.js';
+import '../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
@@ -53,27 +56,30 @@ import '../InlineWidget/InlineWidget.js';
 import '../Input/Input.js';
 import '../IsBrowser/IsBrowser.js';
 import '../MenuList/Dropdown/Dropdown.js';
+import '../OverlayCard/OverlayCard.js';
 import '../Transition/ZoomTransition/ZoomTransition.js';
 import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
-import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
+import '@dynamic-labs/ethereum-aa';
+import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/components/MenuList/MenuList/MenuList.cjs

@@ -7,28 +7,11 @@ var jsxRuntime = require('react/jsx-runtime');
 var utils = require('@dynamic-labs/utils');
 var classNames = require('../../../utils/functions/classNames/classNames.cjs');
 var OverlayCard = require('../../OverlayCard/OverlayCard.cjs');
-require('../../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 var Dropdown = require('../Dropdown/Dropdown.cjs');
-var ModalHeader = require('../../ModalHeader/ModalHeader.cjs');
-var Typography = require('../../Typography/Typography.cjs');
-var IconButton = require('../../IconButton/IconButton.cjs');
-require('@dynamic-labs/sdk-api-core');
-require('../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('../../../context/ViewContext/ViewContext.cjs');
-require('react');
-var close = require('../../../shared/assets/close.cjs');
-require('@dynamic-labs/wallet-book');
-require('../../../utils/constants/colors.cjs');
-require('../../../utils/constants/values.cjs');
-require('../../../store/state/loadingAndLifecycle.cjs');
-require('../../../shared/consts/index.cjs');
 
 const MenuList = ({ isOpen, onClickClose, popperProps, dropdownClassName, dropdownStyle, overlayCardClassName, overlayCardStyle, className, style, children, mobileTitle, }) => {
-    const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { onClick: onClickClose, type: 'button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     if (utils.isMobile())
-        return (jsxRuntime.jsxs(OverlayCard.OverlayCard, { isOpen: isOpen, onClickOverlay: onClickClose, className: classNames.classNames(overlayCardClassName, className), style: Object.assign(Object.assign({}, style), overlayCardStyle), children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', children: mobileTitle }) }), jsxRuntime.jsx("div", { className: 'menu-list__overlay-card__container', children: children })] }));
+        return (jsxRuntime.jsxs(OverlayCard.OverlayCard, { isOpen: isOpen, onClose: onClickClose, className: classNames.classNames(overlayCardClassName, className), style: Object.assign(Object.assign({}, style), overlayCardStyle), children: [jsxRuntime.jsx(OverlayCard.OverlayCard.Header, { children: mobileTitle }), jsxRuntime.jsx(OverlayCard.OverlayCard.Content, { removePadding: true, children: jsxRuntime.jsx("div", { className: 'menu-list__overlay-card__container', children: children }) })] }));
     return (jsxRuntime.jsx(Dropdown.Dropdown, Object.assign({ isOpen: isOpen, onClickOutside: onClickClose, onScroll: onClickClose, className: classNames.classNames(dropdownClassName, className), style: Object.assign(Object.assign({}, style), dropdownStyle) }, popperProps, { children: children })));
 };
 

package/src/lib/components/MenuList/MenuList/MenuList.js

@@ -1,30 +1,13 @@
 'use client'
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { isMobile } from '@dynamic-labs/utils';
 import { classNames } from '../../../utils/functions/classNames/classNames.js';
 import { OverlayCard } from '../../OverlayCard/OverlayCard.js';
-import '../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import { Dropdown } from '../Dropdown/Dropdown.js';
-import { ModalHeader } from '../../ModalHeader/ModalHeader.js';
-import { Typography } from '../../Typography/Typography.js';
-import { IconButton } from '../../IconButton/IconButton.js';
-import '@dynamic-labs/sdk-api-core';
-import '../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import '../../../context/ViewContext/ViewContext.js';
-import 'react';
-import { ReactComponent as SvgClose } from '../../../shared/assets/close.js';
-import '@dynamic-labs/wallet-book';
-import '../../../utils/constants/colors.js';
-import '../../../utils/constants/values.js';
-import '../../../store/state/loadingAndLifecycle.js';
-import '../../../shared/consts/index.js';
 
 const MenuList = ({ isOpen, onClickClose, popperProps, dropdownClassName, dropdownStyle, overlayCardClassName, overlayCardStyle, className, style, children, mobileTitle, }) => {
-    const closeButton = (jsx(IconButton, { onClick: onClickClose, type: 'button', children: jsx(SvgClose, {}) }));
     if (isMobile())
-        return (jsxs(OverlayCard, { isOpen: isOpen, onClickOverlay: onClickClose, className: classNames(overlayCardClassName, className), style: Object.assign(Object.assign({}, style), overlayCardStyle), children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', children: mobileTitle }) }), jsx("div", { className: 'menu-list__overlay-card__container', children: children })] }));
+        return (jsxs(OverlayCard, { isOpen: isOpen, onClose: onClickClose, className: classNames(overlayCardClassName, className), style: Object.assign(Object.assign({}, style), overlayCardStyle), children: [jsx(OverlayCard.Header, { children: mobileTitle }), jsx(OverlayCard.Content, { removePadding: true, children: jsx("div", { className: 'menu-list__overlay-card__container', children: children }) })] }));
     return (jsx(Dropdown, Object.assign({ isOpen: isOpen, onClickOutside: onClickClose, onScroll: onClickClose, className: classNames(dropdownClassName, className), style: Object.assign(Object.assign({}, style), dropdownStyle) }, popperProps, { children: children })));
 };
 

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');
@@ -27,15 +27,19 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../store/state/nonce/nonce.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
@@ -48,8 +52,7 @@ require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../store/state/environmentId.cjs');
-require('../../store/state/walletConnectorOptions.cjs');
+require('../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
@@ -59,29 +62,32 @@ require('../InlineWidget/InlineWidget.cjs');
 require('../Input/Input.cjs');
 require('../IsBrowser/IsBrowser.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
-require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../OverlayCard/OverlayCard.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
+require('@dynamic-labs/ethereum-aa');
+require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 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;