@dynamic-labs/sdk-react-core 2.0.0-alpha.23 → 2.0.0-alpha.25

package/CHANGELOG.md

@@ -1,4 +1,37 @@
 
+## [2.0.0-alpha.25](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.24...v2.0.0-alpha.25) (2024-04-04)
+
+
+### Features
+
+* add in-app browser deeplink for metamask ([#5176](https://github.com/dynamic-labs/DynamicAuth/issues/5176)) ([02ce607](https://github.com/dynamic-labs/DynamicAuth/commit/02ce6077ed0deeaefc7a62ee91ff72f5bce2b327)), closes [#5123](https://github.com/dynamic-labs/DynamicAuth/issues/5123)
+
+## [2.0.0-alpha.24](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.23...v2.0.0-alpha.24) (2024-04-03)
+
+
+### ⚠ BREAKING CHANGES
+
+* rename otp verification callbacks (#5180)
+* remove deprecated isVerificationInProgress flag and setter (#5089)
+
+### Features
+
+* allow creating embedded wallets even if user signs in with a wallet ([#5093](https://github.com/dynamic-labs/DynamicAuth/issues/5093)) ([ba2dd62](https://github.com/dynamic-labs/DynamicAuth/commit/ba2dd625e0a7bf35018cf8aac8e80bd23b4e3b0f))
+
+
+### Bug Fixes
+
+* api unit test by removing api and sdk versions for assertion ([#5168](https://github.com/dynamic-labs/DynamicAuth/issues/5168)) ([6d3b8ad](https://github.com/dynamic-labs/DynamicAuth/commit/6d3b8adebe62a4f2a7878630384348b2c491d779))
+* bug when phone input is empty ([#5139](https://github.com/dynamic-labs/DynamicAuth/issues/5139)) ([7155b63](https://github.com/dynamic-labs/DynamicAuth/commit/7155b63518d00ba807bc321c6740b341d0a8b82f))
+* clear error message on otp resend for sms ([#5182](https://github.com/dynamic-labs/DynamicAuth/issues/5182)) ([f40b48c](https://github.com/dynamic-labs/DynamicAuth/commit/f40b48c7f58c8e3dfe73fb124d642c3b8f193cee))
+* link farcaster account ([#5170](https://github.com/dynamic-labs/DynamicAuth/issues/5170)) ([10fe272](https://github.com/dynamic-labs/DynamicAuth/commit/10fe272247605b5f09385f063231e2c881399cc8))
+* show correct otp message for sms verification failure ([#5177](https://github.com/dynamic-labs/DynamicAuth/issues/5177)) ([b3bcd76](https://github.com/dynamic-labs/DynamicAuth/commit/b3bcd7694047dac55ce37babb71684a418633f95))
+* update wagmi connector id when wallet connector changes ([#5185](https://github.com/dynamic-labs/DynamicAuth/issues/5185)) ([14fb83a](https://github.com/dynamic-labs/DynamicAuth/commit/14fb83a22c8e39095b79cc9951cae3f00f4fca2f))
+
+
+* remove deprecated isVerificationInProgress flag and setter ([#5089](https://github.com/dynamic-labs/DynamicAuth/issues/5089)) ([060fef7](https://github.com/dynamic-labs/DynamicAuth/commit/060fef70df0c497e7a9b6e67ad0bfafef52c2bbb))
+* rename otp verification callbacks ([#5180](https://github.com/dynamic-labs/DynamicAuth/issues/5180)) ([a580eec](https://github.com/dynamic-labs/DynamicAuth/commit/a580eec02d15b46a25c01d5473e4db2db89937e2))
+
 ## [2.0.0-alpha.23](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.22...v2.0.0-alpha.23) (2024-04-01)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.0.0-alpha.23";
+var version = "2.0.0-alpha.25";
 var dependencies = {
 	"@dynamic-labs/sdk-api": "0.0.397",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,4 +1,4 @@
-var version = "2.0.0-alpha.23";
+var version = "2.0.0-alpha.25";
 var dependencies = {
 	"@dynamic-labs/sdk-api": "0.0.397",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.0.0-alpha.23",
+  "version": "2.0.0-alpha.25",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,18 +17,18 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/ethereum": "2.0.0-alpha.23",
-    "@dynamic-labs/iconic": "2.0.0-alpha.23",
-    "@dynamic-labs/logger": "2.0.0-alpha.23",
-    "@dynamic-labs/multi-wallet": "2.0.0-alpha.23",
-    "@dynamic-labs/rpc-provider-ethereum": "2.0.0-alpha.23",
-    "@dynamic-labs/rpc-provider-solana": "2.0.0-alpha.23",
-    "@dynamic-labs/rpc-providers": "2.0.0-alpha.23",
-    "@dynamic-labs/types": "2.0.0-alpha.23",
-    "@dynamic-labs/utils": "2.0.0-alpha.23",
-    "@dynamic-labs/viem-utils": "2.0.0-alpha.23",
-    "@dynamic-labs/wallet-book": "2.0.0-alpha.23",
-    "@dynamic-labs/wallet-connector-core": "2.0.0-alpha.23",
+    "@dynamic-labs/ethereum": "2.0.0-alpha.25",
+    "@dynamic-labs/iconic": "2.0.0-alpha.25",
+    "@dynamic-labs/logger": "2.0.0-alpha.25",
+    "@dynamic-labs/multi-wallet": "2.0.0-alpha.25",
+    "@dynamic-labs/rpc-provider-ethereum": "2.0.0-alpha.25",
+    "@dynamic-labs/rpc-provider-solana": "2.0.0-alpha.25",
+    "@dynamic-labs/rpc-providers": "2.0.0-alpha.25",
+    "@dynamic-labs/types": "2.0.0-alpha.25",
+    "@dynamic-labs/utils": "2.0.0-alpha.25",
+    "@dynamic-labs/viem-utils": "2.0.0-alpha.25",
+    "@dynamic-labs/wallet-book": "2.0.0-alpha.25",
+    "@dynamic-labs/wallet-connector-core": "2.0.0-alpha.25",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -52,6 +52,7 @@ var stroke = require('./lib/shared/assets/stroke.cjs');
 require('./lib/shared/consts/index.cjs');
 require('../_virtual/_tslib.cjs');
 require('react-dom');
+require('i18next');
 require('./lib/config/ApiEndpoint.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/multi-wallet');
@@ -76,7 +77,6 @@ require('./lib/context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('./lib/context/AccountExistsContext/AccountExistsContext.cjs');
 require('./lib/context/ErrorContext/ErrorContext.cjs');
 var useWalletItemActions = require('./lib/utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
-require('i18next');
 require('viem');
 require('./lib/context/FooterAnimationContext/index.cjs');
 var ShadowDOM = require('./lib/components/ShadowDOM/ShadowDOM.cjs');

package/src/index.d.ts

@@ -56,7 +56,7 @@ LogoutIcon,
 /** @deprecated */
 PencilIcon, 
 /** @deprecated */
-SpinnerIcon, type AccessDeniedCustomButton, type AccountSwitchState, type AuthModeType, type AwaitingSignatureState, type ChainToWalletMap, type DynamicEventsCallbacks, type DynamicRPCProviders, type MultiWalletWidgetState, type OnAuthSuccess, type OnBeforeConnectSuccessConfirmation, type onConnect, type OnDisconnect, type OnEmailVerificationFailure, type OnEmailVerificationSuccess, type OnEmbeddedWalletCreated, type OnLinkSuccess, type OnUserProfileUpdate, type RecommendedWallet, type UserProfile, type Wallet, type WalletOption, 
+SpinnerIcon, type AccessDeniedCustomButton, type AccountSwitchState, type AuthModeType, type AwaitingSignatureState, type ChainToWalletMap, type DynamicEventsCallbacks, type DynamicHandlers, type DynamicRPCProviders, type MultiWalletWidgetState, type OnAuthSuccess, type OnBeforeConnectSuccessConfirmation, type onConnect, type OnDisconnect, type OnOtpVerificationResult, type OnEmbeddedWalletCreated, type OnLinkSuccess, type OnUserProfileUpdate, type RecommendedWallet, type UserProfile, type Wallet, type WalletOption, 
 /** @deprecated */
 useLocalStorage, 
 /** @deprecated */

package/src/index.js

@@ -48,6 +48,7 @@ export { ReactComponent as ArrowIcon } from './lib/shared/assets/stroke.js';
 import './lib/shared/consts/index.js';
 import '../_virtual/_tslib.js';
 import 'react-dom';
+import 'i18next';
 import './lib/config/ApiEndpoint.js';
 import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/multi-wallet';
@@ -72,7 +73,6 @@ import './lib/context/AccessDeniedContext/AccessDeniedContext.js';
 import './lib/context/AccountExistsContext/AccountExistsContext.js';
 import './lib/context/ErrorContext/ErrorContext.js';
 export { useWalletItemActions } from './lib/utils/hooks/useWalletItemActions/useWalletItemActions.js';
-import 'i18next';
 import 'viem';
 import './lib/context/FooterAnimationContext/index.js';
 export { ShadowDOM } from './lib/components/ShadowDOM/ShadowDOM.js';

package/src/lib/Main.cjs

@@ -29,6 +29,7 @@ require('react-international-phone');
 var isSupportedNetwork = require('./utils/functions/isSupportedNetwork/isSupportedNetwork.cjs');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('./config/ApiEndpoint.cjs');
 var AccessDeniedContext = require('./context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('./context/AccountExistsContext/AccountExistsContext.cjs');
@@ -65,7 +66,6 @@ require('qrcode');
 var RenderView = require('./components/RenderView/RenderView.cjs');
 require('./context/PasskeyContext/PasskeyContext.cjs');
 require('formik');
-require('i18next');
 var DynamicAuthModal = require('./modals/DynamicAuthModal/DynamicAuthModal.cjs');
 require('./views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var useInternalDynamicContext = require('./context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');

package/src/lib/Main.js

@@ -25,6 +25,7 @@ import 'react-international-phone';
 import { isSupportedNetwork } from './utils/functions/isSupportedNetwork/isSupportedNetwork.js';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import './config/ApiEndpoint.js';
 import { useAccessDeniedContext } from './context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from './context/AccountExistsContext/AccountExistsContext.js';
@@ -61,7 +62,6 @@ import 'qrcode';
 import { RenderView } from './components/RenderView/RenderView.js';
 import './context/PasskeyContext/PasskeyContext.js';
 import 'formik';
-import 'i18next';
 import { DynamicAuthModal } from './modals/DynamicAuthModal/DynamicAuthModal.js';
 import './views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { useInternalDynamicContext } from './context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs

@@ -25,6 +25,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -62,7 +63,6 @@ require('formik');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.js

@@ -21,6 +21,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -58,7 +59,6 @@ import 'formik';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../context/FooterAnimationContext/index.js';

package/src/lib/components/AnimatePresence/AnimatePresence.cjs

@@ -24,6 +24,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -62,7 +63,6 @@ require('formik');
 require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');

package/src/lib/components/AnimatePresence/AnimatePresence.js

@@ -20,6 +20,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -58,7 +59,6 @@ import 'formik';
 import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';

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

@@ -23,6 +23,7 @@ var getReferencedAccount = require('../../utils/functions/getReferencedAccount/g
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../config/ApiEndpoint.cjs');
 var IconWithStatus = require('../IconWithStatus/IconWithStatus.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
@@ -67,7 +68,6 @@ require('formik');
 require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');

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

@@ -19,6 +19,7 @@ import { getReferencedAccount } from '../../utils/functions/getReferencedAccount
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../config/ApiEndpoint.js';
 import { IconWithStatus } from '../IconWithStatus/IconWithStatus.js';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -63,7 +64,6 @@ import 'formik';
 import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';

package/src/lib/components/Captcha/Captcha.cjs

@@ -25,6 +25,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -61,7 +62,6 @@ require('formik');
 require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('i18next');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');

package/src/lib/components/Captcha/Captcha.js

@@ -21,6 +21,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -57,7 +58,6 @@ import 'formik';
 import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import 'i18next';
 import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';

package/src/lib/components/Divider/Divider.cjs

@@ -25,6 +25,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -41,7 +42,6 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('i18next');
 var Typography = require('../Typography/Typography.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
@@ -74,8 +74,8 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('@hcaptcha/react-hcaptcha');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 
-const Divider = ({ text, className = '', fullWidth = false }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('divider', className, {
+const Divider = ({ text, className, style, fullWidth = false, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('divider', className, {
         'divider__full-width': fullWidth,
-    }), children: [jsxRuntime.jsx("div", { className: 'divider__dash' }), Boolean(text) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { className: 'divider__text', variant: 'body_small', color: 'secondary', children: text }), jsxRuntime.jsx("div", { className: 'divider__dash' })] }))] }));
+    }), style: style, children: [jsxRuntime.jsx("div", { className: 'divider__dash' }), Boolean(text) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { className: 'divider__text', variant: 'body_small', color: 'secondary', children: text }), jsxRuntime.jsx("div", { className: 'divider__dash' })] }))] }));
 
 exports.Divider = Divider;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-type Props = {
-    className?: string;
+import { FC } from 'react';
+import { ClassStyleProps } from '../../utils/types';
+type DividerProps = ClassStyleProps & {
     fullWidth?: boolean;
     text?: string;
 };
-export declare const Divider: ({ text, className, fullWidth }: Props) => JSX.Element;
+export declare const Divider: FC<DividerProps>;
 export {};

package/src/lib/components/Divider/Divider.js

@@ -21,6 +21,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -37,7 +38,6 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
-import 'i18next';
 import { Typography } from '../Typography/Typography.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../ShadowDOM/ShadowDOM.js';
@@ -70,8 +70,8 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import '@hcaptcha/react-hcaptcha';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 
-const Divider = ({ text, className = '', fullWidth = false }) => (jsxs("div", { className: classNames('divider', className, {
+const Divider = ({ text, className, style, fullWidth = false, }) => (jsxs("div", { className: classNames('divider', className, {
         'divider__full-width': fullWidth,
-    }), children: [jsx("div", { className: 'divider__dash' }), Boolean(text) && (jsxs(Fragment, { children: [jsx(Typography, { className: 'divider__text', variant: 'body_small', color: 'secondary', children: text }), jsx("div", { className: 'divider__dash' })] }))] }));
+    }), style: style, children: [jsx("div", { className: 'divider__dash' }), Boolean(text) && (jsxs(Fragment, { children: [jsx(Typography, { className: 'divider__text', variant: 'body_small', color: 'secondary', children: text }), jsx("div", { className: 'divider__dash' })] }))] }));
 
 export { Divider };

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

@@ -24,6 +24,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -61,7 +62,6 @@ require('formik');
 require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');

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

@@ -20,6 +20,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -57,7 +58,6 @@ import 'formik';
 import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';

package/src/lib/components/EmailForm/EmailForm.cjs

@@ -6,6 +6,7 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
@@ -26,6 +27,7 @@ require('react-international-phone');
 var isEmailValid = require('../../utils/functions/isEmailValid/isEmailValid.cjs');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -41,7 +43,6 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('i18next');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
@@ -75,7 +76,7 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('@hcaptcha/react-hcaptcha');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 
-const EmailForm = ({ isLoading, onSubmit, isEmailInvalid = false, currentEmail, emailSubmitButtonInsideInput = false, }) => {
+const EmailForm = ({ isLoading, onSubmit, isEmailInvalid = false, currentEmail, emailSubmitButtonInsideInput = false, className, style, }) => {
     const { t } = reactI18next.useTranslation();
     const [emailInput, setEmailInput] = React.useState(currentEmail !== null && currentEmail !== void 0 ? currentEmail : '');
     const [invalidEmail, setInvalidEmail] = React.useState(isEmailInvalid);
@@ -94,7 +95,7 @@ const EmailForm = ({ isLoading, onSubmit, isEmailInvalid = false, currentEmail,
         }
         onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(emailInput);
     });
-    return (jsxRuntime.jsxs("form", { className: 'login-with-email-form', "data-testid": 'email-form', onSubmit: (e) => handleSubmit(e), children: [jsxRuntime.jsx(Input.Input, { id: 'email_field', value: emailInput, onChange: handleEmailOnChangeEvent, copykey: 'dyn_login.email_form.email_field.label', label: t('dyn_login.email_form.email_field.label'), error: invalidEmail, message: invalidEmail && t('dyn_login.helper.email_form.invalid_email'), suffix: jsxRuntime.jsx(InlineSubmitButton.InlineSubmitButton, { disabled: isLoading, highlighted: emailInput.length > 0, isFocused: isFocused, isHovered: isHovered, emailSubmitButtonInsideInput: emailSubmitButtonInsideInput }), disabled: isLoading, type: 'email', onPointerEnter: () => setIsHovered(true), onPointerLeave: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) }), !emailSubmitButtonInsideInput && (jsxRuntime.jsx(Button.Button, { dataTestId: 'submit_button', buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading || emailInput.length < 3, buttonVariant: 'brand-primary', buttonPadding: 'login-screen-height', expanded: true, copykey: 'dyn_login.email_form.submit_button.label', typographyProps: {
+    return (jsxRuntime.jsxs("form", { className: classNames.classNames('login-with-email-form', className), style: style, "data-testid": 'email-form', onSubmit: (e) => handleSubmit(e), children: [jsxRuntime.jsx(Input.Input, { id: 'email_field', value: emailInput, onChange: handleEmailOnChangeEvent, copykey: 'dyn_login.email_form.email_field.label', label: t('dyn_login.email_form.email_field.label'), error: invalidEmail, message: invalidEmail && t('dyn_login.helper.email_form.invalid_email'), suffix: jsxRuntime.jsx(InlineSubmitButton.InlineSubmitButton, { disabled: isLoading, highlighted: emailInput.length > 0, isFocused: isFocused, isHovered: isHovered, emailSubmitButtonInsideInput: emailSubmitButtonInsideInput }), disabled: isLoading, type: 'email', onPointerEnter: () => setIsHovered(true), onPointerLeave: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) }), !emailSubmitButtonInsideInput && (jsxRuntime.jsx(Button.Button, { dataTestId: 'submit_button', buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading || emailInput.length < 3, buttonVariant: 'brand-primary', buttonPadding: 'login-screen-height', expanded: true, copykey: 'dyn_login.email_form.submit_button.label', typographyProps: {
                     color: 'inherit',
                 }, children: t('dyn_login.email_form.submit_button.label') }))] }));
 };

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

@@ -1,11 +1,12 @@
-/// <reference types="react" />
-interface Props {
+import { FC } from 'react';
+import { ClassStyleProps } from '../../utils/types';
+type EmailFormProps = ClassStyleProps & {
     onSubmit?: (emailInput: string) => void;
     onSubmitError?: () => void;
     isLoading: boolean;
     currentEmail?: string;
     isEmailInvalid?: boolean;
     emailSubmitButtonInsideInput?: boolean;
-}
-export declare const EmailForm: React.FC<Props>;
+};
+export declare const EmailForm: FC<EmailFormProps>;
 export {};

package/src/lib/components/EmailForm/EmailForm.js

@@ -2,6 +2,7 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 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 '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -22,6 +23,7 @@ import 'react-international-phone';
 import { isEmailValid } from '../../utils/functions/isEmailValid/isEmailValid.js';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -37,7 +39,6 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
-import 'i18next';
 import '../../context/FooterAnimationContext/index.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../Transition/ZoomTransition/ZoomTransition.js';
@@ -71,7 +72,7 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import '@hcaptcha/react-hcaptcha';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 
-const EmailForm = ({ isLoading, onSubmit, isEmailInvalid = false, currentEmail, emailSubmitButtonInsideInput = false, }) => {
+const EmailForm = ({ isLoading, onSubmit, isEmailInvalid = false, currentEmail, emailSubmitButtonInsideInput = false, className, style, }) => {
     const { t } = useTranslation();
     const [emailInput, setEmailInput] = useState(currentEmail !== null && currentEmail !== void 0 ? currentEmail : '');
     const [invalidEmail, setInvalidEmail] = useState(isEmailInvalid);
@@ -90,7 +91,7 @@ const EmailForm = ({ isLoading, onSubmit, isEmailInvalid = false, currentEmail,
         }
         onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(emailInput);
     });
-    return (jsxs("form", { className: 'login-with-email-form', "data-testid": 'email-form', onSubmit: (e) => handleSubmit(e), children: [jsx(Input, { id: 'email_field', value: emailInput, onChange: handleEmailOnChangeEvent, copykey: 'dyn_login.email_form.email_field.label', label: t('dyn_login.email_form.email_field.label'), error: invalidEmail, message: invalidEmail && t('dyn_login.helper.email_form.invalid_email'), suffix: jsx(InlineSubmitButton, { disabled: isLoading, highlighted: emailInput.length > 0, isFocused: isFocused, isHovered: isHovered, emailSubmitButtonInsideInput: emailSubmitButtonInsideInput }), disabled: isLoading, type: 'email', onPointerEnter: () => setIsHovered(true), onPointerLeave: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) }), !emailSubmitButtonInsideInput && (jsx(Button, { dataTestId: 'submit_button', buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading || emailInput.length < 3, buttonVariant: 'brand-primary', buttonPadding: 'login-screen-height', expanded: true, copykey: 'dyn_login.email_form.submit_button.label', typographyProps: {
+    return (jsxs("form", { className: classNames('login-with-email-form', className), style: style, "data-testid": 'email-form', onSubmit: (e) => handleSubmit(e), children: [jsx(Input, { id: 'email_field', value: emailInput, onChange: handleEmailOnChangeEvent, copykey: 'dyn_login.email_form.email_field.label', label: t('dyn_login.email_form.email_field.label'), error: invalidEmail, message: invalidEmail && t('dyn_login.helper.email_form.invalid_email'), suffix: jsx(InlineSubmitButton, { disabled: isLoading, highlighted: emailInput.length > 0, isFocused: isFocused, isHovered: isHovered, emailSubmitButtonInsideInput: emailSubmitButtonInsideInput }), disabled: isLoading, type: 'email', onPointerEnter: () => setIsHovered(true), onPointerLeave: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) }), !emailSubmitButtonInsideInput && (jsx(Button, { dataTestId: 'submit_button', buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading || emailInput.length < 3, buttonVariant: 'brand-primary', buttonPadding: 'login-screen-height', expanded: true, copykey: 'dyn_login.email_form.submit_button.label', typographyProps: {
                     color: 'inherit',
                 }, children: t('dyn_login.email_form.submit_button.label') }))] }));
 };

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

@@ -22,6 +22,7 @@ require('react-international-phone');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../config/ApiEndpoint.cjs');
 var Spinner = require('./Spinner/Spinner.cjs');
 var Indicator = require('./Indicator/Indicator.cjs');

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

@@ -18,6 +18,7 @@ import 'react-international-phone';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../config/ApiEndpoint.js';
 import { Spinner } from './Spinner/Spinner.js';
 import { Indicator } from './Indicator/Indicator.js';

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

@@ -22,6 +22,7 @@ require('react-international-phone');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../../config/ApiEndpoint.cjs');
 
 const Indicator = ({ indicator, iconSize }) => {

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

@@ -18,6 +18,7 @@ import 'react-international-phone';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../config/ApiEndpoint.js';
 
 const Indicator = ({ indicator, iconSize }) => {

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

@@ -22,6 +22,7 @@ require('react-international-phone');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../../config/ApiEndpoint.cjs');
 
 const defaultCustomColor = '#4779FF';

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

@@ -18,6 +18,7 @@ import 'react-international-phone';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../config/ApiEndpoint.js';
 
 const defaultCustomColor = '#4779FF';

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

@@ -21,6 +21,7 @@ require('react-international-phone');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../config/ApiEndpoint.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var StatusDot = require('../StatusDot/StatusDot.cjs');

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

@@ -17,6 +17,7 @@ import 'react-international-phone';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../config/ApiEndpoint.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { StatusDot } from '../StatusDot/StatusDot.js';