@dynamic-labs/sdk-react-core 0.17.0-RC.2 → 0.17.0-RC.21

package/src/lib/utils/hooks/useWallets/utils/getMagicLinkApiKeyFromProviders/getMagicLinkApiKeyFromProviders.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var sdkApi = require('@dynamic-labs/sdk-api');
-
-const getMagicLinkApiKeyFromProviders = (providers) => {
-    const [magicLinkProvider] = providers.filter(({ provider }) => provider === sdkApi.ProviderEnum.MagicLink);
-    return magicLinkProvider === null || magicLinkProvider === void 0 ? void 0 : magicLinkProvider.providerProjectId;
-};
-
-exports.getMagicLinkApiKeyFromProviders = getMagicLinkApiKeyFromProviders;

package/src/lib/utils/hooks/useWallets/utils/getMagicLinkApiKeyFromProviders/getMagicLinkApiKeyFromProviders.d.ts

@@ -1,2 +0,0 @@
-import { Provider } from '@dynamic-labs/sdk-api';
-export declare const getMagicLinkApiKeyFromProviders: (providers: Provider[]) => string | undefined;

package/src/lib/utils/hooks/useWallets/utils/getMagicLinkApiKeyFromProviders/getMagicLinkApiKeyFromProviders.js

@@ -1,8 +0,0 @@
-import { ProviderEnum } from '@dynamic-labs/sdk-api';
-
-const getMagicLinkApiKeyFromProviders = (providers) => {
-    const [magicLinkProvider] = providers.filter(({ provider }) => provider === ProviderEnum.MagicLink);
-    return magicLinkProvider === null || magicLinkProvider === void 0 ? void 0 : magicLinkProvider.providerProjectId;
-};
-
-export { getMagicLinkApiKeyFromProviders };

package/src/lib/utils/hooks/useWallets/utils/getMagicLinkApiKeyFromProviders/index.d.ts

@@ -1 +0,0 @@
-export { getMagicLinkApiKeyFromProviders } from './getMagicLinkApiKeyFromProviders';

package/src/lib/utils/hooks/useWallets/utils/index.d.ts

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

package/src/lib/views/CollectUserDataView/UserDataForm/index.d.ts

@@ -1 +0,0 @@
-export { UserDataForm } from './UserDataForm';

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

