npm - @dynamic-labs/sdk-react-core - Versions diffs - 2.1.0-alpha.0 → 2.1.0-alpha.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1613) hide show

package/src/lib/components/Select/utils/getDisplayValue/getDisplayValue.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 const getDisplayValue = (element) => {
     if (!element)
         return;

package/src/lib/components/SelectNetworkButton/SelectNetworkButton.cjs CHANGED Viewed

@@ -1,13 +1,14 @@
+'use client'
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
-var Button = require('../Button/Button.cjs');
+var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
 const SelectNetworkButton = ({ networkId, networkName, networkIconUrl, onClick, }) => {
     const networkImage = (jsxRuntime.jsx("img", { alt: networkName, className: 'select-network-button__icon', src: networkIconUrl }));
-    return (jsxRuntime.jsxs(Button.Button, { dataTestId: 'SelectNetworkButton', onClick: () => onClick(networkId), expanded: true, className: 'select-network-button', children: ["Select", networkImage, networkName, " network"] }));
+    return (jsxRuntime.jsxs(TypographyButton.TypographyButton, { dataTestId: 'SelectNetworkButton', onClick: () => onClick(networkId), expanded: true, className: 'select-network-button', children: ["Select", networkImage, networkName, " network"] }));
 };
 exports.SelectNetworkButton = SelectNetworkButton;

package/src/lib/components/SelectNetworkButton/SelectNetworkButton.js CHANGED Viewed

@@ -1,9 +1,10 @@
+'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Button } from '../Button/Button.js';
+import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 const SelectNetworkButton = ({ networkId, networkName, networkIconUrl, onClick, }) => {
     const networkImage = (jsx("img", { alt: networkName, className: 'select-network-button__icon', src: networkIconUrl }));
-    return (jsxs(Button, { dataTestId: 'SelectNetworkButton', onClick: () => onClick(networkId), expanded: true, className: 'select-network-button', children: ["Select", networkImage, networkName, " network"] }));
+    return (jsxs(TypographyButton, { dataTestId: 'SelectNetworkButton', onClick: () => onClick(networkId), expanded: true, className: 'select-network-button', children: ["Select", networkImage, networkName, " network"] }));
 };
 export { SelectNetworkButton };

package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,7 +9,7 @@ var reactI18next = require('react-i18next');
 var formik = require('formik');
 var yup = require('yup');
 var Input = require('../Input/Input.cjs');
-var Button = require('../Button/Button.cjs');
+var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
@@ -76,7 +77,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
     }, [decimals, validateAddress, validateAmount]);
     return (jsxRuntime.jsx(formik.Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched }) => (jsxRuntime.jsxs(formik.Form, { className: 'send-balance-form', children: [jsxRuntime.jsx(formik.Field, { variant: 'regular', className: 'send-balance-form__field', name: 'amount', label: t('dyn_send_transaction.data.amount.label'), placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input.Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                         getDisplayErrorMessage(errors, t, 'amount', decimals) }), jsxRuntime.jsx(formik.Field, { variant: 'regular', className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input.Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
-                        getDisplayErrorMessage(errors, t, 'recipient') }), jsxRuntime.jsx(Button.Button, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'medium', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.send_button', children: t('dyn_send_transaction.send_button') })] })) }));
+                        getDisplayErrorMessage(errors, t, 'recipient') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'medium', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.send_button', children: t('dyn_send_transaction.send_button') })] })) }));
 };
 exports.SendBalanceForm = SendBalanceForm;

package/src/lib/components/SendBalanceForm/SendBalanceForm.js CHANGED Viewed

@@ -1,10 +1,11 @@
+'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Formik, Form, Field } from 'formik';
 import { object, string } from 'yup';
 import { Input } from '../Input/Input.js';
-import { Button } from '../Button/Button.js';
+import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
@@ -72,7 +73,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
     }, [decimals, validateAddress, validateAmount]);
     return (jsx(Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched }) => (jsxs(Form, { className: 'send-balance-form', children: [jsx(Field, { variant: 'regular', className: 'send-balance-form__field', name: 'amount', label: t('dyn_send_transaction.data.amount.label'), placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                         getDisplayErrorMessage(errors, t, 'amount', decimals) }), jsx(Field, { variant: 'regular', className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
-                        getDisplayErrorMessage(errors, t, 'recipient') }), jsx(Button, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'medium', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.send_button', children: t('dyn_send_transaction.send_button') })] })) }));
+                        getDisplayErrorMessage(errors, t, 'recipient') }), jsx(TypographyButton, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'medium', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.send_button', children: t('dyn_send_transaction.send_button') })] })) }));
 };
 export { SendBalanceForm };

package/src/lib/components/SendBalancePageLayout/SendBalancePageLayout.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -54,8 +55,8 @@ var usePromise = require('../../utils/hooks/usePromise/usePromise.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/components/SendBalancePageLayout/SendBalancePageLayout.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
@@ -50,8 +51,8 @@ import { usePromise } from '../../utils/hooks/usePromise/usePromise.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/components/SendBalancePageLayout/components/TokenBalanceCard/TokenBalanceCard.cjs CHANGED Viewed

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

package/src/lib/components/SendBalancePageLayout/components/TokenBalanceCard/TokenBalanceCard.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { Typography } from '../../../Typography/Typography.js';

package/src/lib/components/ShadowDOM/ShadowDOM.cjs CHANGED Viewed

@@ -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/components/ShadowDOM/ShadowDOM.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default, { useState, useMemo, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
@@ -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/components/ShadowDOM/utils.cjs CHANGED Viewed

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

package/src/lib/components/ShadowDOM/utils.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';

package/src/lib/components/SignMessagePreview/SignMessagePreview.cjs CHANGED Viewed

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

package/src/lib/components/SignMessagePreview/SignMessagePreview.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { Typography } from '../Typography/Typography.js';

package/src/lib/components/SignMessagePreview/components/SignTypedDataPreview/SignTypedDataPreview.cjs CHANGED Viewed

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

package/src/lib/components/SignMessagePreview/components/SignTypedDataPreview/SignTypedDataPreview.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Typography } from '../../../Typography/Typography.js';
 import { capitalize } from '../../../../shared/utils/functions/capitalize/capitalize.js';

package/src/lib/components/SignMessagePreview/utils/isSignTypedData/isSignTypedData.cjs CHANGED Viewed

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

package/src/lib/components/SignMessagePreview/utils/isSignTypedData/isSignTypedData.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 const isSignTypedData = (data) => {
     if (typeof data !== 'object' || data === null) {
         return false;

package/src/lib/components/Skeleton/Skeleton.cjs CHANGED Viewed

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

package/src/lib/components/Skeleton/Skeleton.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 const Skeleton = ({ count = 1, className, style }) => {

package/src/lib/components/SocialSignIn/SocialSignIn.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -39,9 +40,9 @@ require('../../context/WalletContext/WalletContext.cjs');
 var useIconThemeVariant = require('../../utils/hooks/useIconThemeVariant/useIconThemeVariant.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/components/SocialSignIn/SocialSignIn.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { SocialIcon } from '@dynamic-labs/iconic';
@@ -35,9 +36,9 @@ import '../../context/WalletContext/WalletContext.js';
 import { useIconThemeVariant } from '../../utils/hooks/useIconThemeVariant/useIconThemeVariant.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/components/Spinner/spinner.cjs CHANGED Viewed

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

package/src/lib/components/Spinner/spinner.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';

package/src/lib/components/StatusDot/StatusDot.cjs CHANGED Viewed

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

package/src/lib/components/StatusDot/StatusDot.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';

package/src/lib/components/Step/Step.cjs CHANGED Viewed

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

package/src/lib/components/Step/Step.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { Typography } from '../Typography/Typography.js';

package/src/lib/components/Stepper/Stepper.cjs CHANGED Viewed

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

package/src/lib/components/Stepper/Stepper.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Children } from 'react';
 import { Divider } from '../Divider/Divider.js';

package/src/lib/components/Switch/Switch.cjs CHANGED Viewed

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

package/src/lib/components/Switch/Switch.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';

package/src/lib/components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -35,12 +36,13 @@ require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 var useEmbeddedWallet = require('../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
+var WalletContext = 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');
@@ -60,7 +62,6 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-var WalletContext = require('../../context/WalletContext/WalletContext.cjs');
 require('formik');
 require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { useRef, useEffect } from 'react';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -31,12 +32,13 @@ import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import { useEmbeddedWallet } from '../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
+import { useWalletContext } from '../../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';
@@ -56,7 +58,6 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import { useWalletContext } from '../../context/WalletContext/WalletContext.js';
 import 'formik';
 import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/components/TextButton/TextButton.cjs CHANGED Viewed

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

package/src/lib/components/TextButton/TextButton.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { __rest } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';

package/src/lib/components/Toggle/Toggle.cjs CHANGED Viewed

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

package/src/lib/components/Toggle/Toggle.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { __rest } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';

package/src/lib/components/ToggleVisibilityButton/ToggleVisibilityButton.cjs CHANGED Viewed

@@ -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');

package/src/lib/components/ToggleVisibilityButton/ToggleVisibilityButton.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
@@ -36,9 +37,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/components/Toolkit/Toolkit.cjs CHANGED Viewed

@@ -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/components/Toolkit/Toolkit.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { Typography } from '../Typography/Typography.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/components/Toolkit/components/AuthModeSwitch.cjs CHANGED Viewed

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

package/src/lib/components/Toolkit/components/AuthModeSwitch.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Checkbox } from '../../Checkbox/Checkbox.js';
 import { Typography } from '../../Typography/Typography.js';

package/src/lib/components/Toolkit/components/LoginWithEmailSwitch.cjs CHANGED Viewed

@@ -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/components/Toolkit/components/LoginWithEmailSwitch.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '../../../context/DynamicContext/DynamicContext.js';
@@ -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/components/Toolkit/components/LoginWithEmailViewDisplayPriorityOrderSwitch.cjs CHANGED Viewed

@@ -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/components/Toolkit/components/LoginWithEmailViewDisplayPriorityOrderSwitch.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '../../../context/DynamicContext/DynamicContext.js';
@@ -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/components/Toolkit/components/PrimaryColorInput.cjs CHANGED Viewed

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

package/src/lib/components/Toolkit/components/PrimaryColorInput.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useThemeContext } from '../../../context/ThemeContext/ThemeContext.js';

package/src/lib/components/Toolkit/components/TemplateSelect.cjs CHANGED Viewed

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

package/src/lib/components/Toolkit/components/TemplateSelect.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useThemeContext } from '../../../context/ThemeContext/ThemeContext.js';
 import { Select } from '../../Select/Select.js';

package/src/lib/components/Toolkit/components/ThemeSwitch.cjs CHANGED Viewed

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

package/src/lib/components/Toolkit/components/ThemeSwitch.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { useThemeContext } from '../../../context/ThemeContext/ThemeContext.js';
 import { Switch } from '../../Switch/Switch.js';

package/src/lib/components/Tooltip/Tooltip.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -39,9 +40,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');