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

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.cjs

@@ -10,13 +10,15 @@ var Typography = require('../../../../components/Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 var check = require('../../../../shared/assets/check.cjs');
+require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('ethers');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
-var index = require('../../../../utils/functions/getEnabledKYC/index.cjs');
+require('@dynamic-labs/multi-wallet');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
@@ -26,8 +28,8 @@ 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');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 var useMultiWalletFlag = require('../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
@@ -35,16 +37,21 @@ require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 var useUserUpdateRequest = require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var Button = require('../../../../components/Button/Button.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
+require('../../../../components/Alert/Alert.cjs');
 var useUserDataForm = require('../../../../utils/hooks/useUserDataForm/useUserDataForm.cjs');
-var index$1 = require('../../../../views/CollectUserDataView/UserDataFields/index.cjs');
+var index = require('../../../../views/CollectUserDataView/UserDataFields/index.cjs');
 var DynamicWidgetFooter = require('../../components/DynamicWidgetFooter/DynamicWidgetFooter.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
+var getEnabledUserProfileFields = require('../../../../utils/functions/getEnabledUserProfileFields/getEnabledUserProfileFields.cjs');
 
 const EditProfileView = ({ rootClassName, }) => {
     const { setView } = ViewContext.useViewContext();
     const { projectSettings, setShowAuthFlow, user } = useInternalDynamicContext.useInternalDynamicContext();
     const { goToProfileView } = DynamicWidgetContext.useWidgetContext();
-    const userFields = index.getEnabledKYC(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc).filter((setting) => setting.name !== 'social');
+    const userFields = getEnabledUserProfileFields.getUserProfileFields({
+        projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
+        user,
+    });
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
     });
@@ -64,7 +71,7 @@ const EditProfileView = ({ rootClassName, }) => {
     });
     const isKYCEnabled = useKYCFlag.useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag.useMultiWalletFlag();
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isMultiWalletEnabled && isKYCEnabled && (jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title' }, { children: "My profile" }))), jsxRuntime.jsx(formik.Formik, Object.assign({ onSubmit: onFormSubmit, initialValues: formikInitialValues, validationSchema: formikValidationSchema, validateOnChange: true }, { children: ({ errors, touched, isSubmitting, isValid, dirty }) => (jsxRuntime.jsxs(formik.Form, Object.assign({ className: classNames.classNames('dynamic-widget-edit-profile-view', rootClassName), "data-testid": 'editUserProfileForm' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-edit-profile-view__fields' }, { children: jsxRuntime.jsx(index$1.UserDataFields, { errors: errors, fields: userFields, touched: touched }) })), jsxRuntime.jsxs(DynamicWidgetFooter.DynamicWidgetFooter, { children: [jsxRuntime.jsx(Button.Button, Object.assign({ disabled: fetch, buttonRounded: 'small', expanded: true, buttonPadding: 'medium', buttonVariant: 'secondary', type: 'button', typographyProps: { variant: 'button_secondary' }, onClick: goToProfileView }, { children: "Cancel" })), jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'dynamic-widget-footer__button', disabled: fetch || !isValid || !dirty, buttonRounded: 'small', expanded: true, type: 'submit', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, loading: isSubmitting, startSlot: jsxRuntime.jsx(check.ReactComponent, {}) }, { children: "Save" }))] })] }))) }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isMultiWalletEnabled && isKYCEnabled && (jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title' }, { children: "My profile" }))), jsxRuntime.jsx(formik.Formik, Object.assign({ onSubmit: onFormSubmit, initialValues: formikInitialValues, validationSchema: formikValidationSchema, validateOnChange: true }, { children: ({ errors, touched, isSubmitting, isValid, dirty }) => (jsxRuntime.jsxs(formik.Form, Object.assign({ className: classNames.classNames('dynamic-widget-edit-profile-view', rootClassName), "data-testid": 'editUserProfileForm' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-edit-profile-view__fields' }, { children: jsxRuntime.jsx(index.UserDataFields, { errors: errors, fields: userFields, touched: touched }) })), jsxRuntime.jsxs(DynamicWidgetFooter.DynamicWidgetFooter, { children: [jsxRuntime.jsx(Button.Button, Object.assign({ disabled: fetch, buttonRounded: 'small', expanded: true, buttonPadding: 'medium', buttonVariant: 'secondary', type: 'button', typographyProps: { variant: 'button_secondary' }, onClick: goToProfileView }, { children: "Cancel" })), jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'dynamic-widget-footer__button', disabled: fetch || !isValid || !dirty, buttonRounded: 'small', expanded: true, type: 'submit', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, loading: isSubmitting, startSlot: jsxRuntime.jsx(check.ReactComponent, {}) }, { children: "Save" }))] })] }))) }))] }));
 };
 
 exports.EditProfileView = EditProfileView;

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.js