@@ -1,85 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../_virtual/_tslib.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var walletBook = require('@dynamic-labs/wallet-book');
-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');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
-require('../../utils/constants/colors.cjs');
-require('../../shared/consts/index.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
-var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.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');
-var Button = require('../../components/Button/Button.cjs');
-require('../../components/IconButton/IconButton.cjs');
-var StatusDot = require('../../components/StatusDot/StatusDot.cjs');
-var getSocialNetworkIcon = require('../../utils/functions/getSocialNetworkIcon/getSocialNetworkIcon.cjs');
-
-const WalletNoAccess = () => {
-    const [walletAddress, setWalletAddress] = React.useState('');
-    const { loginWithEmail, selectedWalletConnector: walletConnector, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, notInTheListImageUrl, accessDeniedMessagePrimary, accessDeniedMessageSecondary, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView, view } = ViewContext.useViewContext();
-    const isChainalysisView = view === 'chainalysis-blocked-wallet';
-    const _socialMediaLinkText = !isChainalysisView
-        ? socialMediaLinkText
-        : 'Why am I seeing this message?';
-    const _socialMediaUrl = !isChainalysisView
-        ? socialMediaUrl
-        : 'https://docs.dynamic.xyz/docs';
-    React.useEffect(() => {
-        const getAddress = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            try {
-                const address = yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.fetchPublicAddress());
-                if (address) {
-                    setWalletAddress(address);
-                }
-            }
-            catch (e) {
-                return;
-            }
-        });
-        getAddress();
-    }, [walletConnector]);
-    const handleChangeWallet = () => {
-        setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
-        walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession();
-    };
-    const title = isChainalysisView
-        ? 'This address seems corrupted.'
-        : accessDeniedMessagePrimary || 'Access denied';
-    const subtitle = isChainalysisView
-        ? 'This wallet has been correlated to illicit activity and cannot access this site.'
-        : accessDeniedMessageSecondary ||
-            "We couldn't find your wallet address on our allow list of customers.";
-    const SocialMediaIcon = !socialMediaIconUrl || typeof socialMediaIconUrl === 'string'
-        ? null
-        : getSocialNetworkIcon.getSocialNetworkIcon(Object.keys(socialMediaIconUrl)[0]);
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-no-access__container' }, { children: [notInTheListImageUrl && !isChainalysisView && (jsxRuntime.jsx("img", { src: notInTheListImageUrl, alt: 'user is not in the list', className: 'wallet-no-access__image' })), jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-no-access__main' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-no-access__user-info-container' }, { children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } }), jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-no-access__wallet-address-container' }, { children: [jsxRuntime.jsx(StatusDot.StatusDot, { variant: 'red', containerClassName: 'user-info__status-dot' }), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'primary', weight: 'medium', className: 'wallet-no-access__wallet-address' }, { children: walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.replace(walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.substring(6, Number(walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.length) - 4), '...') }))] }))] })), jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-no-access__content' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'wallet-no-access__content--primary' }, { children: title })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'wallet-no-access__content--secondary' }, { children: subtitle }))] })), jsxRuntime.jsx(Button.Button, Object.assign({ onClick: handleChangeWallet, className: 'wallet-no-access__button--primary', expanded: true, buttonRounded: 'default', buttonPadding: 'large' }, { children: "Try another wallet" })), Boolean(_socialMediaUrl) && Boolean(_socialMediaLinkText) && (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-no-access__social-info-container' }, { children: [jsxRuntime.jsxs("a", Object.assign({ href: _socialMediaUrl, className: 'wallet-no-access__waitlist-link' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'button_primary', color: 'primary' }, { children: _socialMediaLinkText })), SocialMediaIcon && !isChainalysisView && (jsxRuntime.jsx(SocialMediaIcon, { className: 'wallet-no-access__social-icon', style: {
-                                            height: pixelToRem.pixelToRem(24),
-                                            width: pixelToRem.pixelToRem(24),
-                                        } }))] })), typeof socialMediaIconUrl === 'string' && (jsxRuntime.jsx("img", { alt: 'social media', src: socialMediaIconUrl, style: {
-                                    height: '1.5rem',
-                                    width: '1.5rem',
-                                } }))] })))] }))] })));
-};
-
-exports.WalletNoAccess = WalletNoAccess;

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

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

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

