@dynamic-labs/sdk-react-core 0.18.0-RC.1 → 0.18.0-RC.3

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

@@ -7,13 +7,13 @@ import 'react';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.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 '@dynamic-labs/multi-wallet';
@@ -31,6 +31,7 @@ import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

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

@@ -5,25 +5,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var formik = require('formik');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
-require('../../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
-var check = require('../../../../shared/assets/check.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.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');
-var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 require('react-dom');
 require('react-focus-lock');
 require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -34,8 +31,8 @@ require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
-var Button = require('../../../../components/Button/Button.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 var useMultiWalletFlag = require('../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
@@ -43,21 +40,15 @@ require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 var useUserUpdateRequest = require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('formik');
 require('yup');
-var useUserDataForm = require('../../../../utils/hooks/useUserDataForm/useUserDataForm.cjs');
-var index = require('../../../../views/CollectUserDataView/UserDataFields/index.cjs');
-var DynamicWidgetFooter = require('../../components/DynamicWidgetFooter/DynamicWidgetFooter.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
-var getUserProfileFields = require('../../../../utils/functions/getUserProfileFields/getUserProfileFields.cjs');
+var UserProfileForm = require('../../../../components/UserProfileForm/UserProfileForm.cjs');
 
 const EditProfileView = ({ rootClassName, }) => {
     const { setView } = ViewContext.useViewContext();
-    const { projectSettings, setShowAuthFlow, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { goToProfileView } = DynamicWidgetContext.useWidgetContext();
-    const allUserFields = getUserProfileFields.getUserProfileFields({
-        projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
-        user,
-    });
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
     });
@@ -69,15 +60,9 @@ const EditProfileView = ({ rootClassName, }) => {
             setView('verify-email');
         }
     }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
-    const { fetch, formikInitialValues, formikValidationSchema, onFormSubmit } = useUserDataForm.useUserDataForm({
-        fields: allUserFields,
-        onSubmit: onEditProfileFormSubmit,
-        shouldEnforcePolicies: false,
-        userProfile: user,
-    });
     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.UserDataFields, { errors: errors, fields: allUserFields, 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(UserProfileForm.UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));
 };
 
 exports.EditProfileView = EditProfileView;

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

@@ -1,25 +1,22 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
-import { Formik, Form } from 'formik';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 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/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 { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import 'react-dom';
 import 'react-focus-lock';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -30,8 +27,8 @@ import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
-import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import { useMultiWalletFlag } from '../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
 import '../../../../context/MockContext/MockContext.js';
@@ -39,21 +36,15 @@ import '../../../../context/CaptchaContext/CaptchaContext.js';
 import { useUserUpdateRequestInternal } from '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
+import 'formik';
 import 'yup';
-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/getUserProfileFields/getUserProfileFields.js';
+import { UserProfileForm } from '../../../../components/UserProfileForm/UserProfileForm.js';
 
 const EditProfileView = ({ rootClassName, }) => {
     const { setView } = useViewContext();
-    const { projectSettings, setShowAuthFlow, user } = useInternalDynamicContext();
+    const { setShowAuthFlow } = useInternalDynamicContext();
     const { goToProfileView } = useWidgetContext();
-    const allUserFields = getUserProfileFields({
-        projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
-        user,
-    });
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
     });
@@ -65,15 +56,9 @@ const EditProfileView = ({ rootClassName, }) => {
             setView('verify-email');
         }
     }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
-    const { fetch, formikInitialValues, formikValidationSchema, onFormSubmit } = useUserDataForm({
-        fields: allUserFields,
-        onSubmit: onEditProfileFormSubmit,
-        shouldEnforcePolicies: false,
-        userProfile: user,
-    });
     const isKYCEnabled = useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag();
