@dynamic-labs/sdk-react-core 0.16.4 → 0.17.0-RC.1

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

@@ -0,0 +1,57 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { socialProviders } from '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+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 '../../../../utils/constants/colors.js';
+import '../../../../shared/consts/index.js';
+import '../../../../context/DynamicContext/DynamicContext.js';
+import '../../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../../context/ThemeContext/ThemeContext.js';
+import { Icon } from '../../../../components/Icon/Icon.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../../config/ApiEndpoint.js';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import 'ethers';
+import '../../../../context/MockContext/MockContext.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import { useMutation } from '../../../../utils/hooks/useMutation/useMutation.js';
+import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import { IconButton } from '../../../../components/IconButton/IconButton.js';
+import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
+import { IconWithSpinner } from '../../../../components/IconWithSpinner/IconWithSpinner.js';
+import { IconListTile } from '../../../../components/IconListTile/IconListTile.js';
+import { useSocialRedirectContext } from '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import { getSocialIcon } from '../../../../utils/functions/getSocialIcon/getSocialIcon.js';
+import { OverlayCard } from '../../../../components/OverlayCard/OverlayCard.js';
+import '../../../../components/OverlayCard/OverlayCard.context.js';
+
+const SocialSignIn = () => {
+    const { socialProvider, setSocialProvider, socialWalletConnector } = useSocialRedirectContext();
+    const [showCard, setShowCard] = useState(false);
+    const closeCard = () => !isLoading && setShowCard(false);
+    const showCardButton = socialProviders.length > 5;
+    const socialProvidersToDisplayInline = showCardButton
+        ? socialProviders.slice(0, 4)
+        : socialProviders.slice(0, 5);
+    const numberOfSocialGridItems = socialProvidersToDisplayInline.length + (showCardButton ? 1 : 0);
+    const { mutate: onClickProvider, isLoading } = useMutation((provider) => {
+        setSocialProvider(provider);
+        return socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.connect(provider);
+    });
+    const closeButton = (jsx(IconButton, Object.assign({ onClick: closeCard, type: 'button', id: 'close-button', disabled: isLoading, "data-testid": 'close-button' }, { children: jsx(SvgClose, {}) })));
+    return (jsxs(Fragment, { children: [jsxs("div", Object.assign({ className: 'social-sign-in', style: {
+                    '--number-of-social-grid-items': numberOfSocialGridItems,
+                } }, { children: [socialProvidersToDisplayInline.map((provider) => (jsx(IconListTile, Object.assign({ dataTestId: `inline-${provider}`, onClick: () => onClickProvider(provider) }, { children: jsx(IconWithSpinner, { Icon: getSocialIcon(provider), isSpinning: socialProvider === provider, iconSize: 32 }) }), provider))), showCardButton && (jsx(IconListTile, Object.assign({ dataTestId: 'show-more-options', onClick: () => setShowCard(true) }, { children: jsx(Icon, Object.assign({ color: 'text-primary' }, { children: jsx(SvgDotsHorizontal, {}) })) }), 'show-more-options'))] })), jsx(OverlayCard, Object.assign({ isOpen: showCard, onClickOverlay: closeCard }, { children: jsxs("div", Object.assign({ className: 'social-sign-in--card' }, { children: [jsx(ModalHeader, Object.assign({ trailing: closeButton }, { children: "Choose a social account" })), jsx("div", Object.assign({ className: 'social-sign-in--card--body' }, { children: socialProviders.map((provider) => (jsx(IconListTile, Object.assign({ dataTestId: `card-${provider}`, onClick: () => onClickProvider(provider) }, { children: jsx(IconWithSpinner, { Icon: getSocialIcon(provider), isSpinning: socialProvider === provider, iconSize: 32 }) }), provider))) }))] })) }))] }));
+};
+
+export { SocialSignIn };

package/src/lib/views/LoginWithEmailView/components/SocialSignIn/index.d.ts

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

package/src/lib/views/NetworkNotSupported/NetworkNotSupported.cjs