@@ -1,81 +0,0 @@
-import { __awaiter } from '../../../../_virtual/_tslib.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { WalletIcon } from '@dynamic-labs/wallet-book';
-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 { useViewContext } from '../../context/ViewContext/ViewContext.js';
-import '../../utils/constants/colors.js';
-import '../../shared/consts/index.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
-import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.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 { Button } from '../../components/Button/Button.js';
-import '../../components/IconButton/IconButton.js';
-import { StatusDot } from '../../components/StatusDot/StatusDot.js';
-import { getSocialNetworkIcon } from '../../utils/functions/getSocialNetworkIcon/getSocialNetworkIcon.js';
-
-const WalletNoAccess = () => {
-    const [walletAddress, setWalletAddress] = useState('');
-    const { loginWithEmail, selectedWalletConnector: walletConnector, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, notInTheListImageUrl, accessDeniedMessagePrimary, accessDeniedMessageSecondary, } = useInternalDynamicContext();
-    const { setView, view } = useViewContext();
-    const isChainalysisView = view === 'chainalysis-blocked-wallet';
-    const _socialMediaLinkText = !isChainalysisView
-        ? socialMediaLinkText
-        : 'Why am I seeing this message?';
-    const _socialMediaUrl = !isChainalysisView
-        ? socialMediaUrl
-        : 'https://docs.dynamic.xyz/docs';
-    useEffect(() => {
-        const getAddress = () => __awaiter(void 0, void 0, void 0, function* () {
-            try {
-                const address = yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.fetchPublicAddress());
-                if (address) {
-                    setWalletAddress(address);
-                }
-            }
-            catch (e) {
-                return;
-            }
-        });
-        getAddress();
-    }, [walletConnector]);
-    const handleChangeWallet = () => {
-        setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
-        walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession();
-    };
-    const title = isChainalysisView
-        ? 'This address seems corrupted.'
-        : accessDeniedMessagePrimary || 'Access denied';
-    const subtitle = isChainalysisView
-        ? 'This wallet has been correlated to illicit activity and cannot access this site.'
-        : accessDeniedMessageSecondary ||
-            "We couldn't find your wallet address on our allow list of customers.";
-    const SocialMediaIcon = !socialMediaIconUrl || typeof socialMediaIconUrl === 'string'
-        ? null
-        : getSocialNetworkIcon(Object.keys(socialMediaIconUrl)[0]);
-    return (jsxs("div", Object.assign({ className: 'wallet-no-access__container' }, { children: [notInTheListImageUrl && !isChainalysisView && (jsx("img", { src: notInTheListImageUrl, alt: 'user is not in the list', className: 'wallet-no-access__image' })), jsxs("div", Object.assign({ className: 'wallet-no-access__main' }, { children: [jsxs("div", Object.assign({ className: 'wallet-no-access__user-info-container' }, { children: [jsx(WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, style: { height: pixelToRem(64), width: pixelToRem(64) } }), jsxs("div", Object.assign({ className: 'wallet-no-access__wallet-address-container' }, { children: [jsx(StatusDot, { variant: 'red', containerClassName: 'user-info__status-dot' }), jsx(Typography, Object.assign({ variant: 'body_normal', color: 'primary', weight: 'medium', className: 'wallet-no-access__wallet-address' }, { children: walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.replace(walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.substring(6, Number(walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.length) - 4), '...') }))] }))] })), jsxs("div", Object.assign({ className: 'wallet-no-access__content' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'wallet-no-access__content--primary' }, { children: title })), jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'wallet-no-access__content--secondary' }, { children: subtitle }))] })), jsx(Button, Object.assign({ onClick: handleChangeWallet, className: 'wallet-no-access__button--primary', expanded: true, buttonRounded: 'default', buttonPadding: 'large' }, { children: "Try another wallet" })), Boolean(_socialMediaUrl) && Boolean(_socialMediaLinkText) && (jsxs("div", Object.assign({ className: 'wallet-no-access__social-info-container' }, { children: [jsxs("a", Object.assign({ href: _socialMediaUrl, className: 'wallet-no-access__waitlist-link' }, { children: [jsx(Typography, Object.assign({ variant: 'button_primary', color: 'primary' }, { children: _socialMediaLinkText })), SocialMediaIcon && !isChainalysisView && (jsx(SocialMediaIcon, { className: 'wallet-no-access__social-icon', style: {
-                                            height: pixelToRem(24),
-                                            width: pixelToRem(24),
-                                        } }))] })), typeof socialMediaIconUrl === 'string' && (jsx("img", { alt: 'social media', src: socialMediaIconUrl, style: {
-                                    height: '1.5rem',
-                                    width: '1.5rem',
-                                } }))] })))] }))] })));
-};
-
-export { WalletNoAccess };

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