-    return (jsxs(Fragment, { children: [!isMultiWalletEnabled && isKYCEnabled && (jsx(Typography, Object.assign({ weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title' }, { children: "My profile" }))), jsx(Formik, Object.assign({ onSubmit: onFormSubmit, initialValues: formikInitialValues, validationSchema: formikValidationSchema, validateOnChange: true }, { children: ({ errors, touched, isSubmitting, isValid, dirty }) => (jsxs(Form, Object.assign({ className: classNames('dynamic-widget-edit-profile-view', rootClassName), "data-testid": 'editUserProfileForm' }, { children: [jsx("div", Object.assign({ className: 'dynamic-widget-edit-profile-view__fields' }, { children: jsx(UserDataFields, { errors: errors, fields: allUserFields, touched: touched }) })), jsxs(DynamicWidgetFooter, { children: [jsx(Button, Object.assign({ disabled: fetch, buttonRounded: 'small', expanded: true, buttonPadding: 'medium', buttonVariant: 'secondary', type: 'button', typographyProps: { variant: 'button_secondary' }, onClick: goToProfileView }, { children: "Cancel" })), jsx(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: jsx(SvgCheck, {}) }, { children: "Save" }))] })] }))) }))] }));
+    return (jsxs(Fragment, { children: [!isMultiWalletEnabled && isKYCEnabled && (jsx(Typography, Object.assign({ weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title' }, { children: "My profile" }))), jsx(UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));
 };
 
 export { EditProfileView };

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

@@ -9,7 +9,6 @@ require('react');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
-require('../../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
@@ -17,6 +16,7 @@ var pencil = require('../../../../shared/assets/pencil.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
@@ -35,6 +35,7 @@ require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 var Button = require('../../../../components/Button/Button.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var getUserProfileFields = require('../../../../utils/functions/getUserProfileFields/getUserProfileFields.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');

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

@@ -5,7 +5,6 @@ import 'react';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
@@ -13,6 +12,7 @@ import { ReactComponent as SvgPencil } from '../../../../shared/assets/pencil.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';
@@ -31,6 +31,7 @@ import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { getEditableUserProfileFields } from '../../../../utils/functions/getUserProfileFields/getUserProfileFields.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';

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

@@ -8,7 +8,7 @@ var SendBalanceView = require('../../../../views/SendBalanceView/SendBalanceView
 
 const SendBalanceWidgetView = () => {
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const goToIndex = () => setDynamicWidgetView('index');
+    const goToIndex = () => setDynamicWidgetView('wallets');
     return (jsxRuntime.jsx("div", Object.assign({ className: 'send-balance-widget-view' }, { children: jsxRuntime.jsx(SendBalanceView.SendBalanceView, { onClickBack: goToIndex, onDone: goToIndex }) })));
 };
 

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

@@ -4,7 +4,7 @@ import { SendBalanceView } from '../../../../views/SendBalanceView/SendBalanceVi
 
 const SendBalanceWidgetView = () => {
     const { setDynamicWidgetView } = useWidgetContext();
-    const goToIndex = () => setDynamicWidgetView('index');
+    const goToIndex = () => setDynamicWidgetView('wallets');
     return (jsx("div", Object.assign({ className: 'send-balance-widget-view' }, { children: jsx(SendBalanceView, { onClickBack: goToIndex, onDone: goToIndex }) })));
 };
 

package/src/lib/widgets/DynamicWidget/views/{IndexView/IndexView.cjs → WalletsView/WalletsView.cjs}

@@ -7,7 +7,6 @@ require('react');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
-require('../../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
@@ -15,6 +14,7 @@ var add = require('../../../../shared/assets/add.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
@@ -33,6 +33,7 @@ require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 var Button = require('../../../../components/Button/Button.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 var useMultiWalletFlag = require('../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
@@ -47,7 +48,7 @@ var DynamicWidgetFooter = require('../../components/DynamicWidgetFooter/DynamicW
 var DynamicWidgetWallets = require('../../components/DynamicWidgetWallets/DynamicWidgetWallets.cjs');
 var SingleWalletButtons = require('../../components/SingleWalletButtons/SingleWalletButtons.cjs');
 
-const IndexView = () => {
+const WalletsView = () => {
     const { setShowAuthFlow, setSelectedWalletConnector, user } = useInternalDynamicContext.useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag.useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag.useMultiWalletFlag();
@@ -60,4 +61,4 @@ const IndexView = () => {
                                     }, startSlot: jsxRuntime.jsx(add.ReactComponent, {}) }, { children: "Link a new wallet" })), jsxRuntime.jsx(LogoutButton.LogoutButton, { isTextButton: true, buttonClassName: 'dynamic-widget-footer__button' })] })) })] }))] }));
 };
 
-exports.IndexView = IndexView;
+exports.WalletsView = WalletsView;

package/src/lib/widgets/DynamicWidget/views/WalletsView/WalletsView.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const WalletsView: FC;

package/src/lib/widgets/DynamicWidget/views/{IndexView/IndexView.js → WalletsView/WalletsView.js}

@@ -3,7 +3,6 @@ import 'react';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
@@ -11,6 +10,7 @@ import { ReactComponent as SvgAdd } from '../../../../shared/assets/add.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';
@@ -29,6 +29,7 @@ import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import { useMultiWalletFlag } from '../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
 import '../../../../context/MockContext/MockContext.js';
@@ -43,7 +44,7 @@ import { DynamicWidgetFooter } from '../../components/DynamicWidgetFooter/Dynami
 import { DynamicWidgetWallets } from '../../components/DynamicWidgetWallets/DynamicWidgetWallets.js';
 import { SingleWalletButtons } from '../../components/SingleWalletButtons/SingleWalletButtons.js';
 
-const IndexView = () => {
+const WalletsView = () => {
     const { setShowAuthFlow, setSelectedWalletConnector, user } = useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag();
@@ -56,4 +57,4 @@ const IndexView = () => {
                                     }, startSlot: jsx(SvgAdd, {}) }, { children: "Link a new wallet" })), jsx(LogoutButton, { isTextButton: true, buttonClassName: 'dynamic-widget-footer__button' })] })) })] }))] }));
 };
 
