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

package/src/lib/components/SendBalancePageLayout/SendBalancePageLayout.js

@@ -5,7 +5,7 @@ import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
-import '../../shared/logger.js';
+import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
@@ -26,17 +26,19 @@ import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
 import '../../store/state/projectSettings/projectSettings.js';
-import { getNativeTokenInfo } from '../../utils/functions/networksAndChains/networksAndChains.js';
+import { getNetworkInfoEntry } from '../../utils/functions/networksAndChains/networksAndChains.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../store/state/environmentId.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 { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
@@ -45,7 +47,6 @@ 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 '../Accordion/components/AccordionItem/AccordionItem.js';
 import { Alert } from '../Alert/Alert.js';
@@ -57,11 +58,11 @@ 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 { VerticalDrawerTransition } from '../Transition/VerticalDrawerTransition/VerticalDrawerTransition.js';
-import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import { ModalHeader } from '../ModalHeader/ModalHeader.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../Popper/Popper/Popper.js';
@@ -69,40 +70,39 @@ import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import { PoweredByDynamic } from '../PoweredByDynamic/PoweredByDynamic.js';
 import 'qrcode';
+import { useFetchChain } from '../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js';
 import 'formik';
 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 { useSendBalanceState } from '../../store/state/sendBalances.js';
 import { SendBalanceForm } from '../SendBalanceForm/SendBalanceForm.js';
+import { useNetworkConfigurationsFromProjectSettings } from '../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.js';
 import { nativeSolanaAddress, zeroAddress } from './components/TokensBalanceDropdown/constants.js';
+import '../../store/state/sendBalances.js';
+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 '../../../polyfills.js';
-import '../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../context/FundingContext/FundingContext.js';
-import '../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../context/ConnectWithOtpContext/constants.js';
-import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../index.js';
 import '../../store/state/tokenBalances.js';