@@ -24,13 +24,13 @@ require('react-focus-lock');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-var TextButton = require('../../components/TextButton/TextButton.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+var TextButton = require('../../components/TextButton/TextButton.cjs');
 var Button = require('../../components/Button/Button.cjs');
 require('../../components/IconButton/IconButton.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');

package/src/lib/views/NetworkNotSupported/NetworkNotSupported.js

@@ -20,13 +20,13 @@ import 'react-focus-lock';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import { TextButton } from '../../components/TextButton/TextButton.js';
 import '../../config/ApiEndpoint.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import { TextButton } from '../../components/TextButton/TextButton.js';
 import { Button } from '../../components/Button/Button.js';
 import '../../components/IconButton/IconButton.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';

package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.cjs

@@ -25,15 +25,15 @@ require('react-focus-lock');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-var CopyButton = require('../../../components/CopyButton/CopyButton.cjs');
-require('../../../components/IconButton/IconButton.cjs');
-var TextButton = require('../../../components/TextButton/TextButton.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+var CopyButton = require('../../../components/CopyButton/CopyButton.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+var TextButton = require('../../../components/TextButton/TextButton.cjs');
 
 const QrCodeContainer = ({ accentColor, walletName, qrcodeValue, Icon: WalletIcon, privacyPolicyUrl, termsOfServiceUrl, showCopyToClipboardButton = false, desktopUri, }) => (jsxRuntime.jsxs("div", Object.assign({ className: 'qrcode-container__container' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'qrcode-container__top' }, { children: [qrcodeValue ? (jsxRuntime.jsx(QRCode.QRCode, { Icon: WalletIcon, accentColor: accentColor, value: qrcodeValue, logoSize: 50, walletName: multiWallet.normalizeWalletName(walletName) })) : (
                 // this div exists to give the parent a child, so that the parent

package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.js

@@ -21,15 +21,15 @@ import 'react-focus-lock';
 import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import { CopyButton } from '../../../components/CopyButton/CopyButton.js';
-import '../../../components/IconButton/IconButton.js';
-import { TextButton } from '../../../components/TextButton/TextButton.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import { CopyButton } from '../../../components/CopyButton/CopyButton.js';
+import '../../../components/IconButton/IconButton.js';
+import { TextButton } from '../../../components/TextButton/TextButton.js';
 
 const QrCodeContainer = ({ accentColor, walletName, qrcodeValue, Icon: WalletIcon, privacyPolicyUrl, termsOfServiceUrl, showCopyToClipboardButton = false, desktopUri, }) => (jsxs("div", Object.assign({ className: 'qrcode-container__container' }, { children: [jsxs("div", Object.assign({ className: 'qrcode-container__top' }, { children: [qrcodeValue ? (jsx(QRCode, { Icon: WalletIcon, accentColor: accentColor, value: qrcodeValue, logoSize: 50, walletName: normalizeWalletName(walletName) })) : (
                 // this div exists to give the parent a child, so that the parent

package/src/lib/views/SocialRedirectView/SocialRedirectView.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var Typography = require('../../components/Typography/Typography.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+require('../../context/ViewContext/ViewContext.cjs');
+require('../../utils/constants/colors.cjs');
+require('../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('ethers');
+require('../../context/MockContext/MockContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../components/IconButton/IconButton.cjs');
+var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
+var TosAndPp = require('../../components/TosAndPp/TosAndPp.cjs');
+var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+var getSocialIcon = require('../../utils/functions/getSocialIcon/getSocialIcon.cjs');
+
+const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+const SocialRedirectView = () => {
+    const { socialProvider, socialWalletConnector } = SocialRedirectContext.useSocialRedirectContext();
+    const { termsOfServiceUrl, privacyPolicyUrl } = useInternalDynamicContext.useInternalDynamicContext();
+    if (!socialWalletConnector || !socialProvider) {
+        return null;
+    }
+    return (jsxRuntime.jsxs("div", Object.assign({ style: {
+            alignItems: 'center',
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            paddingBottom: '3rem',
+        } }, { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { iconSize: 64, Icon: getSocialIcon.getSocialIcon(socialProvider), isSpinning: true }), jsxRuntime.jsxs(Typography.Typography, { children: ["Connecting to ", capitalize(socialProvider), "..."] }), jsxRuntime.jsx(TosAndPp.TosAndPp, { mode: 'logging in', privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl })] })));
+};
+
+exports.SocialRedirectView = SocialRedirectView;

package/src/lib/views/SocialRedirectView/SocialRedirectView.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SocialRedirectView: () => JSX.Element | null;

package/src/lib/views/SocialRedirectView/SocialRedirectView.js

@@ -0,0 +1,47 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Typography } from '../../components/Typography/Typography.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import '../../context/ViewContext/ViewContext.js';
+import '../../utils/constants/colors.js';
+import '../../shared/consts/index.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../config/ApiEndpoint.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import 'ethers';
+import '../../context/MockContext/MockContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../components/IconButton/IconButton.js';
+import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
+import { TosAndPp } from '../../components/TosAndPp/TosAndPp.js';
+import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import { getSocialIcon } from '../../utils/functions/getSocialIcon/getSocialIcon.js';
+
+const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+const SocialRedirectView = () => {
+    const { socialProvider, socialWalletConnector } = useSocialRedirectContext();
+    const { termsOfServiceUrl, privacyPolicyUrl } = useInternalDynamicContext();
+    if (!socialWalletConnector || !socialProvider) {
+        return null;
+    }
+    return (jsxs("div", Object.assign({ style: {
+            alignItems: 'center',
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            paddingBottom: '3rem',
+        } }, { children: [jsx(IconWithSpinner, { iconSize: 64, Icon: getSocialIcon(socialProvider), isSpinning: true }), jsxs(Typography, { children: ["Connecting to ", capitalize(socialProvider), "..."] }), jsx(TosAndPp, { mode: 'logging in', privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl })] })));
+};
+
+export { SocialRedirectView };

package/src/lib/views/SocialRedirectView/index.d.ts

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

package/src/lib/views/WalletList/WalletList.cjs

@@ -18,7 +18,7 @@ var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var localStorage$1 = require('../../utils/constants/localStorage.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../shared/consts/index.cjs');
-var index = require('../../utils/functions/walletListBuilder/index.cjs');
+var walletListBuilder = require('../../utils/functions/walletListBuilder/walletListBuilder.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
 var MockContext = require('../../context/MockContext/MockContext.cjs');
@@ -39,7 +39,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     React.useEffect(() => {
         setToLS.setToLS(localStorage$1.WALLET_PICKER_SEARCH_KEY, filterValue);
     }, [filterValue]);
-    const { numberOfWallets, walletsList } = index.walletListBuilder({
+    const { numberOfWallets, walletsList } = walletListBuilder.walletListBuilder({
         inputList: wallets,
         isWalletConnectList,
         lastUsedWalletName: getFromLS.getFromLS(localStorage$1.LAST_USED_WALLET),

package/src/lib/views/WalletList/WalletList.js

@@ -14,7 +14,7 @@ import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { WALLET_PICKER_SEARCH_KEY, AUTH_USER, LAST_USED_WALLET } from '../../utils/constants/localStorage.js';
 import '../../utils/constants/colors.js';
 import '../../shared/consts/index.js';
-import { walletListBuilder } from '../../utils/functions/walletListBuilder/index.js';
+import { walletListBuilder } from '../../utils/functions/walletListBuilder/walletListBuilder.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import { useMockContext } from '../../context/MockContext/MockContext.js';

package/src/lib/views/WalletNoAccess/WalletNoAccess.cjs

@@ -60,9 +60,8 @@ const WalletNoAccess = () => {
         getAddress();
     }, [walletConnector]);
     const handleChangeWallet = () => {
-        var _a;
         setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
-        (_a = walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession) === null || _a === void 0 ? void 0 : _a.call(walletConnector);
+        walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession();
     };
     const title = isChainalysisView
         ? 'This address seems corrupted.'

package/src/lib/views/WalletNoAccess/WalletNoAccess.js

@@ -56,9 +56,8 @@ const WalletNoAccess = () => {
         getAddress();
     }, [walletConnector]);
     const handleChangeWallet = () => {
-        var _a;
         setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
-        (_a = walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession) === null || _a === void 0 ? void 0 : _a.call(walletConnector);
+        walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession();
     };
     const title = isChainalysisView
         ? 'This address seems corrupted.'

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.cjs

@@ -43,11 +43,10 @@ const WalletSignSpinnerView = () => {
     const { name } = walletConnector;
     const iconSize = 80;
     const handleClose = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
         setView('wallet-list');
         setMultiWalletWidgetState('idle');
         setSelectedWalletConnector(null);
-        yield ((_a = walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession) === null || _a === void 0 ? void 0 : _a.call(walletConnector));
+        yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession());
     });
     const icon = (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: name, style: {
             height: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.js

@@ -39,11 +39,10 @@ const WalletSignSpinnerView = () => {
     const { name } = walletConnector;
     const iconSize = 80;
     const handleClose = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
         setView('wallet-list');
         setMultiWalletWidgetState('idle');
         setSelectedWalletConnector(null);
-        yield ((_a = walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession) === null || _a === void 0 ? void 0 : _a.call(walletConnector));
+        yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession());
     });
     const icon = (jsx(WalletIcon, { walletName: name, style: {
             height: pixelToRem(iconSize * iconRatio),

package/src/lib/views/WalletUsedView/WalletUsedView.cjs

@@ -20,7 +20,6 @@ var index = require('../../utils/functions/storeAuthToken/index.cjs');
 var getVerifyArgs = require('../../utils/functions/getVerifyArgs/getVerifyArgs.cjs');
 var createUserProfile = require('../../utils/functions/createUserProfile/createUserProfile.cjs');
 require('@dynamic-labs/sdk-api');
-var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 var Checkbox = require('../../components/Checkbox/Checkbox.cjs');
@@ -30,6 +29,7 @@ require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 var api = require('../../data/api.cjs');
+var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 var getSiweStatement = require('../../utils/functions/getSiweStatement/getSiweStatement.cjs');
 var getWalletProvider = require('../../utils/functions/getWalletProvider/getWalletProvider.cjs');

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -16,7 +16,6 @@ import { storeAuthToken } from '../../utils/functions/storeAuthToken/index.js';
 import { getVerifyArgs } from '../../utils/functions/getVerifyArgs/getVerifyArgs.js';
 import { createUserProfile } from '../../utils/functions/createUserProfile/createUserProfile.js';
 import '@dynamic-labs/sdk-api';
-import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import { Checkbox } from '../../components/Checkbox/Checkbox.js';
@@ -26,6 +25,7 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import { transferWallet } from '../../data/api.js';
+import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import { getSiweStatement } from '../../utils/functions/getSiweStatement/getSiweStatement.js';
 import { getWalletProvider } from '../../utils/functions/getWalletProvider/getWalletProvider.js';

package/src/lib/views/viewToComponentMap.cjs

@@ -17,6 +17,7 @@ var NoQrNotInstalledView = require('./NoQrNotInstalledView/NoQrNotInstalledView.
 var PendingConnectView = require('./PendingConnectView/PendingConnectView.cjs');
 var PendingSignatureView = require('./PendingSignatureView/PendingSignatureView.cjs');
 var QrCodeView = require('./QrCodeView/QrCodeView.cjs');
+var SocialRedirectView = require('./SocialRedirectView/SocialRedirectView.cjs');
 var WalletList = require('./WalletList/WalletList.cjs');
 var WalletNoAccess = require('./WalletNoAccess/WalletNoAccess.cjs');
 var WalletSignSpinnerView = require('./WalletSignSpinnerView/WalletSignSpinnerView.cjs');
@@ -39,6 +40,7 @@ const viewToComponentMap = {
     'pending-signature': jsxRuntime.jsx(PendingSignatureView.PendingSignatureView, {}),
     'pending-signature-without-back-button': jsxRuntime.jsx(PendingSignatureView.PendingSignatureView, {}),
     'qr-code': jsxRuntime.jsx(QrCodeView.QrCodeView, {}),
+    'social-redirect-view': jsxRuntime.jsx(SocialRedirectView.SocialRedirectView, {}),
     'update-email': jsxRuntime.jsx(EmailUpdate.EmailUpdate, {}),
     'verify-email': jsxRuntime.jsx(EmailVerification.EmailVerification, {}),
     'wait-for-email-confirmation-view': jsxRuntime.jsx(EmailConfirmationWaitingView.EmailConfirmationWaitingView, {}),

package/src/lib/views/viewToComponentMap.js

@@ -13,6 +13,7 @@ import { NoQrNotInstalledView } from './NoQrNotInstalledView/NoQrNotInstalledVie
 import { PendingConnectView } from './PendingConnectView/PendingConnectView.js';
 import { PendingSignatureView } from './PendingSignatureView/PendingSignatureView.js';
 import { QrCodeView } from './QrCodeView/QrCodeView.js';
+import { SocialRedirectView } from './SocialRedirectView/SocialRedirectView.js';
 import { WalletList } from './WalletList/WalletList.js';
 import { WalletNoAccess } from './WalletNoAccess/WalletNoAccess.js';
 import { WalletSignSpinnerView } from './WalletSignSpinnerView/WalletSignSpinnerView.js';
@@ -35,6 +36,7 @@ const viewToComponentMap = {
     'pending-signature': jsx(PendingSignatureView, {}),
     'pending-signature-without-back-button': jsx(PendingSignatureView, {}),
     'qr-code': jsx(QrCodeView, {}),
+    'social-redirect-view': jsx(SocialRedirectView, {}),
     'update-email': jsx(EmailUpdate, {}),
     'verify-email': jsx(EmailVerification, {}),
     'wait-for-email-confirmation-view': jsx(EmailConfirmationWaitingView, {}),

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs

@@ -23,14 +23,14 @@ require('react-focus-lock');
 require('../../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-var CopyButton = require('../../../../../components/CopyButton/CopyButton.cjs');
-require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../../context/MockContext/MockContext.cjs');
 require('../../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+var CopyButton = require('../../../../../components/CopyButton/CopyButton.cjs');
+require('../../../../../components/IconButton/IconButton.cjs');
 var StatusDot = require('../../../../../components/StatusDot/StatusDot.cjs');
 var Balance = require('../../Balance/Balance.cjs');
 var getWalletVerifiedCredential = require('../../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js

@@ -19,14 +19,14 @@ import 'react-focus-lock';
 import '../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import { CopyButton } from '../../../../../components/CopyButton/CopyButton.js';
-import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../config/ApiEndpoint.js';
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../../context/MockContext/MockContext.js';
 import '../../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import { CopyButton } from '../../../../../components/CopyButton/CopyButton.js';
+import '../../../../../components/IconButton/IconButton.js';
 import { StatusDot } from '../../../../../components/StatusDot/StatusDot.js';
 import { Balance } from '../../Balance/Balance.js';
 import { getWalletVerifiedCredential } from '../../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.cjs

@@ -6,7 +6,27 @@ var jsxRuntime = require('react/jsx-runtime');
 var ZoomTransition = require('../../../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('react');
+require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/sdk-api');
+require('../../../../../../config/ApiEndpoint.cjs');
+require('../../../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('../../../../../../context/ViewContext/ViewContext.cjs');
+require('../../../../../../utils/constants/colors.cjs');
+require('../../../../../../shared/consts/index.cjs');
+require('../../../../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../../../../context/ErrorContext/ErrorContext.cjs');
+require('react-dom');
 var classNames = require('../../../../../../utils/functions/classNames/classNames.cjs');
+require('../../../../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../../../../context/ThemeContext/ThemeContext.cjs');
+require('react-focus-lock');
+require('../../../../../../components/IconButton/IconButton.cjs');
+require('ethers');
+require('../../../../../../context/MockContext/MockContext.cjs');
+require('../../../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 
 const DynamicWidgetDropdown = ({ zIndex, isShown, onClose, children, className, contentClassName, }) => (jsxRuntime.jsx(ZoomTransition.ZoomTransition, Object.assign({ outDuration: 200, className: classNames.classNames('dynamic-widget-dropdown', className), isShown: isShown }, { children: jsxRuntime.jsx("div", Object.assign({ "data-testid": 'DynamicWidgetDropdown', style: { zIndex }, className: classNames.classNames('dynamic-widget-dropdown__root', contentClassName) }, { children: children })) })));
 

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.js

@@ -2,7 +2,27 @@ import { jsx } from 'react/jsx-runtime';
 import { ZoomTransition } from '../../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import 'react';
+import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/sdk-api';
+import '../../../../../../config/ApiEndpoint.js';
+import '../../../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '../../../../../../context/ViewContext/ViewContext.js';
+import '../../../../../../utils/constants/colors.js';
+import '../../../../../../shared/consts/index.js';
+import '../../../../../../context/DynamicContext/DynamicContext.js';
+import '../../../../../../context/ErrorContext/ErrorContext.js';
+import 'react-dom';
 import { classNames } from '../../../../../../utils/functions/classNames/classNames.js';
+import '../../../../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../../../../context/ThemeContext/ThemeContext.js';
+import 'react-focus-lock';
+import '../../../../../../components/IconButton/IconButton.js';
+import 'ethers';
+import '../../../../../../context/MockContext/MockContext.js';
+import '../../../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 
 const DynamicWidgetDropdown = ({ zIndex, isShown, onClose, children, className, contentClassName, }) => (jsx(ZoomTransition, Object.assign({ outDuration: 200, className: classNames('dynamic-widget-dropdown', className), isShown: isShown }, { children: jsx("div", Object.assign({ "data-testid": 'DynamicWidgetDropdown', style: { zIndex }, className: classNames('dynamic-widget-dropdown__root', contentClassName) }, { children: children })) })));
 

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.cjs

@@ -25,6 +25,9 @@ require('../../../../../../context/MockContext/MockContext.cjs');
 require('../../../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('../../../../../../components/IconButton/IconButton.cjs');
+require('../../../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 
 const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, }) => {
     usePreventPageScroll.usePreventPageScroll(Boolean(isShown));

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.js

@@ -21,6 +21,9 @@ import '../../../../../../context/MockContext/MockContext.js';
 import '../../../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../../../../../components/IconButton/IconButton.js';
+import '../../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 
 const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, }) => {
     usePreventPageScroll(Boolean(isShown));

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.types.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { EmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { IEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
 export type EmailConnectorPendingSignModalContentProps = {
-    emailWalletConnector: EmailWalletConnector;
+    emailWalletConnector: IEmailWalletConnector;
 };
 export type EmailConnectorPendingSignModalContentComponent = FC<EmailConnectorPendingSignModalContentProps>;

package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { EmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { IEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
 type EmailOTPConnectorPendingSignModalContentProps = {
-    walletConnector: EmailOTPWalletConnector;
+    walletConnector: IEmailOTPWalletConnector;
 };
 export declare const EmailOTPConnectorPendingSignModalContent: FC<EmailOTPConnectorPendingSignModalContentProps>;
 export {};

package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.cjs

@@ -68,9 +68,8 @@ const Wallet = ({ setNewWalletId, wallet, ens }) => {
         text: 'Unlink from my account',
     });
     const onSelectWalletClick = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
         if (wallet.connector.connectedChain === 'FLOW') {
-            (_b = (_a = wallet.connector).endSession) === null || _b === void 0 ? void 0 : _b.call(_a);
+            wallet.connector.endSession();
         }
         setNewWalletId === null || setNewWalletId === void 0 ? void 0 : setNewWalletId(walletId);
         setPrimaryWallet(walletId);

package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.js

@@ -64,9 +64,8 @@ const Wallet = ({ setNewWalletId, wallet, ens }) => {
         text: 'Unlink from my account',
     });
     const onSelectWalletClick = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
         if (wallet.connector.connectedChain === 'FLOW') {
-            (_b = (_a = wallet.connector).endSession) === null || _b === void 0 ? void 0 : _b.call(_a);
+            wallet.connector.endSession();
         }
         setNewWalletId === null || setNewWalletId === void 0 ? void 0 : setNewWalletId(walletId);
         setPrimaryWallet(walletId);

package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs

@@ -10,7 +10,7 @@ const useFetchCurrency = (connector, network) => {
     const [currency, setCurrency] = React.useState('');
     React.useEffect(() => {
         const fetchChainCurrency = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             const chainId = yield connector.getNetwork();
             const chainInfo = multiWallet.getChainInfo((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
             /* istanbul ignore else */
@@ -18,8 +18,8 @@ const useFetchCurrency = (connector, network) => {
                 setCurrency(chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
                 return;
             }
-            const result = connector.evmNetworks.find((element) => element.chainId === chainId);
-            setCurrency((_c = (_b = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _b === void 0 ? void 0 : _b.symbol) !== null && _c !== void 0 ? _c : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
+            const result = (_b = connector.evmNetworks) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
+            setCurrency((_d = (_c = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _c === void 0 ? void 0 : _c.symbol) !== null && _d !== void 0 ? _d : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
             return [currency];
         });
         fetchChainCurrency();