-export { IndexView };
+export { WalletsView };

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

@@ -1,4 +1,4 @@
-export { IndexView } from './IndexView/IndexView';
+export { WalletsView } from './WalletsView/WalletsView';
 export { ProfileView } from './ProfileView/ProfileView';
 export { EditProfileView } from './EditProfileView/EditProfileView';
 export { SendBalanceWidgetView } from './SendBalanceWidgetView';

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

@@ -6,13 +6,13 @@ var jsxRuntime = require('react/jsx-runtime');
 require('react');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
-require('../../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 var index = require('../../../../shared/utils/hooks/useOnClickOutside/index.cjs');
 require('../../../../shared/consts/index.cjs');
@@ -31,6 +31,7 @@ require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

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

@@ -2,13 +2,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.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 { useOnClickOutside } from '../../../../shared/utils/hooks/useOnClickOutside/index.js';
 import '../../../../shared/consts/index.js';
@@ -27,6 +27,7 @@ import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

package/src/lib/components/ChainWalletsList/ChainWalletsList.d.ts

@@ -1,7 +0,0 @@
-import { FC, PropsWithChildren, ReactElement, ReactNode } from 'react';
-type ChainWalletsListProps = {
-    icon?: ReactElement;
-    name: ReactNode;
-};
-export declare const ChainWalletsList: FC<PropsWithChildren<ChainWalletsListProps>>;
-export {};

package/src/lib/components/ChainWalletsList/index.d.ts

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

package/src/lib/components/WalletInfoCard/WalletInfoCard.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from 'react';
-type WalletInfoCardProps = {
-    icon: ReactNode;
-    address: string;
-    actions?: ReactNode;
-};
-export declare const WalletInfoCard: FC<WalletInfoCardProps>;
-export {};

package/src/lib/components/WalletInfoCard/index.d.ts

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

package/src/lib/config/LSSuffix.cjs

@@ -1,24 +0,0 @@
-'use strict';
-
-/* eslint-disable no-underscore-dangle */
-class LSSuffix {
-}
-LSSuffix.getSuffix = () => {
-    if (!LSSuffix.__defined__) {
-        return '';
-    }
-    return LSSuffix.__suffix__;
-};
-LSSuffix.setSuffix = (localStorageSuffix) => {
-    const suffixInput = (localStorageSuffix && `_${localStorageSuffix}`) || '';
-    if (!LSSuffix.__defined__) {
-        LSSuffix.__suffix__ = suffixInput;
-        LSSuffix.__defined__ = true;
-    }
-    else if (LSSuffix.__suffix__ !== suffixInput) {
-        throw new Error(`LSSuffix suffix is already set to ${LSSuffix.__suffix__}, cannot change it to ${suffixInput}`);
-    }
-    Object.freeze(LSSuffix);
-};
-
-module.exports = LSSuffix;

package/src/lib/config/LSSuffix.d.ts

@@ -1,7 +0,0 @@
-declare class LSSuffix {
-    private static __suffix__;
-    private static __defined__;
-    static getSuffix: () => string | undefined;
-    static setSuffix: (localStorageSuffix?: string) => void;
-}
-export default LSSuffix;

package/src/lib/config/LSSuffix.js

@@ -1,22 +0,0 @@
-/* eslint-disable no-underscore-dangle */
-class LSSuffix {
-}
-LSSuffix.getSuffix = () => {
-    if (!LSSuffix.__defined__) {
-        return '';
-    }
-    return LSSuffix.__suffix__;
-};
-LSSuffix.setSuffix = (localStorageSuffix) => {
-    const suffixInput = (localStorageSuffix && `_${localStorageSuffix}`) || '';
-    if (!LSSuffix.__defined__) {
-        LSSuffix.__suffix__ = suffixInput;
-        LSSuffix.__defined__ = true;
-    }
-    else if (LSSuffix.__suffix__ !== suffixInput) {
-        throw new Error(`LSSuffix suffix is already set to ${LSSuffix.__suffix__}, cannot change it to ${suffixInput}`);
-    }
-    Object.freeze(LSSuffix);
-};
-
-export { LSSuffix as default };

package/src/lib/shared/utils/functions/storage/getDynamicLSKey.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var LSSuffix = require('../../../../config/LSSuffix.cjs');
-
-const getDynamicLSKey = (key) => `${key}${LSSuffix.getSuffix()}`;
-
-exports.getDynamicLSKey = getDynamicLSKey;

package/src/lib/shared/utils/functions/storage/getDynamicLSKey.d.ts

@@ -1 +0,0 @@
-export declare const getDynamicLSKey: (key: string) => string;

package/src/lib/shared/utils/functions/storage/getDynamicLSKey.js

@@ -1,5 +0,0 @@
-import LSSuffix from '../../../../config/LSSuffix.js';
-
-const getDynamicLSKey = (key) => `${key}${LSSuffix.getSuffix()}`;
-
-export { getDynamicLSKey };

package/src/lib/shared/utils/functions/storage/getFromLS.cjs

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var logger = require('../../../logger.cjs');
-var getDynamicLSKey = require('./getDynamicLSKey.cjs');
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const getFromLS = (key) => {
-    if (typeof window === 'undefined') {
-        return undefined;
-    }
-    const value = window.localStorage.getItem(getDynamicLSKey.getDynamicLSKey(key));
-    try {
-        if (value) {
-            return JSON.parse(value);
-        }
-    }
-    catch (e) {
-        logger.logger.error(e);
-    }
-    return undefined;
-};
-
-exports.getFromLS = getFromLS;

package/src/lib/shared/utils/functions/storage/getFromLS.d.ts

@@ -1 +0,0 @@
-export declare const getFromLS: <T = any>(key: string) => T | undefined;

package/src/lib/shared/utils/functions/storage/getFromLS.js

@@ -1,21 +0,0 @@
-import { logger } from '../../../logger.js';
-import { getDynamicLSKey } from './getDynamicLSKey.js';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const getFromLS = (key) => {
-    if (typeof window === 'undefined') {
-        return undefined;
-    }
-    const value = window.localStorage.getItem(getDynamicLSKey(key));
-    try {
-        if (value) {
-            return JSON.parse(value);
-        }
-    }
-    catch (e) {
-        logger.error(e);
-    }
-    return undefined;
-};
-
-export { getFromLS };

package/src/lib/shared/utils/functions/storage/index.d.ts

@@ -1,4 +0,0 @@
-export { getFromLS } from './getFromLS';
-export { getDynamicLSKey } from './getDynamicLSKey';
-export { removeFromLS } from './removeFromLS';
-export { setToLS } from './setToLS';

package/src/lib/shared/utils/functions/storage/removeFromLS.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var getDynamicLSKey = require('./getDynamicLSKey.cjs');
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const removeFromLS = (key) => {
-    if (typeof window === 'undefined') {
-        return undefined;
-    }
-    return window.localStorage.removeItem(getDynamicLSKey.getDynamicLSKey(key));
-};
-
-exports.removeFromLS = removeFromLS;

package/src/lib/shared/utils/functions/storage/removeFromLS.d.ts

@@ -1 +0,0 @@
-export declare const removeFromLS: (key: string) => void;

package/src/lib/shared/utils/functions/storage/removeFromLS.js

@@ -1,11 +0,0 @@
-import { getDynamicLSKey } from './getDynamicLSKey.js';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const removeFromLS = (key) => {
-    if (typeof window === 'undefined') {
-        return undefined;
-    }
-    return window.localStorage.removeItem(getDynamicLSKey(key));
-};
-
-export { removeFromLS };

package/src/lib/shared/utils/functions/storage/setToLS.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var getDynamicLSKey = require('./getDynamicLSKey.cjs');
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const setToLS = (key, value) => {
-    if (typeof window === 'undefined') {
-        return;
-    }
-    window.localStorage.setItem(getDynamicLSKey.getDynamicLSKey(key), JSON.stringify(value));
-};
-
-exports.setToLS = setToLS;

package/src/lib/shared/utils/functions/storage/setToLS.d.ts

@@ -1 +0,0 @@
-export declare const setToLS: <T = any>(key: string, value: T) => void;

package/src/lib/shared/utils/functions/storage/setToLS.js

@@ -1,11 +0,0 @@
-import { getDynamicLSKey } from './getDynamicLSKey.js';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const setToLS = (key, value) => {
-    if (typeof window === 'undefined') {
-        return;
-    }
-    window.localStorage.setItem(getDynamicLSKey(key), JSON.stringify(value));
-};
-
-export { setToLS };