@@ -6,13 +6,15 @@ 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 '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgCheck } from '../../../../shared/assets/check.js';
+import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
+import 'ethers';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
-import { getEnabledKYC } from '../../../../utils/functions/getEnabledKYC/index.js';
+import '@dynamic-labs/multi-wallet';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
@@ -22,8 +24,8 @@ 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 { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import { useMultiWalletFlag } from '../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
 import '../../../../context/MockContext/MockContext.js';
@@ -31,16 +33,21 @@ import '../../../../context/CaptchaContext/CaptchaContext.js';
 import { useUserUpdateRequestInternal } from '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/IconButton/IconButton.js';
+import '../../../../components/Alert/Alert.js';
 import { useUserDataForm } from '../../../../utils/hooks/useUserDataForm/useUserDataForm.js';
 import { UserDataFields } from '../../../../views/CollectUserDataView/UserDataFields/index.js';
 import { DynamicWidgetFooter } from '../../components/DynamicWidgetFooter/DynamicWidgetFooter.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
+import { getUserProfileFields } from '../../../../utils/functions/getEnabledUserProfileFields/getEnabledUserProfileFields.js';
 
 const EditProfileView = ({ rootClassName, }) => {
     const { setView } = useViewContext();
     const { projectSettings, setShowAuthFlow, user } = useInternalDynamicContext();
     const { goToProfileView } = useWidgetContext();
-    const userFields = getEnabledKYC(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc).filter((setting) => setting.name !== 'social');
+    const userFields = getUserProfileFields({
+        projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
+        user,
+    });
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
     });

package/src/lib/widgets/DynamicWidget/views/IndexView/IndexView.cjs

