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

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

@@ -1,12 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
-import { getWalletPrimaryColor, WalletIcon } from '@dynamic-labs/wallet-book';
+import { useWalletBookContext, getWalletPrimaryColor, WalletIcon } from '@dynamic-labs/wallet-book';
 import { QRCode } from '../../../../views/QrCodeView/QRCode.js';
 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 '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgLink } from '../../../../shared/assets/link.js';
@@ -14,6 +13,7 @@ import { ReactComponent as SvgExternalLink } from '../../../../shared/assets/ext
 import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 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 '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
@@ -42,10 +43,12 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../components/InlineWidget/InlineWidget.js';
 
 const QrCodeModalView = ({ walletId }) => {
     var _a;
     const { secondaryWallets, qrcodeUri, desktopUri } = useInternalDynamicContext();
+    const { walletBook } = useWalletBookContext();
     const newPrimaryWallet = secondaryWallets.find(({ id }) => id === walletId);
     const walletName = ((_a = newPrimaryWallet === null || newPrimaryWallet === void 0 ? void 0 : newPrimaryWallet.connector) === null || _a === void 0 ? void 0 : _a.name) || '';
     const { theme } = useThemeContext();
@@ -54,7 +57,8 @@ const QrCodeModalView = ({ walletId }) => {
             accentColor: 'var(--dynamic-text-primary)',
         },
         light: {
-            accentColor: getWalletPrimaryColor(walletName) || 'var(--dynamic-text-primary)',
+            accentColor: getWalletPrimaryColor(walletBook, walletName) ||
+                'var(--dynamic-text-primary)',
         },
     };
     // can't use theme because it's string instead of 'light' | 'dark'

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

@@ -11,13 +11,13 @@ require('react');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 var logger = 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');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -30,6 +30,7 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
@@ -42,6 +43,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
 
 const UnlinkWalletPopUp = ({ walletId }) => {
     const { handleUnlinkWallet, eventsCallbacks, setSelectedWalletWithAction, user, } = useInternalDynamicContext.useInternalDynamicContext();

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';
@@ -26,6 +26,7 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
@@ -38,6 +39,7 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../components/InlineWidget/InlineWidget.js';
 
 const UnlinkWalletPopUp = ({ walletId }) => {
     const { handleUnlinkWallet, eventsCallbacks, setSelectedWalletWithAction, user, } = useInternalDynamicContext();

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');
@@ -31,10 +28,10 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 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');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 var useMultiWalletFlag = require('../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');
@@ -43,21 +40,16 @@ 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');
+require('../../../../components/InlineWidget/InlineWidget.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 +61,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';
@@ -27,10 +24,10 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
-import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/Alert/Alert.js';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import { useMultiWalletFlag } from '../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
@@ -39,21 +36,16 @@ 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 '../../../../components/InlineWidget/InlineWidget.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 +57,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');
@@ -30,6 +30,7 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
@@ -44,6 +45,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 
 const ProfileView = () => {

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';
@@ -26,6 +26,7 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
@@ -40,6 +41,7 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../components/InlineWidget/InlineWidget.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 
 const ProfileView = () => {

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');
@@ -28,6 +28,7 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
@@ -43,11 +44,12 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
 var DynamicWidgetFooter = require('../../components/DynamicWidgetFooter/DynamicWidgetFooter.cjs');
 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 +62,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';
@@ -24,6 +24,7 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
@@ -39,11 +40,12 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../components/InlineWidget/InlineWidget.js';
 import { DynamicWidgetFooter } from '../../components/DynamicWidgetFooter/DynamicWidgetFooter.js';
 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 +58,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');
@@ -27,6 +27,7 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 var OpacityTransition = require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
@@ -38,6 +39,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
 var FundingContext = require('../../../../context/FundingContext/FundingContext.cjs');
 
 const Modal = ({ onrampUrl }) => {

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';
@@ -23,6 +23,7 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import { OpacityTransition } from '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
@@ -34,6 +35,7 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../components/InlineWidget/InlineWidget.js';
 import { useFundingContext } from '../../../../context/FundingContext/FundingContext.js';
 
 const Modal = ({ onrampUrl }) => {

package/src/polyfills.cjs

@@ -2,10 +2,9 @@
 
 var process$1 = require('./shim/process.cjs');
 
-let process;
 if (typeof window !== 'undefined') {
     window.global = globalThis;
-    if (!window.process && !process) {
+    if (!window.process && typeof process === 'undefined') {
         Object.assign(window, { process: process$1.process });
     }
 }

package/src/polyfills.js

@@ -1,9 +1,8 @@
 import { process as process$1 } from './shim/process.js';
 
-let process;
 if (typeof window !== 'undefined') {
     window.global = globalThis;
-    if (!window.process && !process) {
+    if (!window.process && typeof process === 'undefined') {
         Object.assign(window, { process: process$1 });
     }
 }

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;