+import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, displayPoweredByDynamicFooter = false, transaction, networkCurrencyDecimals, tokenBalances, currentToken, setCurrentToken, isLoading, isNativeToken, }) => {
     var _a;
     const { t } = useTranslation();
-    const { primaryWallet } = useInternalDynamicContext();
-    const { chainName } = useSendBalanceState();
+    const { primaryWallet, projectSettings, overrides } = useInternalDynamicContext();
+    const networkInfo = useNetworkConfigurationsFromProjectSettings({
+        evmNetworksOverrides: overrides === null || overrides === void 0 ? void 0 : overrides.evmNetworks,
+        projectSettings,
+    });
+    const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
+    const { chain } = useFetchChain(walletConnector);
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));
     const backButton = onClickBack && (jsx(IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsx(SvgArrowLeft, {}) }));
     const { data: balance } = usePromise(() => transaction.getBalance(), {
@@ -110,7 +110,20 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
     });
     useEffect(() => {
         const getNativeTokenAndFetchBalance = () => __awaiter(void 0, void 0, void 0, function* () {
-            const token = Object.assign(Object.assign({}, getNativeTokenInfo(chainName === null || chainName === void 0 ? void 0 : chainName.toLowerCase())), { address: chainName === 'Solana' ? nativeSolanaAddress : zeroAddress, balance: 0, decimals: chainName === 'Solana' ? 9 : 18, rawBalance: 0 });
+            const nativeTokenInfo = getNetworkInfoEntry(chain, networkInfo);
+            if (!nativeTokenInfo) {
+                logger.error('Token info not found. Please make sure you are on a supported chain and it is enabled. See https://docs.dynamic.xyz/chains/enabling-chains');
+                return;
+            }
+            const token = {
+                address: (chain === null || chain === void 0 ? void 0 : chain.name) === 'Solana' ? nativeSolanaAddress : zeroAddress,
+                balance: 0,
+                decimals: nativeTokenInfo.nativeCurrency.decimals,
+                logoURI: nativeTokenInfo.nativeCurrency.iconUrl || nativeTokenInfo.iconUrls[0],
+                name: nativeTokenInfo.name,
+                rawBalance: 0,
+                symbol: nativeTokenInfo.nativeCurrency.symbol,
+            };
             const tokenBalance = yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.getBalance());
             if (tokenBalance) {
                 token.balance = Number(tokenBalance);
@@ -131,7 +144,7 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
         });
         updateTokenBalances();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [tokenBalances]);
+    }, [tokenBalances, chain]);
     const getAmount = () => {
         if (isNativeToken) {
             return transaction.value ? transaction.format(transaction.value) : '';

package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.cjs

@@ -36,8 +36,10 @@ require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../../store/state/environmentId.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');
@@ -50,7 +52,6 @@ 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');
 var Typography = require('../../../Typography/Typography.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
@@ -58,7 +59,7 @@ require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 var Skeleton = require('../../../Skeleton/Skeleton.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
@@ -74,29 +75,21 @@ var roundToNthDecimal = require('../../../../utils/functions/roundToNthDecimal/r
 require('../../../Input/Input.cjs');
 var abi = require('../../../../utils/constants/erc20/abi.cjs');
 var MenuList = require('../../../MenuList/MenuList/MenuList.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../../polyfills.cjs');
-require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../IsBrowser/IsBrowser.cjs');
-require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../../context/FundingContext/FundingContext.cjs');
-require('../../../Popper/Popper/Popper.cjs');
-require('../../../Popper/PopperContext/PopperContext.cjs');
+require('../../../../../index.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../../context/ConnectWithOtpContext/constants.cjs');
-require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 require('../../../../store/state/tokenBalances.cjs');
+require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
+require('../../../IsBrowser/IsBrowser.cjs');
+require('../../../OverlayCard/OverlayCard.cjs');
+require('../../../Popper/Popper/Popper.cjs');
+require('../../../Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
 
 const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, isLoading, setFieldValue, setErrors, }) => {

package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.js

@@ -32,8 +32,10 @@ import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../../store/state/environmentId.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';
@@ -46,7 +48,6 @@ 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 { Typography } from '../../../Typography/Typography.js';
 import '../../../../context/FooterAnimationContext/index.js';
@@ -54,7 +55,7 @@ import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
-import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import { Skeleton } from '../../../Skeleton/Skeleton.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
@@ -70,29 +71,21 @@ import { roundToNthDecimal } from '../../../../utils/functions/roundToNthDecimal
 import '../../../Input/Input.js';
 import { erc20Abi } from '../../../../utils/constants/erc20/abi.js';
 import { MenuList } from '../../../MenuList/MenuList/MenuList.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../../polyfills.js';
-import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../IsBrowser/IsBrowser.js';
-import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../../context/FundingContext/FundingContext.js';
-import '../../../Popper/Popper/Popper.js';
-import '../../../Popper/PopperContext/PopperContext.js';
+import '../../../../../index.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../../context/ConnectWithOtpContext/constants.js';
-import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import '../../../../store/state/tokenBalances.js';
+import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import '../../../InlineWidget/InlineWidget.js';
+import '../../../IsBrowser/IsBrowser.js';
+import '../../../OverlayCard/OverlayCard.js';
+import '../../../Popper/Popper/Popper.js';
+import '../../../Popper/PopperContext/PopperContext.js';
 import 'qrcode';
 
 const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, isLoading, setFieldValue, setErrors, }) => {

package/src/lib/components/ShadowDOM/ShadowDOM.cjs

@@ -31,7 +31,9 @@ require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../store/state/environmentId.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
+require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
@@ -44,7 +46,6 @@ 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('react-i18next');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
@@ -55,10 +56,10 @@ require('../InlineWidget/InlineWidget.cjs');
 require('../Input/Input.cjs');
 var IsBrowser = 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');
@@ -67,28 +68,20 @@ require('qrcode');
 require('formik');
 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('../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('../../../polyfills.cjs');
-require('../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../context/FundingContext/FundingContext.cjs');
-require('../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../context/ConnectWithOtpContext/constants.cjs');
-require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 var index_shadow = require('../../styles/index.shadow.cjs');
 var LegacySafariCssOverrides = require('../LegacySafariCssOverrides/LegacySafariCssOverrides.cjs');

package/src/lib/components/ShadowDOM/ShadowDOM.js

@@ -27,7 +27,9 @@ import '../../store/state/projectSettings/projectSettings.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../store/state/environmentId.js';
 import '../../context/VerificationContext/VerificationContext.js';
+import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
@@ -40,7 +42,6 @@ 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 'react-i18next';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
@@ -51,10 +52,10 @@ import '../InlineWidget/InlineWidget.js';
 import '../Input/Input.js';
 import { IsBrowser } from '../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';
@@ -63,28 +64,20 @@ import 'qrcode';
 import 'formik';
 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 '../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 '../../../polyfills.js';
-import '../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../context/FundingContext/FundingContext.js';
-import '../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../context/ConnectWithOtpContext/constants.js';
-import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../index.js';
 import '../../store/state/tokenBalances.js';
+import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import css_248z from '../../styles/index.shadow.js';
 import { LegacySafariCssOverrides } from '../LegacySafariCssOverrides/LegacySafariCssOverrides.js';

package/src/lib/components/SocialSignIn/SocialSignIn.cjs

@@ -11,7 +11,6 @@ require('@dynamic-labs/sdk-api-core');
 var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
-var close = require('../../shared/assets/close.cjs');
 var dotsHorizontal = require('../../shared/assets/dots-horizontal.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
@@ -35,8 +34,10 @@ require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../store/state/environmentId.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');
 var useIconThemeVariant = require('../../utils/hooks/useIconThemeVariant/useIconThemeVariant.cjs');
@@ -49,14 +50,13 @@ 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('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 var Typography = require('../Typography/Typography.cjs');
 var Icon = require('../Icon/Icon.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
-var IconButton = require('../IconButton/IconButton.cjs');
+require('../IconButton/IconButton.cjs');
 var IconListTile = require('../IconListTile/IconListTile.cjs');
 var IconWithSpinner = require('../IconWithSpinner/IconWithSpinner.cjs');
 require('../InlineWidget/InlineWidget.cjs');
@@ -64,8 +64,6 @@ require('../Input/Input.cjs');
 require('../IsBrowser/IsBrowser.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 var OverlayCard = require('../OverlayCard/OverlayCard.cjs');
-require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
-var ModalHeader = require('../ModalHeader/ModalHeader.cjs');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
@@ -78,28 +76,20 @@ require('../../context/ThemeContext/ThemeContext.cjs');
 require('formik');
 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('../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('../../../polyfills.cjs');
-require('../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../context/FundingContext/FundingContext.cjs');
-require('../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../context/ConnectWithOtpContext/constants.cjs');
-require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 const INTERNAL_MAX_INLINE_ITEMS = 5;
 const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider, testId, defaultProvider, numOfItemsToDisplay: externalMaxInlineItems = 5, collapsedLayout, }) => {
@@ -134,7 +124,6 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
     // there's no wallet list and 3 social items or less
     const showAllFullWidth = providers.length === 1 || (!collapsedLayout && providers.length < 4);
     const getProviderAsString = (provider) => provider;
-    const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { onClick: closeAllProvidersCard, type: 'button', id: 'close-button', disabled: isLoading, "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const renderProviderItem = (provider, fullWidth = false, insideCard = false) => (jsxRuntime.jsxs(IconListTile.IconListTile, { dataTestId: insideCard ? `card-${provider}` : `inline-${provider}`, onClick: () => onSelectProvider(provider), disabled: Boolean(selectedProvider), className: classNames.classNames({
             'social-sign-in--card--tile': insideCard,
             'social-sign-in--tile': !insideCard,
@@ -148,7 +137,7 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
         logger.logger.error('Failed to render SocialSignInSection - no social providers enabled');
         return null;
     }
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'social-sign-in', "data-testid": testId, children: [defaultProvider && renderProviderItem(defaultProvider, true), cappedInlineProviders.map((provider) => renderProviderItem(provider, showAllFullWidth)), showAllProvidersButton && (jsxRuntime.jsx(IconListTile.IconListTile, { dataTestId: 'show-more-options', onClick: () => setShowAllProvidersCard(true), className: 'social-sign-in--tile', children: jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', children: jsxRuntime.jsx(dotsHorizontal.ReactComponent, {}) }) }, 'show-more-options'))] }), jsxRuntime.jsx(OverlayCard.OverlayCard, { isOpen: showAllProvidersCard, onClickOverlay: closeAllProvidersCard, children: jsxRuntime.jsxs("div", { className: 'social-sign-in--card', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', as: 'span', children: "Choose a social account" }) }), jsxRuntime.jsx("div", { className: 'social-sign-in--card--body', children: providers.map((provider) => renderProviderItem(provider, false, true)) })] }) })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'social-sign-in', "data-testid": testId, children: [defaultProvider && renderProviderItem(defaultProvider, true), cappedInlineProviders.map((provider) => renderProviderItem(provider, showAllFullWidth)), showAllProvidersButton && (jsxRuntime.jsx(IconListTile.IconListTile, { dataTestId: 'show-more-options', onClick: () => setShowAllProvidersCard(true), className: 'social-sign-in--tile', children: jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', children: jsxRuntime.jsx(dotsHorizontal.ReactComponent, {}) }) }, 'show-more-options'))] }), jsxRuntime.jsxs(OverlayCard.OverlayCard, { isOpen: showAllProvidersCard, onClose: closeAllProvidersCard, children: [jsxRuntime.jsx(OverlayCard.OverlayCard.Header, { closeDisabled: isLoading, children: t('dyn_login.social.overlay_title') }), jsxRuntime.jsx(OverlayCard.OverlayCard.Content, { className: 'social-sign-in--card--body', children: providers.map((provider) => renderProviderItem(provider, false, true)) })] })] }));
 };
 
 exports.SocialSignIn = SocialSignIn;

package/src/lib/components/SocialSignIn/SocialSignIn.js

@@ -1,5 +1,5 @@
 'use client'
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { SocialIcon } from '@dynamic-labs/iconic';
@@ -7,7 +7,6 @@ import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
-import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import { ReactComponent as SvgDotsHorizontal } from '../../shared/assets/dots-horizontal.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
@@ -31,8 +30,10 @@ import '../../store/state/projectSettings/projectSettings.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../store/state/environmentId.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 { useIconThemeVariant } from '../../utils/hooks/useIconThemeVariant/useIconThemeVariant.js';
@@ -45,14 +46,13 @@ 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 '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import { Typography } from '../Typography/Typography.js';
 import { Icon } from '../Icon/Icon.js';
 import '../ShadowDOM/ShadowDOM.js';
-import { IconButton } from '../IconButton/IconButton.js';
+import '../IconButton/IconButton.js';
 import { IconListTile } from '../IconListTile/IconListTile.js';
 import { IconWithSpinner } from '../IconWithSpinner/IconWithSpinner.js';
 import '../InlineWidget/InlineWidget.js';
@@ -60,8 +60,6 @@ import '../Input/Input.js';
 import '../IsBrowser/IsBrowser.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import { OverlayCard } from '../OverlayCard/OverlayCard.js';
-import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import { ModalHeader } from '../ModalHeader/ModalHeader.js';
 import '../Transition/ZoomTransition/ZoomTransition.js';
 import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
@@ -74,28 +72,20 @@ import '../../context/ThemeContext/ThemeContext.js';
 import 'formik';
 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 '../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 '../../../polyfills.js';
-import '../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../context/FundingContext/FundingContext.js';
-import '../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../context/ConnectWithOtpContext/constants.js';
-import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../index.js';
 import '../../store/state/tokenBalances.js';
+import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 const INTERNAL_MAX_INLINE_ITEMS = 5;
 const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider, testId, defaultProvider, numOfItemsToDisplay: externalMaxInlineItems = 5, collapsedLayout, }) => {
@@ -130,7 +120,6 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
     // there's no wallet list and 3 social items or less
     const showAllFullWidth = providers.length === 1 || (!collapsedLayout && providers.length < 4);
     const getProviderAsString = (provider) => provider;
-    const closeButton = (jsx(IconButton, { onClick: closeAllProvidersCard, type: 'button', id: 'close-button', disabled: isLoading, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));
     const renderProviderItem = (provider, fullWidth = false, insideCard = false) => (jsxs(IconListTile, { dataTestId: insideCard ? `card-${provider}` : `inline-${provider}`, onClick: () => onSelectProvider(provider), disabled: Boolean(selectedProvider), className: classNames({
             'social-sign-in--card--tile': insideCard,
             'social-sign-in--tile': !insideCard,
@@ -144,7 +133,7 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
         logger.error('Failed to render SocialSignInSection - no social providers enabled');
         return null;
     }
-    return (jsxs(Fragment, { children: [jsxs("div", { className: 'social-sign-in', "data-testid": testId, children: [defaultProvider && renderProviderItem(defaultProvider, true), cappedInlineProviders.map((provider) => renderProviderItem(provider, showAllFullWidth)), showAllProvidersButton && (jsx(IconListTile, { dataTestId: 'show-more-options', onClick: () => setShowAllProvidersCard(true), className: 'social-sign-in--tile', children: jsx(Icon, { color: 'text-primary', children: jsx(SvgDotsHorizontal, {}) }) }, 'show-more-options'))] }), jsx(OverlayCard, { isOpen: showAllProvidersCard, onClickOverlay: closeAllProvidersCard, children: jsxs("div", { className: 'social-sign-in--card', children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', as: 'span', children: "Choose a social account" }) }), jsx("div", { className: 'social-sign-in--card--body', children: providers.map((provider) => renderProviderItem(provider, false, true)) })] }) })] }));
+    return (jsxs(Fragment, { children: [jsxs("div", { className: 'social-sign-in', "data-testid": testId, children: [defaultProvider && renderProviderItem(defaultProvider, true), cappedInlineProviders.map((provider) => renderProviderItem(provider, showAllFullWidth)), showAllProvidersButton && (jsx(IconListTile, { dataTestId: 'show-more-options', onClick: () => setShowAllProvidersCard(true), className: 'social-sign-in--tile', children: jsx(Icon, { color: 'text-primary', children: jsx(SvgDotsHorizontal, {}) }) }, 'show-more-options'))] }), jsxs(OverlayCard, { isOpen: showAllProvidersCard, onClose: closeAllProvidersCard, children: [jsx(OverlayCard.Header, { closeDisabled: isLoading, children: t('dyn_login.social.overlay_title') }), jsx(OverlayCard.Content, { className: 'social-sign-in--card--body', children: providers.map((provider) => renderProviderItem(provider, false, true)) })] })] }));
 };
 
 export { SocialSignIn };