@@ -8,12 +8,15 @@ var Typography = require('../../../../components/Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
 var add = require('../../../../shared/assets/add.cjs');
+require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('ethers');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -22,8 +25,8 @@ 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');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 var useMultiWalletFlag = require('../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
@@ -31,6 +34,7 @@ require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var Button = require('../../../../components/Button/Button.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
+require('../../../../components/Alert/Alert.cjs');
 var LogoutButton = require('../../../../components/LogoutButton/LogoutButton.cjs');
 var DynamicWidgetFooter = require('../../components/DynamicWidgetFooter/DynamicWidgetFooter.cjs');
 var DynamicWidgetWallets = require('../../components/DynamicWidgetWallets/DynamicWidgetWallets.cjs');

package/src/lib/widgets/DynamicWidget/views/IndexView/IndexView.js

@@ -4,12 +4,15 @@ 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 '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgAdd } from '../../../../shared/assets/add.js';
+import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.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 'react-dom';
@@ -18,8 +21,8 @@ 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 { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import { useMultiWalletFlag } from '../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
 import '../../../../context/MockContext/MockContext.js';
@@ -27,6 +30,7 @@ import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/IconButton/IconButton.js';
+import '../../../../components/Alert/Alert.js';
 import { LogoutButton } from '../../../../components/LogoutButton/LogoutButton.js';
 import { DynamicWidgetFooter } from '../../components/DynamicWidgetFooter/DynamicWidgetFooter.js';
 import { DynamicWidgetWallets } from '../../components/DynamicWidgetWallets/DynamicWidgetWallets.js';

package/src/lib/widgets/DynamicWidget/views/ProfileView/ProfileView.cjs

@@ -10,13 +10,15 @@ var classNames = require('../../../../utils/functions/classNames/classNames.cjs'
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
 var pencil = require('../../../../shared/assets/pencil.cjs');
+require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('ethers');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
-var index = require('../../../../utils/functions/getEnabledKYC/index.cjs');
+require('@dynamic-labs/multi-wallet');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -25,26 +27,27 @@ 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');
+var getEnabledUserProfileFields = require('../../../../utils/functions/getEnabledUserProfileFields/getEnabledUserProfileFields.cjs');
 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');
+require('../../../../components/Alert/Alert.cjs');
 var LogoutButton = require('../../../../components/LogoutButton/LogoutButton.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 
 const ProfileView = () => {
-    var _a;
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const userFields = (_a = index.getEnabledKYC(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc)) === null || _a === void 0 ? void 0 : _a.filter((setting) => setting.name !== 'social');
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(UserProfile.UserProfile, { rootClassName: 'profile-view' }), jsxRuntime.jsx(DynamicWidgetFooter.DynamicWidgetFooter, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'profile-view__footer' }, { children: [(userFields === null || userFields === void 0 ? void 0 : userFields.length) > 0 && (jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'dynamic-widget-footer__button', buttonVariant: 'tertiary', buttonPadding: 'none', typographyProps: {
+    const editableUserFields = getEnabledUserProfileFields.getEditableUserProfileFields(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(UserProfile.UserProfile, { rootClassName: 'profile-view' }), jsxRuntime.jsx(DynamicWidgetFooter.DynamicWidgetFooter, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'profile-view__footer' }, { children: [editableUserFields.length > 0 && (jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'dynamic-widget-footer__button', buttonVariant: 'tertiary', buttonPadding: 'none', typographyProps: {
                                 color: 'secondary',
                                 variant: 'button_tertiary',
                             }, onClick: () => setDynamicWidgetView('edit-profile'), startSlot: jsxRuntime.jsx(pencil.ReactComponent, {}) }, { children: "Edit profile" }))), jsxRuntime.jsx(LogoutButton.LogoutButton, { isTextButton: true, buttonClassName: classNames.classNames('dynamic-widget-footer__button', {
-                                'dynamic-widget-footer__button-align-right': !(userFields === null || userFields === void 0 ? void 0 : userFields.length),
+                                'dynamic-widget-footer__button-align-right': !(editableUserFields === null || editableUserFields === void 0 ? void 0 : editableUserFields.length),
                             }) })] })) })] }));
 };
 

package/src/lib/widgets/DynamicWidget/views/ProfileView/ProfileView.js