@@ -1 +0,0 @@
-export { WalletNoAccess } from './WalletNoAccess';

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

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var multiWallet = require('@dynamic-labs/multi-wallet');
-var walletBook = require('@dynamic-labs/wallet-book');
-require('react');
-var Typography = require('../../../../components/Typography/Typography.cjs');
-require('@dynamic-labs/sdk-api');
-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');
-var pixelToRem = require('../../../../utils/functions/pixelToRem/pixelToRem.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');
-var Button = require('../../../../components/Button/Button.cjs');
-require('../../../../components/IconButton/IconButton.cjs');
-var IconWithSpinner = require('../../../../components/IconWithSpinner/IconWithSpinner.cjs');
-var helpers = require('../../helpers/helpers.cjs');
-
-const DefaultPendingSignModalContent = ({ walletConnector, onClickToSign }) => {
-    const { name = '' } = walletConnector || {};
-    const iconSize = 80;
-    const icon = (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: name, style: { height: pixelToRem.pixelToRem(iconSize), width: pixelToRem.pixelToRem(iconSize) } }));
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'default-pending-sign-modal-content__container' }, { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { iconSize: 80, Icon: icon, isSpinning: true }), name && (jsxRuntime.jsxs(Typography.Typography, Object.assign({ color: 'primary', className: 'default-pending-sign-modal-content__title', variant: 'body_normal', weight: 'medium' }, { children: ["Sign in with ", helpers.capitalize(name)] }))), jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'secondary', variant: 'body_small', weight: 'medium' }, { children: "Sign the message in your wallet to approve linking this wallet to your account" })), multiWallet.isMobile() && !(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.canConnectViaCustodialService) && (jsxRuntime.jsx(Button.Button, Object.assign({ onClick: onClickToSign }, { children: "Click to Sign" })))] })));
-};
-
-exports.DefaultPendingSignModalContent = DefaultPendingSignModalContent;

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

@@ -1,2 +0,0 @@
-import { DefaultPendingSignModalContentComponent } from './DefaultPendingSignModalContent.types';
-export declare const DefaultPendingSignModalContent: DefaultPendingSignModalContentComponent;

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

