@dynamic-labs/sdk-react-core 2.1.0-alpha.0 → 2.1.0-alpha.10

package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { useMemo, useCallback } from 'react';
 import { isMobile } from '@dynamic-labs/utils';
@@ -33,9 +34,9 @@ import '../../../../context/WalletContext/WalletContext.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 
 const DynamicWidgetFooter = ({ children }) => (jsx("div", { className: 'dynamic-widget-footer', "data-testid": 'dynamic-widget-footer', children: children }));

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -37,9 +38,9 @@ require('../../../../context/ThemeContext/ThemeContext.cjs');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default, { useMemo } from 'react';
 import '../../../../events/dynamicEvents.js';
@@ -33,9 +34,9 @@ import '../../../../context/ThemeContext/ThemeContext.js';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -40,8 +41,8 @@ var WalletContext = require('../../../../../context/WalletContext/WalletContext.
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
-require('../../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../../context/MockContext/MockContext.cjs');
+require('../../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
@@ -62,7 +63,7 @@ var DynamicWidgetContext = require('../../../context/DynamicWidgetContext.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
-var Button = require('../../../../../components/Button/Button.cjs');
+var TypographyButton = require('../../../../../components/TypographyButton/TypographyButton.cjs');
 require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var spinner = require('../../../../../components/Spinner/spinner.cjs');
 var Alert = require('../../../../../components/Alert/Alert.cjs');
@@ -125,9 +126,9 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
         }
     };
     const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
-    return (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), isLoadingEmbeddedWallet && (jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__wallet-info', children: jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__wallet-loading', children: jsxRuntime.jsx(Alert.Alert, { variant: 'info', icon: jsxRuntime.jsx(spinner.Spinner, { className: 'button__spinner' }), children: t('dyn_creating_wallet.loading_message') }) }) })), primaryWallet ? (jsxRuntime.jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsxRuntime.jsx(SecureEmbeddedWalletCard.SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsxRuntime.jsx(Button.Button, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
+    return (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), isLoadingEmbeddedWallet && (jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__wallet-info', children: jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__wallet-loading', children: jsxRuntime.jsx(Alert.Alert, { variant: 'info', icon: jsxRuntime.jsx(spinner.Spinner, { className: 'button__spinner' }), children: t('dyn_creating_wallet.loading_message') }) }) })), primaryWallet ? (jsxRuntime.jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsxRuntime.jsx(SecureEmbeddedWalletCard.SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(add.ReactComponent, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsxRuntime.jsx(Button.Button, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: 
+                                jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(add.ReactComponent, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(send.ReactComponent, {}) }), children: "Send" }))] }))] })) : (jsxRuntime.jsx(Typography.Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier.getUserIdentifier(user) }))] }));
 };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default, { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -36,8 +37,8 @@ import { useWalletContext } from '../../../../../context/WalletContext/WalletCon
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
-import '../../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../../context/MockContext/MockContext.js';
+import '../../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
@@ -58,7 +59,7 @@ import { useWidgetContext } from '../../../context/DynamicWidgetContext.js';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
-import { Button } from '../../../../../components/Button/Button.js';
+import { TypographyButton } from '../../../../../components/TypographyButton/TypographyButton.js';
 import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { Spinner } from '../../../../../components/Spinner/spinner.js';
 import { Alert } from '../../../../../components/Alert/Alert.js';
@@ -117,9 +118,9 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
         }
     };
     const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