@@ -6,13 +6,15 @@ import { classNames } from '../../../../utils/functions/classNames/classNames.js
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgPencil } from '../../../../shared/assets/pencil.js';
+import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
+import 'ethers';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
-import { getEnabledKYC } from '../../../../utils/functions/getEnabledKYC/index.js';
+import '@dynamic-labs/multi-wallet';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -21,26 +23,27 @@ 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 { getEditableUserProfileFields } from '../../../../utils/functions/getEnabledUserProfileFields/getEnabledUserProfileFields.js';
 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 '../../../../components/Alert/Alert.js';
 import { LogoutButton } from '../../../../components/LogoutButton/LogoutButton.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 
 const ProfileView = () => {
-    var _a;
     const { setDynamicWidgetView } = useWidgetContext();
     const { projectSettings } = useInternalDynamicContext();
-    const userFields = (_a = getEnabledKYC(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc)) === null || _a === void 0 ? void 0 : _a.filter((setting) => setting.name !== 'social');
-    return (jsxs(Fragment, { children: [jsx(UserProfile, { rootClassName: 'profile-view' }), jsx(DynamicWidgetFooter, { children: jsxs("div", Object.assign({ className: 'profile-view__footer' }, { children: [(userFields === null || userFields === void 0 ? void 0 : userFields.length) > 0 && (jsx(Button, Object.assign({ buttonClassName: 'dynamic-widget-footer__button', buttonVariant: 'tertiary', buttonPadding: 'none', typographyProps: {
+    const editableUserFields = getEditableUserProfileFields(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc);
+    return (jsxs(Fragment, { children: [jsx(UserProfile, { rootClassName: 'profile-view' }), jsx(DynamicWidgetFooter, { children: jsxs("div", Object.assign({ className: 'profile-view__footer' }, { children: [editableUserFields.length > 0 && (jsx(Button, Object.assign({ buttonClassName: 'dynamic-widget-footer__button', buttonVariant: 'tertiary', buttonPadding: 'none', typographyProps: {
                                 color: 'secondary',
                                 variant: 'button_tertiary',
                             }, onClick: () => setDynamicWidgetView('edit-profile'), startSlot: jsx(SvgPencil, {}) }, { children: "Edit profile" }))), jsx(LogoutButton, { isTextButton: true, buttonClassName: classNames('dynamic-widget-footer__button', {
-                                'dynamic-widget-footer__button-align-right': !(userFields === null || userFields === void 0 ? void 0 : userFields.length),
+                                'dynamic-widget-footer__button-align-right': !(editableUserFields === null || editableUserFields === void 0 ? void 0 : editableUserFields.length),
                             }) })] })) })] }));
 };
 

package/src/lib/widgets/FundingWidget/FundingWidget.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var FundWalletView = require('./views/FundWalletView/FundWalletView.cjs');
+
+const FundingWidget = () => jsxRuntime.jsx(FundWalletView.FundWalletView, {});
+
+exports.FundingWidget = FundingWidget;

package/src/lib/widgets/FundingWidget/FundingWidget.d.ts

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

package/src/lib/widgets/FundingWidget/FundingWidget.js

@@ -0,0 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
+import { FundWalletView } from './views/FundWalletView/FundWalletView.js';
+
+const FundingWidget = () => jsx(FundWalletView, {});
+
+export { FundingWidget };

package/src/lib/widgets/FundingWidget/index.d.ts

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

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
+require('../../../../utils/constants/colors.cjs');
+require('ethers');
+var index = require('../../../../shared/utils/hooks/useOnClickOutside/index.cjs');
+require('../../../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
+var ShadowDOM = 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');
+var OpacityTransition = require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/MockContext/MockContext.cjs');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../../../components/IconButton/IconButton.cjs');
+require('../../../../components/Alert/Alert.cjs');
+var FundingContext = require('../../../../context/FundingContext/FundingContext.cjs');
+
+const Modal = ({ onrampUrl }) => {
+    const { fundingRef, setShowFunding } = FundingContext.useFundingContext();
+    const close = () => {
+        setShowFunding(false);
+    };
+    index.useOnClickOutside(fundingRef, close);
+    return (jsxRuntime.jsx("div", Object.assign({ className: 'fund-wallet__modal', "data-testid": 'fund-wallet-modal' }, { children: jsxRuntime.jsx("div", Object.assign({ className: 'fund-wallet__modal-content', ref: fundingRef }, { children: jsxRuntime.jsx("iframe", { id: 'onramp-iframe', src: onrampUrl, allow: 'camera *;geolocation *', title: 'Crypto Onramp' }) })) })));
+};
+const FundWalletView = () => {
+    const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    const { showFunding, fundingUrl, fundingEnabled } = FundingContext.useFundingContext();
+    if (!fundingEnabled ||
+        !showFunding ||
+        !fundingUrl ||
+        !(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address)) {
+        return null;
+    }
+    return (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { children: jsxRuntime.jsxs(OpacityTransition.OpacityTransition, Object.assign({ isShown: showFunding }, { children: [jsxRuntime.jsx("div", { className: 'fund-wallet__backdrop', "aria-hidden": 'true' }), jsxRuntime.jsx("div", Object.assign({ className: 'fund-wallet__modal-container' }, { children: jsxRuntime.jsx(Modal, { onrampUrl: fundingUrl }) }))] })) }));
+};
+
+exports.FundWalletView = FundWalletView;
+exports.Modal = Modal;

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const Modal: ({ onrampUrl }: {
+    onrampUrl: string;
+}) => JSX.Element;
+export declare const FundWalletView: FC;

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+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 '@dynamic-labs/utils';
+import '../../../../utils/constants/colors.js';
+import 'ethers';
+import { useOnClickOutside } from '../../../../shared/utils/hooks/useOnClickOutside/index.js';
+import '../../../../shared/consts/index.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/multi-wallet';
+import { ShadowDOM } from '../../../../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 { OpacityTransition } from '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/MockContext/MockContext.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../../../components/IconButton/IconButton.js';
+import '../../../../components/Alert/Alert.js';
+import { useFundingContext } from '../../../../context/FundingContext/FundingContext.js';
+
+const Modal = ({ onrampUrl }) => {
+    const { fundingRef, setShowFunding } = useFundingContext();
+    const close = () => {
+        setShowFunding(false);
+    };
+    useOnClickOutside(fundingRef, close);
+    return (jsx("div", Object.assign({ className: 'fund-wallet__modal', "data-testid": 'fund-wallet-modal' }, { children: jsx("div", Object.assign({ className: 'fund-wallet__modal-content', ref: fundingRef }, { children: jsx("iframe", { id: 'onramp-iframe', src: onrampUrl, allow: 'camera *;geolocation *', title: 'Crypto Onramp' }) })) })));
+};
+const FundWalletView = () => {
+    const { primaryWallet } = useInternalDynamicContext();
+    const { showFunding, fundingUrl, fundingEnabled } = useFundingContext();
+    if (!fundingEnabled ||
+        !showFunding ||
+        !fundingUrl ||
+        !(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address)) {
+        return null;
+    }
+    return (jsx(ShadowDOM, { children: jsxs(OpacityTransition, Object.assign({ isShown: showFunding }, { children: [jsx("div", { className: 'fund-wallet__backdrop', "aria-hidden": 'true' }), jsx("div", Object.assign({ className: 'fund-wallet__modal-container' }, { children: jsx(Modal, { onrampUrl: fundingUrl }) }))] })) }));
+};
+
+export { FundWalletView, Modal };

package/src/lib/widgets/FundingWidget/views/FundWalletView/index.d.ts

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

package/src/lib/widgets/index.d.ts

@@ -1 +1,2 @@
 export * from './DynamicWidget';
+export * from './FundingWidget';

package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.cjs

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/sdk-api');
-require('../../../../config/ApiEndpoint.cjs');
-require('../../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('../../../../context/ViewContext/ViewContext.cjs');
-require('../../../../utils/constants/colors.cjs');
-require('../../../../shared/consts/index.cjs');
-require('../../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../../context/ErrorContext/ErrorContext.cjs');
-var useResizeObserver = require('../../../../utils/hooks/useResizeObserver/useResizeObserver.cjs');
-var useTransition = require('../../../../utils/hooks/useTransition/useTransition.cjs');
-require('react-dom');
-require('../../../ShadowDOM/ShadowDOM.cjs');
-require('../../../../context/ThemeContext/ThemeContext.cjs');
-require('react-focus-lock');
-require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../IconButton/IconButton.cjs');
-require('ethers');
-require('../../../../context/MockContext/MockContext.cjs');
-require('../../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-
-const IN_DURATION = 150;
-const OUT_DURATION = 150;
-const VerticalDrawerAnimation = ({ isPresent, onAnimationEnd, children, inDuration = IN_DURATION, outDuration = OUT_DURATION, style, }) => {
-    const containerRef = React.useRef(null);
-    const childRef = React.useRef(null);
-    const [childEntry] = useResizeObserver.useResizeObserver(childRef);
-    const containerChildHeight = React.useMemo(() => childEntry === null || childEntry === void 0 ? void 0 : childEntry.height, [childEntry]);
-    const { mount, stage, currentDuration } = useTransition.useTransition({
-        animateOnMount: false,
-        inDuration,
-        isShown: isPresent,
-        onUnmount: onAnimationEnd,
-        outDuration,
-    });
-    const maxHeight = React.useMemo(() => {
-        if (!mount || stage === 'EXITING' || stage === 'UNMOUNT') {
-            return 0;
-        }
-        return containerChildHeight;
-    }, [stage, containerChildHeight, mount]);
-    return (jsxRuntime.jsx("div", Object.assign({ ref: containerRef, className: 'vertical-drawer-animation', style: Object.assign(Object.assign({}, style), { maxHeight, transitionDuration: `${currentDuration}ms` }) }, { children: jsxRuntime.jsx("div", Object.assign({ ref: childRef }, { children: mount && children })) })));
-};
-
-exports.IN_DURATION = IN_DURATION;
-exports.OUT_DURATION = OUT_DURATION;
-exports.VerticalDrawerAnimation = VerticalDrawerAnimation;

package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.d.ts

@@ -1,4 +0,0 @@
-import { VerticalDrawerAnimationComponent } from './VerticalDrawerAnimation.types';
-export declare const IN_DURATION = 150;
-export declare const OUT_DURATION = 150;
-export declare const VerticalDrawerAnimation: VerticalDrawerAnimationComponent;

package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.js

@@ -1,51 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useMemo } from 'react';
-import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/sdk-api';
-import '../../../../config/ApiEndpoint.js';
-import '../../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '../../../../context/ViewContext/ViewContext.js';
-import '../../../../utils/constants/colors.js';
-import '../../../../shared/consts/index.js';
-import '../../../../context/DynamicContext/DynamicContext.js';
-import '../../../../context/ErrorContext/ErrorContext.js';
-import { useResizeObserver } from '../../../../utils/hooks/useResizeObserver/useResizeObserver.js';
-import { useTransition } from '../../../../utils/hooks/useTransition/useTransition.js';
-import 'react-dom';
-import '../../../ShadowDOM/ShadowDOM.js';
-import '../../../../context/ThemeContext/ThemeContext.js';
-import 'react-focus-lock';
-import '../../../Transition/ZoomTransition/ZoomTransition.js';
-import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../../Transition/OpacityTransition/OpacityTransition.js';
-import '../../../IconButton/IconButton.js';
-import 'ethers';
-import '../../../../context/MockContext/MockContext.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-
-const IN_DURATION = 150;
-const OUT_DURATION = 150;
-const VerticalDrawerAnimation = ({ isPresent, onAnimationEnd, children, inDuration = IN_DURATION, outDuration = OUT_DURATION, style, }) => {
-    const containerRef = useRef(null);
-    const childRef = useRef(null);
-    const [childEntry] = useResizeObserver(childRef);
-    const containerChildHeight = useMemo(() => childEntry === null || childEntry === void 0 ? void 0 : childEntry.height, [childEntry]);
-    const { mount, stage, currentDuration } = useTransition({
-        animateOnMount: false,
-        inDuration,
-        isShown: isPresent,
-        onUnmount: onAnimationEnd,
-        outDuration,
-    });
-    const maxHeight = useMemo(() => {
-        if (!mount || stage === 'EXITING' || stage === 'UNMOUNT') {
-            return 0;
-        }
-        return containerChildHeight;
-    }, [stage, containerChildHeight, mount]);
-    return (jsx("div", Object.assign({ ref: containerRef, className: 'vertical-drawer-animation', style: Object.assign(Object.assign({}, style), { maxHeight, transitionDuration: `${currentDuration}ms` }) }, { children: jsx("div", Object.assign({ ref: childRef }, { children: mount && children })) })));
-};
-
-export { IN_DURATION, OUT_DURATION, VerticalDrawerAnimation };

package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.types.d.ts

@@ -1,8 +0,0 @@
-import { CSSProperties } from 'react';
-import { AnimationComponent } from '../../AnimatePresence.types';
-export type VerticalDrawerAnimationProps = {
-    inDuration?: number;
-    outDuration?: number;
-    style?: CSSProperties;
-};
-export type VerticalDrawerAnimationComponent = AnimationComponent<VerticalDrawerAnimationProps>;

package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/index.d.ts

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

package/src/lib/components/AnimatePresence/animations/index.d.ts

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

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 };