@@ -1,39 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { isMobile } from '@dynamic-labs/multi-wallet';
-import { WalletIcon } from '@dynamic-labs/wallet-book';
-import 'react';
-import { Typography } from '../../../../components/Typography/Typography.js';
-import '@dynamic-labs/sdk-api';
-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 { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.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 { Button } from '../../../../components/Button/Button.js';
-import '../../../../components/IconButton/IconButton.js';
-import { IconWithSpinner } from '../../../../components/IconWithSpinner/IconWithSpinner.js';
-import { capitalize } from '../../helpers/helpers.js';
-
-const DefaultPendingSignModalContent = ({ walletConnector, onClickToSign }) => {
-    const { name = '' } = walletConnector || {};
-    const iconSize = 80;
-    const icon = (jsx(WalletIcon, { walletName: name, style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));
-    return (jsxs("div", Object.assign({ className: 'default-pending-sign-modal-content__container' }, { children: [jsx(IconWithSpinner, { iconSize: 80, Icon: icon, isSpinning: true }), name && (jsxs(Typography, Object.assign({ color: 'primary', className: 'default-pending-sign-modal-content__title', variant: 'body_normal', weight: 'medium' }, { children: ["Sign in with ", capitalize(name)] }))), jsx(Typography, Object.assign({ color: 'secondary', variant: 'body_small', weight: 'medium' }, { children: "Sign the message in your wallet to approve linking this wallet to your account" })), isMobile() && !(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.canConnectViaCustodialService) && (jsx(Button, Object.assign({ onClick: onClickToSign }, { children: "Click to Sign" })))] })));
-};
-
-export { DefaultPendingSignModalContent };

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

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
-export type DefaultPendingSignModalContentProps = {
-    onClickToSign: () => void;
-    walletConnector: WalletConnector | null;
-};
-export type DefaultPendingSignModalContentComponent = FC<DefaultPendingSignModalContentProps>;

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

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var multiWallet = require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/sdk-api');
-require('../../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('../../../../context/ViewContext/ViewContext.cjs');
-var close = require('../../../../shared/assets/close.cjs');
-require('../../../../utils/constants/colors.cjs');
-var index = require('../../../../shared/utils/hooks/useOnClickOutside/index.cjs');
-require('../../../../shared/consts/index.cjs');
-var useTransition = require('../../../../utils/hooks/useTransition/useTransition.cjs');
-var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
-var Typography = require('../../../../components/Typography/Typography.cjs');
-require('../../../../context/DynamicContext/DynamicContext.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');
-var IconButton = require('../../../../components/IconButton/IconButton.cjs');
-
-const DotsMenuWrapper = ({ children, onClose, content, showMenu, title, alignment = 'bottom', }) => {
-    const ref = React.useRef(null);
-    const closeOnOutsideClick = React.useCallback((event) => {
-        event.stopPropagation();
-        onClose();
-    }, [onClose]);
-    const handleOnClose = React.useCallback((event) => {
-        event.stopPropagation();
-        onClose();
-    }, [onClose]);
-    index.useOnClickOutside(ref, closeOnOutsideClick);
-    const { mount, stage, currentDuration } = useTransition.useTransition({
-        inDuration: multiWallet.isMobile() ? 300 : 100,
-        isShown: showMenu,
-        outDuration: multiWallet.isMobile() ? 400 : 100,
-    });
-    const alignmentClassName = classNames.classNames({
-        'dots-menu-wrapper__container__alignment__bottom': alignment === 'bottom',
-        'dots-menu-wrapper__container__alignment__top': alignment === 'top',
-    });
-    const menuAnimationClassName = classNames.classNames('dots-menu-wrapper__container', alignmentClassName, {
-        'dots-menu-wrapper__container--entering': stage === 'ENTERING',
-        'dots-menu-wrapper__container--exiting': stage === 'EXITING',
-    });
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'dots-menu-wrapper', ref: ref }, { children: [children, showMenu && (jsxRuntime.jsx("div", { className: 'dots-menu-wrapper__backdrop', onClick: handleOnClose, "data-testid": 'dots-menu-wrapper__backdrop' })), mount && (jsxRuntime.jsxs("div", Object.assign({ className: menuAnimationClassName, onClick: handleOnClose, style: {
-                    animationDuration: `${currentDuration}ms`,
-                } }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'dots-menu-wrapper__header' }, { children: [jsxRuntime.jsx("div", { className: 'dots-menu-wrapper__header__icon' }), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'primary' }, { children: title })), jsxRuntime.jsx("div", Object.assign({ className: 'dots-menu-wrapper__header__icon' }, { children: jsxRuntime.jsx(IconButton.IconButton, Object.assign({ "data-testid": 'close-icon-button', onClick: handleOnClose }, { children: jsxRuntime.jsx(close.ReactComponent, {}) })) }))] })), content] })))] })));
-};
-
-exports.DotsMenuWrapper = DotsMenuWrapper;

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

