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

package/CHANGELOG.md

@@ -1,4 +1,33 @@
 
+## [0.19.0-alpha.9](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.8...v0.19.0-alpha.9) (2023-09-21)
+
+
+### Features
+
+* allow enabling multi wallet in connect-only mode ([#3367](https://github.com/dynamic-labs/DynamicAuth/issues/3367)) ([8ef68a2](https://github.com/dynamic-labs/DynamicAuth/commit/8ef68a295738db5353fcddc54985744313a5474b))
+* move injected wallets configuration to the cdn ([#3077](https://github.com/dynamic-labs/DynamicAuth/issues/3077)) ([291183b](https://github.com/dynamic-labs/DynamicAuth/commit/291183b8daf124577d1049152a2556b6f2a85758))
+* passkey setup completed view ([#3358](https://github.com/dynamic-labs/DynamicAuth/issues/3358)) ([020faf6](https://github.com/dynamic-labs/DynamicAuth/commit/020faf63815e232c64ac8626f747b2997adbaa02))
+* **rohithv/gvty-326:** check if email is real before sending ([#3361](https://github.com/dynamic-labs/DynamicAuth/issues/3361)) ([db554f3](https://github.com/dynamic-labs/DynamicAuth/commit/db554f344707e3c3701012ecc09b67be2aaebba4))
+* safe guard wrong locale override keys ([#3329](https://github.com/dynamic-labs/DynamicAuth/issues/3329)) ([b2cf96b](https://github.com/dynamic-labs/DynamicAuth/commit/b2cf96b55fdd2705335ad942fe8e1c1109bf4134))
+* secure account with passkey view ([#3356](https://github.com/dynamic-labs/DynamicAuth/issues/3356)) ([9d58c44](https://github.com/dynamic-labs/DynamicAuth/commit/9d58c4472f1967ff5201bae6556c7d88a33d6276))
+
+
+### Bug Fixes
+
+* better handling of window opener to mitigate window opener for social linking ([#3379](https://github.com/dynamic-labs/DynamicAuth/issues/3379)) ([e784061](https://github.com/dynamic-labs/DynamicAuth/commit/e784061ab190d314976213e321516bbb256627e7))
+* change buttom copy when cannot link a wallet ([#3364](https://github.com/dynamic-labs/DynamicAuth/issues/3364)) ([5428a60](https://github.com/dynamic-labs/DynamicAuth/commit/5428a60abcbbd9c47e9227a53610ee5975bac379))
+* **DynamicWidget:** goToInitialView when closing send balance ([#3333](https://github.com/dynamic-labs/DynamicAuth/issues/3333)) ([7ea40ec](https://github.com/dynamic-labs/DynamicAuth/commit/7ea40ec3827c40e3340e5ecfa2153e59c05a79f1))
+* **EmailMagicWalletConnector:** to only cancel the verification if user clicks back ([#3374](https://github.com/dynamic-labs/DynamicAuth/issues/3374)) ([1111a18](https://github.com/dynamic-labs/DynamicAuth/commit/1111a186b7b84066e89d385c0bd9c064d0326eae))
+* **embedded-wallet:** display sign typed data message ([#3316](https://github.com/dynamic-labs/DynamicAuth/issues/3316)) ([0014c8b](https://github.com/dynamic-labs/DynamicAuth/commit/0014c8b4250cf9db92b554f02b4e46f3aba2d943))
+* missing translation keys ([#3325](https://github.com/dynamic-labs/DynamicAuth/issues/3325)) ([0e7c383](https://github.com/dynamic-labs/DynamicAuth/commit/0e7c3838a0eb8b49298e59b2919e16994a2d6b19))
+* only set scope/prompt in oauth query params when they're defined ([#3324](https://github.com/dynamic-labs/DynamicAuth/issues/3324)) ([9e8aa2d](https://github.com/dynamic-labs/DynamicAuth/commit/9e8aa2d186fff563607dc836017b918af79718ce))
+* pass the network param on wallet transfers ([#3307](https://github.com/dynamic-labs/DynamicAuth/issues/3307)) ([faf89fd](https://github.com/dynamic-labs/DynamicAuth/commit/faf89fdbfa690a87ae91d7f09c3647b4160b53ad))
+* send primaryWalletId when available to unlinkOauth ([#3342](https://github.com/dynamic-labs/DynamicAuth/issues/3342)) ([0da0ae2](https://github.com/dynamic-labs/DynamicAuth/commit/0da0ae23040f7683000223109446a516c6d7b212))
+* twitter sign-in with dynamic ([#3313](https://github.com/dynamic-labs/DynamicAuth/issues/3313)) ([c77dae4](https://github.com/dynamic-labs/DynamicAuth/commit/c77dae41dbdc02c84f3d3f5f3338136efd5766f9))
+* use social profile photo for profile icon whenever available ([#3298](https://github.com/dynamic-labs/DynamicAuth/issues/3298)) ([143303b](https://github.com/dynamic-labs/DynamicAuth/commit/143303ba5e24d16aaa362f1888e3942bdef59602))
+* wallet transition in the bridge ([#3270](https://github.com/dynamic-labs/DynamicAuth/issues/3270)) ([143cf47](https://github.com/dynamic-labs/DynamicAuth/commit/143cf47e0cd4806780f5b3f527ace2d6c0208534)), closes [#3268](https://github.com/dynamic-labs/DynamicAuth/issues/3268) [#3243](https://github.com/dynamic-labs/DynamicAuth/issues/3243)
+* **wallet-connect:** prevent connector from connecting after logout ([#3345](https://github.com/dynamic-labs/DynamicAuth/issues/3345)) ([9bada77](https://github.com/dynamic-labs/DynamicAuth/commit/9bada7775c5ac7a4fdb5ad8d4d21691335e06936))
+
 ## [0.19.0-alpha.8](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.7...v0.19.0-alpha.8) (2023-09-11)
 
 

package/package.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.19.0-alpha.8";
+var version = "0.19.0-alpha.9";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.30",
-	"@dynamic-labs/sdk-api": "0.0.272",
+	"@dynamic-labs/sdk-api": "0.0.279",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	ethers: "5.7.2",

package/package.js

@@ -1,7 +1,7 @@
-var version = "0.19.0-alpha.8";
+var version = "0.19.0-alpha.9";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.30",
-	"@dynamic-labs/sdk-api": "0.0.272",
+	"@dynamic-labs/sdk-api": "0.0.279",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	ethers: "5.7.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.19.0-alpha.8",
+  "version": "0.19.0-alpha.9",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@dynamic-labs/iconic": "0.1.30",
-    "@dynamic-labs/sdk-api": "0.0.272",
+    "@dynamic-labs/sdk-api": "0.0.279",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "ethers": "5.7.2",
@@ -18,13 +18,13 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/logger": "0.19.0-alpha.8",
-    "@dynamic-labs/multi-wallet": "0.19.0-alpha.8",
-    "@dynamic-labs/rpc-providers": "0.19.0-alpha.8",
-    "@dynamic-labs/types": "0.19.0-alpha.8",
-    "@dynamic-labs/utils": "0.19.0-alpha.8",
-    "@dynamic-labs/wallet-book": "0.19.0-alpha.8",
-    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.8",
+    "@dynamic-labs/logger": "0.19.0-alpha.9",
+    "@dynamic-labs/multi-wallet": "0.19.0-alpha.9",
+    "@dynamic-labs/rpc-providers": "0.19.0-alpha.9",
+    "@dynamic-labs/types": "0.19.0-alpha.9",
+    "@dynamic-labs/utils": "0.19.0-alpha.9",
+    "@dynamic-labs/wallet-book": "0.19.0-alpha.9",
+    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.9",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -14,7 +14,6 @@ var DynamicNav = require('./lib/widgets/DynamicWidget/components/DynamicNav/Dyna
 var DynamicUserProfile = require('./lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.cjs');
 var FundingWidget = require('./lib/widgets/FundingWidget/FundingWidget.cjs');
 var DynamicBridgeWidget = require('./lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs');
-var OAuthIFrameContainer = require('./lib/widgets/OAuthIFrameContainer/OAuthIFrameContainer.cjs');
 require('react/jsx-runtime');
 require('react');
 var classNames = require('./lib/utils/functions/classNames/classNames.cjs');
@@ -84,12 +83,18 @@ var mail = require('./lib/shared/assets/mail.cjs');
 var phone = require('./lib/shared/assets/phone.cjs');
 var sizeLabels = require('./lib/shared/assets/size-labels.cjs');
 var user = require('./lib/shared/assets/user.cjs');
+var userAccount2 = require('./lib/shared/assets/user-account-2.cjs');
 var userCard = require('./lib/shared/assets/user-card.cjs');
 var workSuitcase = require('./lib/shared/assets/work-suitcase.cjs');
 var location = require('./lib/shared/assets/location.cjs');
 var sparkles = require('./lib/shared/assets/sparkles.cjs');
 var justifiedText = require('./lib/shared/assets/justified-text.cjs');
 var signInWithEmail = require('./lib/shared/assets/sign-in-with-email.cjs');
+var passkeyIntroIcon = require('./lib/shared/assets/passkey-intro-icon.cjs');
+var passkeySuccessIcon = require('./lib/shared/assets/passkey-success-icon.cjs');
+var androidFaceId = require('./lib/shared/assets/android-face-id.cjs');
+var iphoneFaceId = require('./lib/shared/assets/iphone-face-id.cjs');
+var iphoneTouchId = require('./lib/shared/assets/iphone-touch-id.cjs');
 var index$2 = require('./lib/shared/consts/index.cjs');
 var logger = require('./lib/shared/logger.cjs');
 require('./lib/utils/constants/colors.cjs');
@@ -97,6 +102,7 @@ require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/utils');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var sdkApi = require('@dynamic-labs/sdk-api');
+require('./lib/config/ApiEndpoint.cjs');
 var ShadowDOM = require('./lib/components/ShadowDOM/ShadowDOM.cjs');
 require('./lib/context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -104,7 +110,6 @@ require('react-focus-lock');
 require('./lib/components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('./lib/components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('./lib/components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('./lib/config/ApiEndpoint.cjs');
 require('./lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var isSameWalletName = require('./lib/utils/functions/isSameWalletName/isSameWalletName.cjs');
 require('./lib/context/ViewContext/ViewContext.cjs');
@@ -152,8 +157,7 @@ var SendBalanceContext = require('./lib/context/SendBalanceContext/SendBalanceCo
 
 
 exports.VERSION = version.VERSION;
-exports.getInstalledWallets = data.getInstalledWallets;
-exports.getNotInstalledWallets = data.getNotInstalledWallets;
+exports.getWallets = data.getWallets;
 exports.getAuthToken = getAuthToken.getAuthToken;
 exports.DynamicContext = DynamicContext.DynamicContext;
 exports.DynamicContextProvider = DynamicContext.DynamicContextProvider;
@@ -164,7 +168,6 @@ exports.DynamicNav = DynamicNav.ShadowedDynamicNav;
 exports.DynamicUserProfile = DynamicUserProfile.ShadowedDynamicUserProfile;
 exports.FundingWidget = FundingWidget.FundingWidget;
 exports.DynamicBridgeWidget = DynamicBridgeWidget.DynamicBridgeWidget;
-exports.OAuthIFrameContainer = OAuthIFrameContainer.OAuthIFrameContainer;
 exports.classNames = classNames.classNames;
 exports.decodeJwt = decodeJwt.decodeJwt;
 exports.validateType = validateType.validateType;
@@ -232,12 +235,18 @@ exports.MailIcon = mail.ReactComponent;
 exports.PhoneIcon = phone.ReactComponent;
 exports.SizeLabelsIcon = sizeLabels.ReactComponent;
 exports.UserIcon = user.ReactComponent;
+exports.UserCleanIcon = userAccount2.ReactComponent;
 exports.UserCardIcon = userCard.ReactComponent;
 exports.WorkSuitcaseIcon = workSuitcase.ReactComponent;
 exports.LocationIcon = location.ReactComponent;
 exports.SparklesIcon = sparkles.ReactComponent;
 exports.JustifiedTextIcon = justifiedText.ReactComponent;
 exports.SignInWithEmailIcon = signInWithEmail.ReactComponent;
+exports.PasskeyIntroIcon = passkeyIntroIcon.ReactComponent;
+exports.PasskeySuccessIcon = passkeySuccessIcon.ReactComponent;
+exports.AndroidFaceId = androidFaceId.ReactComponent;
+exports.IPhoneFaceId = iphoneFaceId.ReactComponent;
+exports.IPhoneTouchId = iphoneTouchId.ReactComponent;
 exports.authModalZIndex = index$2.authModalZIndex;
 exports.countryCodes = index$2.countryCodes;
 exports.defaultWalletsForChains = index$2.defaultWalletsForChains;

package/src/index.d.ts

@@ -1,6 +1,6 @@
 import './polyfills';
 export { VERSION } from './version';
-export { getInstalledWallets, getNotInstalledWallets, } from './lib/views/WalletList/data';
+export { getWallets } from './lib/views/WalletList/data';
 export { getAuthToken } from './lib/utils/functions/getAuthToken';
 export { DynamicContextProvider, DynamicContext, } from './lib/context/DynamicContext';
 export type { DynamicContextProps } from './lib/context/DynamicContext';

package/src/index.js

@@ -1,6 +1,6 @@
 import './polyfills.js';
 export { VERSION } from './version.js';
-export { getInstalledWallets, getNotInstalledWallets } from './lib/views/WalletList/data.js';
+export { getWallets } from './lib/views/WalletList/data.js';
 export { getAuthToken } from './lib/utils/functions/getAuthToken/getAuthToken.js';
 export { DynamicContext, DynamicContextProvider } from './lib/context/DynamicContext/DynamicContext.js';
 export { useDynamicContext } from './lib/context/DynamicContext/useDynamicContext.js';
@@ -10,7 +10,6 @@ export { ShadowedDynamicNav as DynamicNav } from './lib/widgets/DynamicWidget/co
 export { ShadowedDynamicUserProfile as DynamicUserProfile } from './lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.js';
 export { FundingWidget } from './lib/widgets/FundingWidget/FundingWidget.js';
 export { DynamicBridgeWidget } from './lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js';
-export { OAuthIFrameContainer } from './lib/widgets/OAuthIFrameContainer/OAuthIFrameContainer.js';
 import 'react/jsx-runtime';
 import 'react';
 export { classNames } from './lib/utils/functions/classNames/classNames.js';
@@ -80,12 +79,18 @@ export { ReactComponent as MailIcon } from './lib/shared/assets/mail.js';
 export { ReactComponent as PhoneIcon } from './lib/shared/assets/phone.js';
 export { ReactComponent as SizeLabelsIcon } from './lib/shared/assets/size-labels.js';
 export { ReactComponent as UserIcon } from './lib/shared/assets/user.js';
+export { ReactComponent as UserCleanIcon } from './lib/shared/assets/user-account-2.js';
 export { ReactComponent as UserCardIcon } from './lib/shared/assets/user-card.js';
 export { ReactComponent as WorkSuitcaseIcon } from './lib/shared/assets/work-suitcase.js';
 export { ReactComponent as LocationIcon } from './lib/shared/assets/location.js';
 export { ReactComponent as SparklesIcon } from './lib/shared/assets/sparkles.js';
 export { ReactComponent as JustifiedTextIcon } from './lib/shared/assets/justified-text.js';
 export { ReactComponent as SignInWithEmailIcon } from './lib/shared/assets/sign-in-with-email.js';
+export { ReactComponent as PasskeyIntroIcon } from './lib/shared/assets/passkey-intro-icon.js';
+export { ReactComponent as PasskeySuccessIcon } from './lib/shared/assets/passkey-success-icon.js';
+export { ReactComponent as AndroidFaceId } from './lib/shared/assets/android-face-id.js';
+export { ReactComponent as IPhoneFaceId } from './lib/shared/assets/iphone-face-id.js';
+export { ReactComponent as IPhoneTouchId } from './lib/shared/assets/iphone-touch-id.js';
 export { authModalZIndex, countryCodes, defaultWalletsForChains, tShirtSizes, teamNames, toolkitZIndex, tooltipZIndex, widgetModalZIndex } from './lib/shared/consts/index.js';
 export { logger } from './lib/shared/logger.js';
 import './lib/utils/constants/colors.js';
@@ -93,6 +98,7 @@ import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/utils';
 export { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
 export { DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';
+import './lib/config/ApiEndpoint.js';
 export { ShadowDOM } from './lib/components/ShadowDOM/ShadowDOM.js';
 import './lib/context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -100,7 +106,6 @@ import 'react-focus-lock';
 import './lib/components/Transition/ZoomTransition/ZoomTransition.js';
 import './lib/components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import './lib/components/Transition/OpacityTransition/OpacityTransition.js';
-import './lib/config/ApiEndpoint.js';
 import './lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameWalletName.js';
 import './lib/context/ViewContext/ViewContext.js';

package/src/lib/Main.cjs

@@ -22,11 +22,11 @@ var index$1 = require('./shared/consts/index.cjs');
 var useInternalDynamicContext = require('./context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var isSupportedNetwork = require('./utils/functions/isSupportedNetwork/isSupportedNetwork.cjs');
+require('./config/ApiEndpoint.cjs');
 require('./components/ShadowDOM/ShadowDOM.cjs');
 require('./context/ThemeContext/ThemeContext.cjs');
 var Portal = require('./components/Portal/Portal.cjs');
 require('react-dom');
-require('./config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('./utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var isSameWalletName = require('./utils/functions/isSameWalletName/isSameWalletName.cjs');
@@ -64,6 +64,7 @@ require('./main.global.cjs');
 const viewsToDisableCloseOnOverlayClick = [
     'email-wallet-otp-verification-view',
     'social-redirect-view',
+    'passkey-intro',
 ];
 const Main = () => {
     const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, unlinkConnectedWallet, authMode, connectedWallets, } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/Main.js

@@ -18,11 +18,11 @@ import { authModalZIndex } from './shared/consts/index.js';
 import { useInternalDynamicContext } from './context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
 import { isSupportedNetwork } from './utils/functions/isSupportedNetwork/isSupportedNetwork.js';
+import './config/ApiEndpoint.js';
 import './components/ShadowDOM/ShadowDOM.js';
 import './context/ThemeContext/ThemeContext.js';
 import { Portal } from './components/Portal/Portal.js';
 import 'react-dom';
-import './config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import './utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import { isSameWalletName } from './utils/functions/isSameWalletName/isSameWalletName.js';
@@ -60,6 +60,7 @@ import './main.global.js';
 const viewsToDisableCloseOnOverlayClick = [
     'email-wallet-otp-verification-view',
     'social-redirect-view',
+    'passkey-intro',
 ];
 const Main = () => {
     const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, unlinkConnectedWallet, authMode, connectedWallets, } = useInternalDynamicContext();

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

@@ -18,11 +18,11 @@ require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
 var getReferencedAccount = require('../../utils/functions/getReferencedAccount/getReferencedAccount.cjs');
+require('../../config/ApiEndpoint.cjs');
 var IconWithStatus = require('../IconWithStatus/IconWithStatus.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
 var WalletIconWithStatus = require('../../widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.cjs');
 var AccessDeniedContext = require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

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

@@ -14,11 +14,11 @@ import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
 import { getReferencedAccount } from '../../utils/functions/getReferencedAccount/getReferencedAccount.js';
+import '../../config/ApiEndpoint.js';
 import { IconWithStatus } from '../IconWithStatus/IconWithStatus.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import { WalletIconWithStatus } from '../../widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.js';
 import { useAccessDeniedContext } from '../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';

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

@@ -18,6 +18,7 @@ require('ethers');
 require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../config/ApiEndpoint.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
@@ -26,7 +27,6 @@ require('react-focus-lock');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

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

@@ -14,6 +14,7 @@ import 'ethers';
 import '../../shared/consts/index.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../config/ApiEndpoint.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
@@ -22,7 +23,6 @@ import 'react-focus-lock';
 import '../Transition/ZoomTransition/ZoomTransition.js';
 import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
-import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';

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

@@ -18,6 +18,7 @@ require('ethers');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
+require('../../config/ApiEndpoint.cjs');
 var Spinner = require('./Spinner/Spinner.cjs');
 var Indicator = require('./Indicator/Indicator.cjs');
 

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

@@ -14,6 +14,7 @@ import 'ethers';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
+import '../../config/ApiEndpoint.js';
 import { Spinner } from './Spinner/Spinner.js';
 import { Indicator } from './Indicator/Indicator.js';
 

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

@@ -18,6 +18,7 @@ require('ethers');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');
+require('../../../config/ApiEndpoint.cjs');
 
 const Indicator = ({ indicator, iconSize }) => {
     const walletConnectSizes = {

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

@@ -14,6 +14,7 @@ import 'ethers';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';
+import '../../../config/ApiEndpoint.js';
 
 const Indicator = ({ indicator, iconSize }) => {
     const walletConnectSizes = {

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

@@ -18,6 +18,7 @@ require('ethers');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');
+require('../../../config/ApiEndpoint.cjs');
 
 const defaultCustomColor = '#4779FF';
 const Spinner = ({ className = '', size = 16, customSpinnerColor = '', }) => {

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

@@ -14,6 +14,7 @@ import 'ethers';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';
+import '../../../config/ApiEndpoint.js';
 
 const defaultCustomColor = '#4779FF';
 const Spinner = ({ className = '', size = 16, customSpinnerColor = '', }) => {

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

@@ -17,6 +17,7 @@ require('ethers');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
+require('../../config/ApiEndpoint.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var StatusDot = require('../StatusDot/StatusDot.cjs');
 var Icon = require('../Icon/Icon.cjs');

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

@@ -13,6 +13,7 @@ import 'ethers';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
+import '../../config/ApiEndpoint.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { StatusDot } from '../StatusDot/StatusDot.js';
 import { Icon } from '../Icon/Icon.js';

package/src/lib/components/NetworkPicker/NetworkPicker.cjs

@@ -19,8 +19,8 @@ require('ethers');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var isNetworkUnsupported = require('../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.cjs');
-var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../../config/ApiEndpoint.cjs');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/components/NetworkPicker/NetworkPicker.js

@@ -15,8 +15,8 @@ import 'ethers';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { isNetworkUnsupported } from '../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.js';
-import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../../config/ApiEndpoint.js';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/EvmNetworkControl.cjs

@@ -20,6 +20,7 @@ require('ethers');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var Icon = require('../../../Icon/Icon.cjs');
@@ -28,7 +29,6 @@ require('react-focus-lock');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/EvmNetworkControl.js

@@ -16,6 +16,7 @@ import 'ethers';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { Icon } from '../../../Icon/Icon.js';
@@ -24,7 +25,6 @@ import 'react-focus-lock';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';

package/src/lib/components/NetworkPicker/components/Network/Network.cjs

@@ -20,6 +20,7 @@ require('ethers');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
@@ -28,7 +29,6 @@ require('react-focus-lock');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/components/NetworkPicker/components/Network/Network.js

@@ -16,6 +16,7 @@ import 'ethers';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
@@ -24,7 +25,6 @@ import 'react-focus-lock';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.cjs

@@ -19,6 +19,7 @@ require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
@@ -28,7 +29,6 @@ require('react-focus-lock');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.js

@@ -15,6 +15,7 @@ import '../../../../context/ViewContext/ViewContext.js';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
@@ -24,7 +25,6 @@ import 'react-focus-lock';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';

package/src/lib/components/OTPVerificationView/OTPVerificationView.cjs

@@ -23,6 +23,7 @@ require('ethers');
 require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../config/ApiEndpoint.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 var Icon = require('../Icon/Icon.cjs');
@@ -31,7 +32,6 @@ require('react-focus-lock');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/components/OTPVerificationView/OTPVerificationView.js

@@ -19,6 +19,7 @@ import 'ethers';
 import '../../shared/consts/index.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../config/ApiEndpoint.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import { Icon } from '../Icon/Icon.js';
@@ -27,7 +28,6 @@ import 'react-focus-lock';
 import '../Transition/ZoomTransition/ZoomTransition.js';
 import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
-import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';

package/src/lib/components/SignMessagePreview/SignMessagePreview.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Typography = require('../Typography/Typography.cjs');
+var isSignTypedData = require('./utils/isSignTypedData/isSignTypedData.cjs');
+var SignTypedDataPreview = require('./components/SignTypedDataPreview/SignTypedDataPreview.cjs');
+
+const SignMessagePreview = ({ message, }) => {
+    const signTypedData = React.useMemo(() => {
+        try {
+            const json = JSON.parse(message);
+            return isSignTypedData.isSignTypedData(json) ? json : undefined;
+        }
+        catch (e) {
+            return undefined;
+        }
+    }, [message]);
+    if (signTypedData) {
+        return (jsxRuntime.jsx(SignTypedDataPreview.SignTypedDataPreview, { currentType: signTypedData.primaryType, types: signTypedData.types, showTypeName: true, data: signTypedData.message }));
+    }
+    return (jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'primary', variant: 'body_normal' }, { children: jsxRuntime.jsx("span", { style: { whiteSpace: 'pre-line' }, dangerouslySetInnerHTML: { __html: message } }) })));
+};
+
+exports.SignMessagePreview = SignMessagePreview;