@dynamic-labs/sdk-react-core 0.19.0-alpha.5 → 0.19.0-alpha.7

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

@@ -1,84 +0,0 @@
-import { __awaiter } from '../../../../../../_virtual/_tslib.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { Typography } from '../../../../components/Typography/Typography.js';
-import '@dynamic-labs/sdk-api';
-import '../../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import '../../../../context/ViewContext/ViewContext.js';
-import { ReactComponent as SvgClose } from '../../../../shared/assets/close.js';
-import { ReactComponent as SvgDotsHorizontal } from '../../../../shared/assets/dots-horizontal.js';
-import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
-import '../../../../utils/constants/colors.js';
-import '../../../../shared/utils/classes/storage/localStorage.js';
-import 'ethers';
-import '../../../../shared/consts/index.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
-import '@dynamic-labs/multi-wallet';
-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 '@dynamic-labs/rpc-providers';
-import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
-import '../../../../context/ErrorContext/ErrorContext.js';
-import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
-import { IconButton } from '../../../../components/IconButton/IconButton.js';
-import { IconWithSpinner } from '../../../../components/IconWithSpinner/IconWithSpinner.js';
-import '../../../../components/Alert/Alert.js';
-import 'formik';
-import 'yup';
-import '../../../CollectUserDataView/fieldsConfig.js';
-import '../../../../context/MockContext/MockContext.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
-import { useMutation } from '../../../../utils/hooks/useMutation/useMutation.js';
-import { useFindSocialIcon } from '../../../../utils/hooks/useFindSocialIcon/useFindSocialIcon.js';
-import '@dynamic-labs/types';
-import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import { IconListTile } from '../../../../components/IconListTile/IconListTile.js';
-import '../../../../components/Popper/Popper/Popper.js';
-import '../../../../components/Popper/PopperContext/PopperContext.js';
-import '../../../../components/InlineWidget/InlineWidget.js';
-import '../../../../components/MenuList/Dropdown/Dropdown.js';
-import { useSocialRedirectContext } from '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import { OverlayCard } from '../../../../components/OverlayCard/OverlayCard.js';
-import '../../../../components/OverlayCard/OverlayCard.context.js';
-import { capitalize } from '../../../../shared/utils/functions/capitalize/capitalize.js';
-
-const SocialSignIn = () => {
-    const { socialProvidersFilter = (providers) => providers } = useInternalDynamicContext();
-    const { socialProvider, setSocialProvider, socialWalletConnector, enabledSocialProviders, } = useSocialRedirectContext();
-    const findSocialIcon = useFindSocialIcon();
-    const [showCard, setShowCard] = useState(false);
-    const closeCard = () => !isLoading && setShowCard(false);
-    const socialProviders = socialProvidersFilter(enabledSocialProviders);
-    const numberOfEnabledSocialProviders = socialProviders.length;
-    const showConnectText = numberOfEnabledSocialProviders === 1;
-    const showCardButton = numberOfEnabledSocialProviders > 5;
-    const socialProvidersToDisplayInline = showCardButton
-        ? socialProviders.slice(0, 4)
-        : socialProviders.slice(0, 5);
-    const numberOfSocialGridItems = numberOfEnabledSocialProviders + (showCardButton ? 1 : 0);
-    const { mutate: onClickProvider, isLoading } = useMutation((provider) => __awaiter(void 0, void 0, void 0, function* () {
-        setSocialProvider(provider);
-        yield (socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.endSession());
-        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) => (jsxs(IconListTile, Object.assign({ dataTestId: `inline-${provider}`, onClick: () => onClickProvider(provider), disabled: Boolean(socialProvider), className: 'social-sign-in--tile' }, { children: [jsx(IconWithSpinner, { Icon: findSocialIcon(provider), isSpinning: socialProvider === provider, iconSize: 32 }), showConnectText && (jsxs(Typography, Object.assign({ variant: 'button_primary' }, { children: ["Connect with ", capitalize(provider)] })))] }), 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: jsx(Typography, Object.assign({ weight: 'medium', variant: 'body_normal', color: 'primary', as: 'span' }, { 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), disabled: Boolean(socialProvider), className: 'social-sign-in--card--tile' }, { children: jsx(IconWithSpinner, { Icon: findSocialIcon(provider), isSpinning: socialProvider === provider, iconSize: 32 }) }), provider))) }))] })) }))] }));
-};
-
-export { SocialSignIn };

package/src/lib/views/LoginView/components/WalletSignIn/index.d.ts

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

package/src/lib/views/LoginView/components/index.d.ts

@@ -1,3 +0,0 @@
-export * from './EmailSignIn';
-export * from './LoginWidget';
-export * from './WalletSignIn';