@@ -1,60 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useCallback } from 'react';
-import { isMobile } from '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/sdk-api';
-import '../../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '../../../../context/ViewContext/ViewContext.js';
-import { ReactComponent as SvgClose } from '../../../../shared/assets/close.js';
-import '../../../../utils/constants/colors.js';
-import { useOnClickOutside } from '../../../../shared/utils/hooks/useOnClickOutside/index.js';
-import '../../../../shared/consts/index.js';
-import { useTransition } from '../../../../utils/hooks/useTransition/useTransition.js';
-import { classNames } from '../../../../utils/functions/classNames/classNames.js';
-import { Typography } from '../../../../components/Typography/Typography.js';
-import '../../../../context/DynamicContext/DynamicContext.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 { IconButton } from '../../../../components/IconButton/IconButton.js';
-
-const DotsMenuWrapper = ({ children, onClose, content, showMenu, title, alignment = 'bottom', }) => {
-    const ref = useRef(null);
-    const closeOnOutsideClick = useCallback((event) => {
-        event.stopPropagation();
-        onClose();
-    }, [onClose]);
-    const handleOnClose = useCallback((event) => {
-        event.stopPropagation();
-        onClose();
-    }, [onClose]);
-    useOnClickOutside(ref, closeOnOutsideClick);
-    const { mount, stage, currentDuration } = useTransition({
-        inDuration: isMobile() ? 300 : 100,
-        isShown: showMenu,
-        outDuration: isMobile() ? 400 : 100,
-    });
-    const alignmentClassName = classNames({
-        'dots-menu-wrapper__container__alignment__bottom': alignment === 'bottom',
-        'dots-menu-wrapper__container__alignment__top': alignment === 'top',
-    });
-    const menuAnimationClassName = classNames('dots-menu-wrapper__container', alignmentClassName, {
-        'dots-menu-wrapper__container--entering': stage === 'ENTERING',
-        'dots-menu-wrapper__container--exiting': stage === 'EXITING',
-    });
-    return (jsxs("div", Object.assign({ className: 'dots-menu-wrapper', ref: ref }, { children: [children, showMenu && (jsx("div", { className: 'dots-menu-wrapper__backdrop', onClick: handleOnClose, "data-testid": 'dots-menu-wrapper__backdrop' })), mount && (jsxs("div", Object.assign({ className: menuAnimationClassName, onClick: handleOnClose, style: {
-                    animationDuration: `${currentDuration}ms`,
-                } }, { children: [jsxs("div", Object.assign({ className: 'dots-menu-wrapper__header' }, { children: [jsx("div", { className: 'dots-menu-wrapper__header__icon' }), jsx(Typography, Object.assign({ variant: 'body_normal', color: 'primary' }, { children: title })), jsx("div", Object.assign({ className: 'dots-menu-wrapper__header__icon' }, { children: jsx(IconButton, Object.assign({ "data-testid": 'close-icon-button', onClick: handleOnClose }, { children: jsx(SvgClose, {}) })) }))] })), content] })))] })));
-};
-
-export { DotsMenuWrapper };

package/src/lib/widgets/DynamicWidget/prompts/DetectedKnownSecondaryWalletModal/DetectedKnownSecondaryWalletModal.cjs

@@ -1,55 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../../../_virtual/_tslib.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-var multiWallet = require('@dynamic-labs/multi-wallet');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
-require('@dynamic-labs/sdk-api');
-require('../../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('../../../../context/ViewContext/ViewContext.cjs');
-require('react');
-var promptAccountSwitch = require('../../../../shared/assets/prompt-account-switch.cjs');
-require('../../../../utils/constants/colors.cjs');
-require('../../../../shared/consts/index.cjs');
-var WidgetPortal = require('../../components/WidgetPortal/WidgetPortal.cjs');
-var Typography = require('../../../../components/Typography/Typography.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');
-var Button = require('../../../../components/Button/Button.cjs');
-require('../../../../components/IconButton/IconButton.cjs');
-
-const DetectedKnownSecondaryWalletModal = ({ setNewWalletId, }) => {
-    const { setMultiWalletWidgetState, primaryWallet, secondaryWallets, setPrimaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
-    const handleButtonClick = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const publicAddress = yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.fetchPublicAddress());
-        if (!publicAddress) {
-            return;
-        }
-        const wallet = secondaryWallets.find((wallet) => multiWallet.isSameAddress(wallet.address, publicAddress, wallet.chain));
-        if (!wallet) {
-            return;
-        }
-        setMultiWalletWidgetState('idle');
-        setNewWalletId(wallet.id);
-        setPrimaryWallet(wallet.id);
-    });
-    return (jsxRuntime.jsx(WidgetPortal.WidgetPortal, Object.assign({ onBackdropClick: handleButtonClick }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'detected-known-secondary-wallet-modal__content' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'primary', variant: 'body_normal' }, { children: "Account Change Detected" })), jsxRuntime.jsx(promptAccountSwitch.ReactComponent, {}), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_small', color: 'secondary' }, { children: `Your active account in ${primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name} has changed. We’re updating the primary account here to match your wallet status.` })), jsxRuntime.jsx(Button.Button, Object.assign({ onClick: handleButtonClick, buttonVariant: 'primary', expanded: true, buttonRounded: 'default', typographyProps: {
-                        variant: 'button_secondary',
-                    } }, { children: "Sounds good!" }))] })) })));
-};
-
-exports.DetectedKnownSecondaryWalletModal = DetectedKnownSecondaryWalletModal;