-    return (jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), isLoadingEmbeddedWallet && (jsx("div", { className: 'dynamic-widget-wallet-header__wallet-info', children: jsx("div", { className: 'dynamic-widget-wallet-header__wallet-loading', children: jsx(Alert, { variant: 'info', icon: jsx(Spinner, { className: 'button__spinner' }), children: t('dyn_creating_wallet.loading_message') }) }) })), primaryWallet ? (jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsx(SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsx(Button, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
+    return (jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), isLoadingEmbeddedWallet && (jsx("div", { className: 'dynamic-widget-wallet-header__wallet-info', children: jsx("div", { className: 'dynamic-widget-wallet-header__wallet-loading', children: jsx(Alert, { variant: 'info', icon: jsx(Spinner, { className: 'button__spinner' }), children: t('dyn_creating_wallet.loading_message') }) }) })), primaryWallet ? (jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsx(SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsx(TypographyButton, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgAdd, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsx(Button, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: 
+                                jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgAdd, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsx(TypographyButton, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgSend, {}) }), children: "Send" }))] }))] })) : (jsx(Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier(user) }))] }));
 };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetPrompts/DynamicWidgetPrompts.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetPrompts/DynamicWidgetPrompts.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { DetectedNewWalletWidgetPortal } from '../../prompts/DetectedNewWalletModal/DetectedNewWalletModal.js';
 import { PendingAccountSwitchWidgetPortal } from '../../prompts/PendingAccountSwitchModal/PendingAccountSwitchModal.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/DynamicWidgetVariants.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/DynamicWidgetVariants.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { DynamicWidgetDropdown } from './variants/DynamicWidgetDropdown/DynamicWidgetDropdown.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -38,9 +39,9 @@ require('../../../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../../../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../../../context/MockContext/MockContext.cjs');
 require('../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { ZoomTransition } from '../../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
@@ -34,9 +35,9 @@ import '../../../../../../context/WalletContext/WalletContext.js';
 import '../../../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../../../../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../../../context/MockContext/MockContext.js';
 import '../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -37,9 +38,9 @@ require('../../../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../../../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../../../context/MockContext/MockContext.cjs');
 require('../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { classNames } from '../../../../../../utils/functions/classNames/classNames.js';
 import 'react';
@@ -33,9 +34,9 @@ import '../../../../../../context/WalletContext/WalletContext.js';
 import '../../../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../../../../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../../../context/MockContext/MockContext.js';
 import '../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/DynamicWidgetViews.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/DynamicWidgetViews.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { WalletsView } from '../../views/WalletsView/WalletsView.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -38,8 +39,8 @@ require('../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
-require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
+require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
@@ -34,8 +35,8 @@ import '../../../../context/WalletContext/WalletContext.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
-import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/MockContext/MockContext.js';
+import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -35,9 +36,9 @@ require('../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
 import 'react';
@@ -31,9 +32,9 @@ import '../../../../context/WalletContext/WalletContext.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -38,9 +39,9 @@ require('../../../../context/ThemeContext/ThemeContext.cjs');
 var useMutation = require('../../../../utils/hooks/useMutation/useMutation.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.js

@@ -1,3 +1,4 @@
+'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
@@ -34,9 +35,9 @@ import '../../../../context/ThemeContext/ThemeContext.js';
 import { useMutation } from '../../../../utils/hooks/useMutation/useMutation.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/widgets/DynamicWidget/components/EmptyWallets/EmptyWallets.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -34,13 +35,13 @@ require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');
-require('../../../../context/ThemeContext/ThemeContext.cjs');
 var useIsTurnkeyWallet = require('../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
+require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/widgets/DynamicWidget/components/EmptyWallets/EmptyWallets.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import 'react';
@@ -30,13 +31,13 @@ import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
-import '../../../../context/ThemeContext/ThemeContext.js';
 import { useIsTurnkeyWallet } from '../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
+import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/widgets/DynamicWidget/components/PromptModal/PromptModal.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -37,9 +38,9 @@ require('../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
@@ -78,7 +79,8 @@ require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumb
 
 const PromptModal = ({ children, isShown = true, onClose, }) => {
     const elementId = 'dynamic-multi-wallet-prompt-modal';
-    useElementById.useElementById(elementId);
+    const { createRootElement } = useElementById.useElementById();
+    createRootElement(elementId);
     return (jsxRuntime.jsx(Portal.Portal, { handleClose: (e) => onClose === null || onClose === void 0 ? void 0 : onClose(e), isShown: isShown, zIndex: index.authModalZIndex, withBackdrop: true, elementId: elementId, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsxs(ModalCard.ModalCard, { children: [onClose && (jsxRuntime.jsx("div", { className: 'prompt-modal__header', children: jsxRuntime.jsx(IconButton.IconButton, { className: 'prompt-modal__close-button', onClick: (e) => onClose(e), type: 'button', "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }) })), jsxRuntime.jsx("div", { className: 'prompt-modal', children: children })] }) }) }));
 };
 

package/src/lib/widgets/DynamicWidget/components/PromptModal/PromptModal.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
 import '../../../../events/dynamicEvents.js';
@@ -33,9 +34,9 @@ import '../../../../context/WalletContext/WalletContext.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
@@ -74,7 +75,8 @@ import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumbe
 
 const PromptModal = ({ children, isShown = true, onClose, }) => {
     const elementId = 'dynamic-multi-wallet-prompt-modal';
-    useElementById(elementId);
+    const { createRootElement } = useElementById();
+    createRootElement(elementId);
     return (jsx(Portal, { handleClose: (e) => onClose === null || onClose === void 0 ? void 0 : onClose(e), isShown: isShown, zIndex: authModalZIndex, withBackdrop: true, elementId: elementId, children: jsx(Modal, { children: jsxs(ModalCard, { children: [onClose && (jsx("div", { className: 'prompt-modal__header', children: jsx(IconButton, { className: 'prompt-modal__close-button', onClick: (e) => onClose(e), type: 'button', "data-testid": 'close-button', children: jsx(SvgClose, {}) }) })), jsx("div", { className: 'prompt-modal', children: children })] }) }) }));
 };
 

package/src/lib/widgets/DynamicWidget/components/SingleWalletButtons/SingleWalletButtons.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -37,9 +38,9 @@ require('../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
@@ -59,7 +60,7 @@ require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
-var Button = require('../../../../components/Button/Button.cjs');
+var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/Input/Input.cjs');
@@ -81,12 +82,12 @@ const SingleWalletButtons = () => {
     const { primaryWallet, handleLogOut, user } = useInternalDynamicContext.useInternalDynamicContext();
     const unknownWallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((credential) => credential.walletName === 'unknown');
     const address = (_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) !== null && _a !== void 0 ? _a : unknownWallet === null || unknownWallet === void 0 ? void 0 : unknownWallet.address;
-    return (jsxRuntime.jsxs("div", { className: 'single-wallet-buttons', children: [address && (jsxRuntime.jsx(Button.Button, { dataTestId: 'Copy address', expanded: true, buttonPadding: 'medium', typographyProps: {
+    return (jsxRuntime.jsxs("div", { className: 'single-wallet-buttons', children: [address && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'Copy address', expanded: true, buttonPadding: 'medium', typographyProps: {
                     className: 'single-wallet-buttons--center',
                     variant: 'button_primary',
                 }, onClick: () => helpers.copyToClipboard(address), feedback: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxRuntime.jsxs("div", { className: 'single-wallet-buttons__copied', children: [jsxRuntime.jsx(checkCircle.ReactComponent, {}), " Copied!"] }), children: "Copy address" })), jsxRuntime.jsx(Button.Button, { dataTestId: 'Disconnect', expanded: true, buttonPadding: 'medium', typographyProps: {
+                jsxRuntime.jsxs("div", { className: 'single-wallet-buttons__copied', children: [jsxRuntime.jsx(checkCircle.ReactComponent, {}), " Copied!"] }), children: "Copy address" })), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'Disconnect', expanded: true, buttonPadding: 'medium', typographyProps: {
                     className: 'single-wallet-buttons--center',
                     variant: 'button_primary',
                 }, onClick: handleLogOut, children: "Disconnect" })] }));

package/src/lib/widgets/DynamicWidget/components/SingleWalletButtons/SingleWalletButtons.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
 import '../../../../events/dynamicEvents.js';
@@ -33,9 +34,9 @@ import '../../../../context/WalletContext/WalletContext.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
@@ -55,7 +56,7 @@ import '../../context/DynamicWidgetContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
-import { Button } from '../../../../components/Button/Button.js';
+import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../components/Input/Input.js';
@@ -77,12 +78,12 @@ const SingleWalletButtons = () => {
     const { primaryWallet, handleLogOut, user } = useInternalDynamicContext();
     const unknownWallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((credential) => credential.walletName === 'unknown');
     const address = (_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) !== null && _a !== void 0 ? _a : unknownWallet === null || unknownWallet === void 0 ? void 0 : unknownWallet.address;
-    return (jsxs("div", { className: 'single-wallet-buttons', children: [address && (jsx(Button, { dataTestId: 'Copy address', expanded: true, buttonPadding: 'medium', typographyProps: {
+    return (jsxs("div", { className: 'single-wallet-buttons', children: [address && (jsx(TypographyButton, { dataTestId: 'Copy address', expanded: true, buttonPadding: 'medium', typographyProps: {
                     className: 'single-wallet-buttons--center',
                     variant: 'button_primary',
                 }, onClick: () => copyToClipboard(address), feedback: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxs("div", { className: 'single-wallet-buttons__copied', children: [jsx(SvgCheckCircle, {}), " Copied!"] }), children: "Copy address" })), jsx(Button, { dataTestId: 'Disconnect', expanded: true, buttonPadding: 'medium', typographyProps: {
+                jsxs("div", { className: 'single-wallet-buttons__copied', children: [jsx(SvgCheckCircle, {}), " Copied!"] }), children: "Copy address" })), jsx(TypographyButton, { dataTestId: 'Disconnect', expanded: true, buttonPadding: 'medium', typographyProps: {
                     className: 'single-wallet-buttons--center',
                     variant: 'button_primary',
                 }, onClick: handleLogOut, children: "Disconnect" })] }));

package/src/lib/widgets/DynamicWidget/components/UnknownWalletInformation/UnknownWalletInformation.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -37,9 +38,9 @@ require('../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/widgets/DynamicWidget/components/UnknownWalletInformation/UnknownWalletInformation.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
 import '../../../../events/dynamicEvents.js';
@@ -33,9 +34,9 @@ import '../../../../context/WalletContext/WalletContext.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -40,9 +41,9 @@ require('../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');