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

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

@@ -1,67 +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('@dynamic-labs/utils');
-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('@dynamic-labs/rpc-providers');
-require('../../../../context/ErrorContext/ErrorContext.cjs');
-require('ethers');
-require('../../../../context/MockContext/MockContext.cjs');
-require('../../../../context/CaptchaContext/CaptchaContext.cjs');
-require('@dynamic-labs/wallet-connector-core');
-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,63 +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 '@dynamic-labs/utils';
-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 '@dynamic-labs/rpc-providers';
-import '../../../../context/ErrorContext/ErrorContext.js';
-import 'ethers';
-import '../../../../context/MockContext/MockContext.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '@dynamic-labs/wallet-connector-core';
-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,58 +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('@dynamic-labs/utils');
-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('@dynamic-labs/rpc-providers');
-require('../../../../context/ErrorContext/ErrorContext.cjs');
-require('ethers');
-require('../../../../context/MockContext/MockContext.cjs');
-require('../../../../context/CaptchaContext/CaptchaContext.cjs');
-require('@dynamic-labs/wallet-connector-core');
-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,54 +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 '@dynamic-labs/utils';
-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 '@dynamic-labs/rpc-providers';
-import '../../../../context/ErrorContext/ErrorContext.js';
-import 'ethers';
-import '../../../../context/MockContext/MockContext.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '@dynamic-labs/wallet-connector-core';
-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';