package/src/lib/widgets/DynamicWidget/prompts/DetectedKnownSecondaryWalletModal/DetectedKnownSecondaryWalletModal.d.ts

@@ -1,6 +0,0 @@
-import { SetStateAction, Dispatch } from 'react';
-type Props = {
-    setNewWalletId: Dispatch<SetStateAction<string>>;
-};
-export declare const DetectedKnownSecondaryWalletModal: ({ setNewWalletId, }: Props) => JSX.Element;
-export {};

package/src/lib/widgets/DynamicWidget/prompts/DetectedKnownSecondaryWalletModal/DetectedKnownSecondaryWalletModal.js

@@ -1,51 +0,0 @@
-import { __awaiter } from '../../../../../../_virtual/_tslib.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { isSameAddress } from '@dynamic-labs/multi-wallet';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
-import '@dynamic-labs/sdk-api';
-import '../../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '../../../../context/ViewContext/ViewContext.js';
-import 'react';
-import { ReactComponent as SvgPromptAccountSwitch } from '../../../../shared/assets/prompt-account-switch.js';
-import '../../../../utils/constants/colors.js';
-import '../../../../shared/consts/index.js';
-import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
-import { Typography } from '../../../../components/Typography/Typography.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 { Button } from '../../../../components/Button/Button.js';
-import '../../../../components/IconButton/IconButton.js';
-
-const DetectedKnownSecondaryWalletModal = ({ setNewWalletId, }) => {
-    const { setMultiWalletWidgetState, primaryWallet, secondaryWallets, setPrimaryWallet, } = useInternalDynamicContext();
-    const handleButtonClick = () => __awaiter(void 0, void 0, void 0, function* () {
-        const publicAddress = yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.fetchPublicAddress());
-        if (!publicAddress) {
-            return;
-        }
-        const wallet = secondaryWallets.find((wallet) => isSameAddress(wallet.address, publicAddress, wallet.chain));
-        if (!wallet) {
-            return;
-        }
-        setMultiWalletWidgetState('idle');
-        setNewWalletId(wallet.id);
-        setPrimaryWallet(wallet.id);
-    });
-    return (jsx(WidgetPortal, Object.assign({ onBackdropClick: handleButtonClick }, { children: jsxs("div", Object.assign({ className: 'detected-known-secondary-wallet-modal__content' }, { children: [jsx(Typography, Object.assign({ color: 'primary', variant: 'body_normal' }, { children: "Account Change Detected" })), jsx(SvgPromptAccountSwitch, {}), jsx(Typography, Object.assign({ variant: 'body_small', color: 'secondary' }, { children: `Your active account in ${primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name} has changed. We’re updating the primary account here to match your wallet status.` })), jsx(Button, Object.assign({ onClick: handleButtonClick, buttonVariant: 'primary', expanded: true, buttonRounded: 'default', typographyProps: {
-                        variant: 'button_secondary',
-                    } }, { children: "Sounds good!" }))] })) })));
-};
-
-export { DetectedKnownSecondaryWalletModal };

package/src/lib/widgets/DynamicWidget/prompts/DetectedKnownSecondaryWalletModal/index.d.ts

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