@dynamic-labs/sdk-react-core 2.0.0-alpha.2 → 2.0.0-alpha.20

package/src/lib/components/Transition/OpacityTransition/OpacityTransition.js

@@ -21,13 +21,13 @@ const transitionStyles = {
     },
 };
 const UnoptimizedOpacityTransition = (_a) => {
-    var { children, style } = _a, transitionProps = __rest(_a, ["children", "style"]);
+    var { children, style, className } = _a, transitionProps = __rest(_a, ["children", "style", "className"]);
     const { mount, stage, currentDuration } = useTransition(transitionProps);
     const defaultStyles = getOpacityTransitionDefaultStyles(currentDuration);
     const stageStyles = transitionStyles[stage];
     if (!mount)
         return null;
-    return (jsx("div", { style: Object.assign(Object.assign(Object.assign({}, defaultStyles), stageStyles), style), children: children }));
+    return (jsx("div", { className: className, style: Object.assign(Object.assign(Object.assign({}, defaultStyles), stageStyles), style), children: children }));
 };
 const OpacityTransition = React__default.memo(UnoptimizedOpacityTransition);
 

package/src/lib/components/Transition/SlideInUpTransition/SlideInUpTransition.cjs

@@ -26,13 +26,13 @@ const transitionStyles = {
     },
 };
 const UnoptimizedSlideInUpTransition = (_a) => {
-    var { children } = _a, transitionProps = _tslib.__rest(_a, ["children"]);
+    var { children, className } = _a, transitionProps = _tslib.__rest(_a, ["children", "className"]);
     const { mount, stage, currentDuration } = useTransition.useTransition(transitionProps);
     const defaultStyles = getSlideInUpTransitionDefaultStyles(currentDuration);
     const stageStyles = transitionStyles[stage];
     if (!mount)
         return null;
-    return jsxRuntime.jsx("div", { style: Object.assign(Object.assign({}, defaultStyles), stageStyles), children: children });
+    return (jsxRuntime.jsx("div", { className: className, style: Object.assign(Object.assign({}, defaultStyles), stageStyles), children: children }));
 };
 const SlideInUpTransition = React__default["default"].memo(UnoptimizedSlideInUpTransition);
 

package/src/lib/components/Transition/SlideInUpTransition/SlideInUpTransition.js

@@ -18,13 +18,13 @@ const transitionStyles = {
     },
 };
 const UnoptimizedSlideInUpTransition = (_a) => {
-    var { children } = _a, transitionProps = __rest(_a, ["children"]);
+    var { children, className } = _a, transitionProps = __rest(_a, ["children", "className"]);
     const { mount, stage, currentDuration } = useTransition(transitionProps);
     const defaultStyles = getSlideInUpTransitionDefaultStyles(currentDuration);
     const stageStyles = transitionStyles[stage];
     if (!mount)
         return null;
-    return jsx("div", { style: Object.assign(Object.assign({}, defaultStyles), stageStyles), children: children });
+    return (jsx("div", { className: className, style: Object.assign(Object.assign({}, defaultStyles), stageStyles), children: children }));
 };
 const SlideInUpTransition = React__default.memo(UnoptimizedSlideInUpTransition);
 

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs

@@ -17,23 +17,26 @@ require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('../../../shared/consts/index.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
 require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../config/ApiEndpoint.cjs');
-require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 var useResizeObserver = require('../../../utils/hooks/useResizeObserver/useResizeObserver.cjs');
 require('@dynamic-labs/types');
 var useTransition = require('../../../utils/hooks/useTransition/useTransition.cjs');
 require('yup');
 require('react-i18next');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -44,31 +47,33 @@ require('../../Alert/Alert.cjs');
 require('../../ShadowDOM/ShadowDOM.cjs');
 require('../../IconButton/IconButton.cjs');
 require('../../InlineWidget/InlineWidget.cjs');
+require('../../Input/Input.cjs');
 require('../../IsBrowser/IsBrowser.cjs');
 require('../../MenuList/Dropdown/Dropdown.cjs');
 require('../ZoomTransition/ZoomTransition.cjs');
 require('../SlideInUpTransition/SlideInUpTransition.cjs');
 require('../OpacityTransition/OpacityTransition.cjs');
+require('../../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../Popper/Popper/Popper.cjs');
 require('../../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
-require('i18next');
-require('../../OverlayCard/OverlayCard.context.cjs');
-require('../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/WalletList/WalletList.cjs');
-require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../locale/locale.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const VerticalDrawerTransition = (_a) => {

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js

@@ -13,23 +13,26 @@ import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '../../../shared/consts/index.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
 import 'viem/chains';
+import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../config/ApiEndpoint.js';
-import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import { useResizeObserver } from '../../../utils/hooks/useResizeObserver/useResizeObserver.js';
 import '@dynamic-labs/types';
 import { useTransition } from '../../../utils/hooks/useTransition/useTransition.js';
 import 'yup';
 import 'react-i18next';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -40,31 +43,33 @@ import '../../Alert/Alert.js';
 import '../../ShadowDOM/ShadowDOM.js';
 import '../../IconButton/IconButton.js';
 import '../../InlineWidget/InlineWidget.js';
+import '../../Input/Input.js';
 import '../../IsBrowser/IsBrowser.js';
 import '../../MenuList/Dropdown/Dropdown.js';
 import '../ZoomTransition/ZoomTransition.js';
 import '../SlideInUpTransition/SlideInUpTransition.js';
 import '../OpacityTransition/OpacityTransition.js';
+import '../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../Popper/Popper/Popper.js';
 import '../../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
-import 'i18next';
-import '../../OverlayCard/OverlayCard.context.js';
-import '../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../views/WalletList/WalletList.js';
-import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
+import '../../../locale/locale.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/viem-utils';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const VerticalDrawerTransition = (_a) => {

package/src/lib/components/Transition/ZoomTransition/ZoomTransition.cjs

@@ -30,13 +30,13 @@ const transitionStyles = {
     },
 };
 const UnoptimizedZoomTransition = (_a) => {
-    var { children } = _a, transitionProps = _tslib.__rest(_a, ["children"]);
+    var { children, className } = _a, transitionProps = _tslib.__rest(_a, ["children", "className"]);
     const { mount, stage, currentDuration } = useTransition.useTransition(transitionProps);
     const defaultStyles = getZoomTransitionDefaultStyles(currentDuration);
     const stageStyles = transitionStyles[stage];
     if (!mount)
         return null;
-    return (jsxRuntime.jsx("div", { className: classNames.classNames(transitionProps.className, 'zoom-transition__root'), style: Object.assign(Object.assign({}, defaultStyles), stageStyles), children: children }));
+    return (jsxRuntime.jsx("div", { className: classNames.classNames(className, 'zoom-transition__root'), style: Object.assign(Object.assign({}, defaultStyles), stageStyles), children: children }));
 };
 const ZoomTransition = React__default["default"].memo(UnoptimizedZoomTransition);
 

package/src/lib/components/Transition/ZoomTransition/ZoomTransition.js

@@ -22,13 +22,13 @@ const transitionStyles = {
     },
 };
 const UnoptimizedZoomTransition = (_a) => {
-    var { children } = _a, transitionProps = __rest(_a, ["children"]);
+    var { children, className } = _a, transitionProps = __rest(_a, ["children", "className"]);
     const { mount, stage, currentDuration } = useTransition(transitionProps);
     const defaultStyles = getZoomTransitionDefaultStyles(currentDuration);
     const stageStyles = transitionStyles[stage];
     if (!mount)
         return null;
-    return (jsx("div", { className: classNames(transitionProps.className, 'zoom-transition__root'), style: Object.assign(Object.assign({}, defaultStyles), stageStyles), children: children }));
+    return (jsx("div", { className: classNames(className, 'zoom-transition__root'), style: Object.assign(Object.assign({}, defaultStyles), stageStyles), children: children }));
 };
 const ZoomTransition = React__default.memo(UnoptimizedZoomTransition);
 

package/src/lib/components/Typography/Typography.cjs

@@ -7,7 +7,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
 const Typography = (_a) => {
-    var { as: Tag = 'p', variant, weight, color, transform, className = '', truncate = false } = _a, props = _tslib.__rest(_a, ["as", "variant", "weight", "color", "transform", "className", "truncate"]);
+    var { as: Tag = 'p', variant, weight, color, transform, className = '', truncate = false, style } = _a, props = _tslib.__rest(_a, ["as", "variant", "weight", "color", "transform", "className", "truncate", "style"]);
     const variantClassNameMap = {
         body_mini: 'typography--body-mini',
         body_normal: 'typography--body-normal',
@@ -42,7 +42,7 @@ const Typography = (_a) => {
     const effectiveClassName = classNames.classNames('typography', variant ? variantClassNameMap[variant] : '', weight ? weightClassNameMap[weight] : '', color ? colorClassNameMap[color] : '', transform ? transformClassNameMap[transform] : '', {
         'typography--truncate': truncate,
     }, className);
-    return jsxRuntime.jsx(Tag, Object.assign({ className: effectiveClassName }, props));
+    return jsxRuntime.jsx(Tag, Object.assign({ style: style, className: effectiveClassName }, props));
 };
 
 exports.Typography = Typography;

package/src/lib/components/Typography/Typography.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 
 const Typography = (_a) => {
-    var { as: Tag = 'p', variant, weight, color, transform, className = '', truncate = false } = _a, props = __rest(_a, ["as", "variant", "weight", "color", "transform", "className", "truncate"]);
+    var { as: Tag = 'p', variant, weight, color, transform, className = '', truncate = false, style } = _a, props = __rest(_a, ["as", "variant", "weight", "color", "transform", "className", "truncate", "style"]);
     const variantClassNameMap = {
         body_mini: 'typography--body-mini',
         body_normal: 'typography--body-normal',
@@ -38,7 +38,7 @@ const Typography = (_a) => {
     const effectiveClassName = classNames('typography', variant ? variantClassNameMap[variant] : '', weight ? weightClassNameMap[weight] : '', color ? colorClassNameMap[color] : '', transform ? transformClassNameMap[transform] : '', {
         'typography--truncate': truncate,
     }, className);
-    return jsx(Tag, Object.assign({ className: effectiveClassName }, props));
+    return jsx(Tag, Object.assign({ style: style, className: effectiveClassName }, props));
 };
 
 export { Typography };

package/src/lib/components/Typography/Typography.types.d.ts

@@ -1,5 +1,6 @@
 import { ComponentPropsWithoutRef, ElementType, ReactElement } from 'react';
 import { CopyKey } from '../../shared';
+import { ClassStyleProps } from '../../utils/types';
 export type TypographyTag = ElementType;
 export type TypographyVariant = 'title' | 'body_normal' | 'body_small' | 'body_mini' | 'button_primary' | 'button_secondary' | 'button_tertiary' | 'numbers_big' | 'numbers_medium';
 export type TypographyColor = 'primary' | 'secondary' | 'brand-primary' | 'tertiary' | 'link' | 'error-1' | 'error-2' | 'tooltip' | 'green-1' | 'inherit';
@@ -13,5 +14,5 @@ export type TypographyProps<TAG extends ElementType = 'p'> = {
     truncate?: boolean;
     variant?: TypographyVariant;
     weight?: TypographyWeight;
-} & ComponentPropsWithoutRef<TAG> & CopyKey;
+} & ComponentPropsWithoutRef<TAG> & ClassStyleProps & CopyKey;
 export type TypographyComponent = <TAG extends ElementType>(props: TypographyProps<TAG>, ref?: any) => ReactElement;

package/src/lib/components/UserAddress/UserAddress.cjs

@@ -14,7 +14,6 @@ var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAd
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var useFetchNameService = require('../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');
@@ -26,17 +25,21 @@ require('../../context/DynamicContext/DynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
 require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../config/ApiEndpoint.cjs');
-require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
-require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../context/WalletContext/WalletContext.cjs');
 var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -46,38 +49,40 @@ require('../Alert/Alert.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../IconButton/IconButton.cjs');
 require('../InlineWidget/InlineWidget.cjs');
+require('../Input/Input.cjs');
 require('../IsBrowser/IsBrowser.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
-require('i18next');
-require('../OverlayCard/OverlayCard.context.cjs');
-require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
-require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
+require('../../locale/locale.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const UserAddress = ({ userProfile, walletConnector }) => {
     var _a;
     const walletAddress = (_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
     const nameService = useFetchNameService.useFetchNameService(walletAddress);
-    const { data: walletConnectorAddress } = usePromise.usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.fetchPublicAddress(), {
+    const { data: walletConnectorAddress } = usePromise.usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getAddress(), {
         enabled: !userProfile && Boolean(walletConnector),
     });
     return (jsxRuntime.jsxs("div", { className: 'user-address__container', children: [jsxRuntime.jsx(StatusDot.StatusDot, { variant: 'green', containerClassName: 'user-address__status-dot' }), (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'numbers_big', color: 'primary', className: 'user-address', children: nameService.name }), jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsxRuntime.jsx(Typography.Typography, { variant: 'numbers_medium', color: 'secondary', className: 'user-address', children: shortenWalletAddress.shortenWalletAddress(walletAddress, 3, 3) })] })) : (jsxRuntime.jsx(Typography.Typography, { variant: 'numbers_big', color: 'primary', className: 'user-address', children: shortenWalletAddress.shortenWalletAddress(walletAddress || walletConnectorAddress, 4, 4) }))] }));

package/src/lib/components/UserAddress/UserAddress.js

@@ -10,7 +10,6 @@ import { shortenWalletAddress } from '../../shared/utils/functions/shortenWallet
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { useFetchNameService } from '../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js';
@@ -22,17 +21,21 @@ import '../../context/DynamicContext/DynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
 import 'viem/chains';
+import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../config/ApiEndpoint.js';
-import '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
-import '../../context/ThemeContext/ThemeContext.js';
+import '../../context/WalletContext/WalletContext.js';
 import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
+import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -42,38 +45,40 @@ import '../Alert/Alert.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../IconButton/IconButton.js';
 import '../InlineWidget/InlineWidget.js';
+import '../Input/Input.js';
 import '../IsBrowser/IsBrowser.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import '../Transition/ZoomTransition/ZoomTransition.js';
 import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
+import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
-import 'i18next';
-import '../OverlayCard/OverlayCard.context.js';
-import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
-import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
+import '../../locale/locale.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const UserAddress = ({ userProfile, walletConnector }) => {
     var _a;
     const walletAddress = (_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
     const nameService = useFetchNameService(walletAddress);
-    const { data: walletConnectorAddress } = usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.fetchPublicAddress(), {
+    const { data: walletConnectorAddress } = usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getAddress(), {
         enabled: !userProfile && Boolean(walletConnector),
     });
     return (jsxs("div", { className: 'user-address__container', children: [jsx(StatusDot, { variant: 'green', containerClassName: 'user-address__status-dot' }), (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? (jsxs(Fragment, { children: [jsx(Typography, { variant: 'numbers_big', color: 'primary', className: 'user-address', children: nameService.name }), jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsx(Typography, { variant: 'numbers_medium', color: 'secondary', className: 'user-address', children: shortenWalletAddress(walletAddress, 3, 3) })] })) : (jsx(Typography, { variant: 'numbers_big', color: 'primary', className: 'user-address', children: shortenWalletAddress(walletAddress || walletConnectorAddress, 4, 4) }))] }));

package/src/lib/components/UserProfile/UserProfile.cjs

@@ -4,18 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactI18next = require('react-i18next');
 var useFields = require('../../views/CollectUserDataView/useFields.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
+var add = require('../../shared/assets/add.cjs');
 require('@dynamic-labs/wallet-book');
 var index$1 = require('../../shared/utils/functions/getValueByKey/index.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
@@ -25,15 +26,19 @@ require('../../../../_virtual/_tslib.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
 var index = require('../../utils/functions/getEnabledOAuthProviders/index.cjs');
 var getUserProfileFields = require('../../utils/functions/getUserProfileFields/getUserProfileFields.cjs');
 var isSocialKycEnabled = require('../../utils/functions/isSocialKycEnabled/isSocialKycEnabled.cjs');
+require('viem');
 require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
+var isAllowedToLinkWallet = require('../../utils/functions/isAllowedToLinkWallet/isAllowedToLinkWallet.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../config/ApiEndpoint.cjs');
-require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
@@ -42,45 +47,53 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('react-i18next');
 require('../Alert/Alert.cjs');
+var Typography = require('../Typography/Typography.cjs');
+var Button = require('../Button/Button.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 var ErrorContainer = require('../ErrorContainer/ErrorContainer.cjs');
 require('../IconButton/IconButton.cjs');
 require('../InlineWidget/InlineWidget.cjs');
+require('../Input/Input.cjs');
 require('../IsBrowser/IsBrowser.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
-require('i18next');
-require('../OverlayCard/OverlayCard.context.cjs');
-require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
-require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
+require('../../locale/locale.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var UserProfileField = require('./parts/UserProfileField/UserProfileField.cjs');
 var UserProfileSection = require('./parts/UserProfileSection/UserProfileSection.cjs');
 var UserProfileSocialAccount = require('./parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs');
-require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var useDynamicModals = require('../../utils/hooks/useDynamicModals/useDynamicModals.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const UserProfile = ({ rootClassName }) => {
-    const { projectSettings, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, user, setSelectedWalletConnectorKey, multiWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const { error } = ErrorContext.useErrorContext();
+    const { setShowLinkNewWalletModal } = useDynamicModals.useDynamicModals();
+    const { t } = reactI18next.useTranslation();
     const { fieldsConfig } = useFields.useFields();
     const containerRef = React.useRef(null);
     React.useEffect(() => {
@@ -95,14 +108,19 @@ const UserProfile = ({ rootClassName }) => {
     const providers = isSocialKycEnabled.isSocialKycEnabled(projectSettings)
         ? index.getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers)
         : [];
+    const canLink = isAllowedToLinkWallet.isAllowedToLinkWallet(projectSettings, user === null || user === void 0 ? void 0 : user.verifiedCredentials, multiWallet);
+    const addNewWallet = () => {
+        setShowLinkNewWalletModal(true);
+        setSelectedWalletConnectorKey(null);
+    };
     const mapFieldKeyToValue = (fieldKey) => user === null || user === void 0 ? void 0 : user[fieldKey];
     if (!user)
         return null;
-    return (jsxRuntime.jsxs("div", { "data-testid": 'userProfile', className: classNames.classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: 'My information', children: jsxRuntime.jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name }) => {
+    return (jsxRuntime.jsxs("div", { "data-testid": 'userProfile', className: classNames.classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.my_information.title'), children: jsxRuntime.jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name }) => {
                         const { label, key } = index$1.getValueByKey(fieldsConfig, name);
                         const value = mapFieldKeyToValue(name);
                         return (jsxRuntime.jsx(UserProfileField.UserProfileField, { copykey: key, name: name, label: label, value: value }, name));
-                    }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: 'Social accounts', children: jsxRuntime.jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ provider }) => (jsxRuntime.jsx(UserProfileSocialAccount.UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
+                    }) }) })), canLink && !multiWallet && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.wallets.title'), children: jsxRuntime.jsx(Button.Button, { dataTestId: 'link-wallet-button', onClick: addNewWallet, startSlot: jsxRuntime.jsx(add.ReactComponent, {}), showInternalLoading: false, children: jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_user_profile.wallets.link_wallet_button', children: t('dyn_user_profile.wallets.link_wallet_button') }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.social_accounts.title'), children: jsxRuntime.jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ provider }) => (jsxRuntime.jsx(UserProfileSocialAccount.UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
 };
 
 exports.UserProfile = UserProfile;