@dynamic-labs/sdk-react-core 4.19.2 → 4.19.4

package/src/lib/utils/functions/getSessionInformation/getSessionInformation.cjs

@@ -0,0 +1,34 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var shortenWalletAddress = require('../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
+var getTimeSince = require('../../../widgets/DynamicWidget/helpers/getTimeSince.cjs');
+
+/** Returns the name of the session or the shortened wallet address if no name is available */
+const getSessionInformationName = (session) => { var _a; return (_a = session.origin) !== null && _a !== void 0 ? _a : shortenWalletAddress.shortenWalletAddress(session.sessionId); };
+/** Returns the time since the session was created in a human readable format */
+const getSessionInformationTimeSinceCreation = (session) => {
+    const { value, unit } = getTimeSince.getTimeSince(new Date(session.timestamp));
+    return `${value} ${unit}`;
+};
+/** Returns the expiration of the session in a human readable format */
+const getSessionInformationExpiration = (session) => {
+    const { value, unit } = getTimeSince.getTimeSince(new Date(), new Date(Number(session.session.expiresAt) * 1000));
+    return `${value} ${unit}`;
+};
+/** Returns the spending limit of the session in ETH */
+const getSessionInformationSpendingLimit = (session) => {
+    const { limit } = session.session.feeLimit;
+    const ethString = (Number(limit) / Math.pow(10, 18)).toFixed(6);
+    return `~${ethString} ETH`;
+};
+/** Exports the session information as a JSON string with a helper to process bigints */
+const getSessionInformationJson = (session) => JSON.stringify(session, (_, val) => (typeof val === 'bigint' ? val.toString() : val), 2);
+
+exports.getSessionInformationExpiration = getSessionInformationExpiration;
+exports.getSessionInformationJson = getSessionInformationJson;
+exports.getSessionInformationName = getSessionInformationName;
+exports.getSessionInformationSpendingLimit = getSessionInformationSpendingLimit;
+exports.getSessionInformationTimeSinceCreation = getSessionInformationTimeSinceCreation;

package/src/lib/utils/functions/getSessionInformation/getSessionInformation.d.ts

@@ -0,0 +1,11 @@
+import { SessionInformation } from '../../types/SessionInformation';
+/** Returns the name of the session or the shortened wallet address if no name is available */
+export declare const getSessionInformationName: (session: SessionInformation) => string;
+/** Returns the time since the session was created in a human readable format */
+export declare const getSessionInformationTimeSinceCreation: (session: SessionInformation) => string;
+/** Returns the expiration of the session in a human readable format */
+export declare const getSessionInformationExpiration: (session: SessionInformation) => string;
+/** Returns the spending limit of the session in ETH */
+export declare const getSessionInformationSpendingLimit: (session: SessionInformation) => string;
+/** Exports the session information as a JSON string with a helper to process bigints */
+export declare const getSessionInformationJson: (session: SessionInformation) => string;

package/src/lib/utils/functions/getSessionInformation/getSessionInformation.js

@@ -0,0 +1,26 @@
+'use client'
+import { shortenWalletAddress } from '../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
+import { getTimeSince } from '../../../widgets/DynamicWidget/helpers/getTimeSince.js';
+
+/** Returns the name of the session or the shortened wallet address if no name is available */
+const getSessionInformationName = (session) => { var _a; return (_a = session.origin) !== null && _a !== void 0 ? _a : shortenWalletAddress(session.sessionId); };
+/** Returns the time since the session was created in a human readable format */
+const getSessionInformationTimeSinceCreation = (session) => {
+    const { value, unit } = getTimeSince(new Date(session.timestamp));
+    return `${value} ${unit}`;
+};
+/** Returns the expiration of the session in a human readable format */
+const getSessionInformationExpiration = (session) => {
+    const { value, unit } = getTimeSince(new Date(), new Date(Number(session.session.expiresAt) * 1000));
+    return `${value} ${unit}`;
+};
+/** Returns the spending limit of the session in ETH */
+const getSessionInformationSpendingLimit = (session) => {
+    const { limit } = session.session.feeLimit;
+    const ethString = (Number(limit) / Math.pow(10, 18)).toFixed(6);
+    return `~${ethString} ETH`;
+};
+/** Exports the session information as a JSON string with a helper to process bigints */
+const getSessionInformationJson = (session) => JSON.stringify(session, (_, val) => (typeof val === 'bigint' ? val.toString() : val), 2);
+
+export { getSessionInformationExpiration, getSessionInformationJson, getSessionInformationName, getSessionInformationSpendingLimit, getSessionInformationTimeSinceCreation };

package/src/lib/utils/functions/getSessionInformation/index.d.ts

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

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.cjs

@@ -43,7 +43,13 @@ const useConnectWallet = ({ enableVisitTrackingOnConnectOnly, environmentId, pri
     const { setUserWallets, addedWalletsIds, removedWalletsIds } = UserWalletsContext.useInternalUserWallets();
     /** This wrapper is to ensure userWallets is always properly updated alongside connectedWallets */
     const setConnectedWallets = React.useCallback((newWallets) => {
-        _setConnectedWallets(newWallets);
+        // Prevent unnecessary re-renders when state is empty
+        _setConnectedWallets((prevWallets) => {
+            if (prevWallets.length === 0 && newWallets.length === 0) {
+                return prevWallets;
+            }
+            return newWallets;
+        });
         setUserWallets((userWallets) => updateUserWalletsFromConnectedWallets.updateUserWalletsFromConnectedWallets(userWallets, newWallets));
     }, [setUserWallets]);
     const disconnectWallet = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.js

@@ -39,7 +39,13 @@ const useConnectWallet = ({ enableVisitTrackingOnConnectOnly, environmentId, pri
     const { setUserWallets, addedWalletsIds, removedWalletsIds } = useInternalUserWallets();
     /** This wrapper is to ensure userWallets is always properly updated alongside connectedWallets */
     const setConnectedWallets = useCallback((newWallets) => {
-        _setConnectedWallets(newWallets);
+        // Prevent unnecessary re-renders when state is empty
+        _setConnectedWallets((prevWallets) => {
+            if (prevWallets.length === 0 && newWallets.length === 0) {
+                return prevWallets;
+            }
+            return newWallets;
+        });
         setUserWallets((userWallets) => updateUserWalletsFromConnectedWallets(userWallets, newWallets));
     }, [setUserWallets]);
     const disconnectWallet = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {

package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs

@@ -9,19 +9,19 @@ var React = require('react');
 var reactI18next = require('react-i18next');
 require('@dynamic-labs/utils');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../components/Alert/Alert.cjs');
-require('../../../events/dynamicEvents.cjs');
-require('../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('@dynamic-labs/iconic');
+require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../shared/consts/index.cjs');
+require('../../../components/Alert/Alert.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../../store/state/authMode/authMode.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.js

@@ -5,19 +5,19 @@ import { useRef, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import '@dynamic-labs/utils';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../components/Alert/Alert.js';
-import '../../../events/dynamicEvents.js';
-import '../../../context/DynamicContext/DynamicContext.js';
-import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '@dynamic-labs/iconic';
+import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
-import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
 import '../../constants/values.js';
 import '../../../shared/consts/index.js';
+import '../../../components/Alert/Alert.js';
+import '../../../events/dynamicEvents.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../../store/state/authMode/authMode.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';

package/src/lib/views/AccessBlockedView/AccessBlockedView.cjs

@@ -18,9 +18,9 @@ require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../../_virtual/_tslib.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../events/dynamicEvents.cjs');
-require('../../../../_virtual/_tslib.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../store/state/authMode/authMode.cjs');

package/src/lib/views/AccessBlockedView/AccessBlockedView.js

@@ -14,9 +14,9 @@ import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../../_virtual/_tslib.js';
 import '../../components/Alert/Alert.js';
 import '../../events/dynamicEvents.js';
-import '../../../../_virtual/_tslib.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../store/state/authMode/authMode.js';

package/src/lib/views/AccountExistsView/AccountExistsView.cjs

@@ -9,20 +9,20 @@ var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
 require('@dynamic-labs/utils');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../components/Alert/Alert.cjs');
 require('react');
-require('../../events/dynamicEvents.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 var capitalize = require('../../shared/utils/functions/capitalize/capitalize.cjs');
 require('../../shared/consts/index.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../store/state/authMode/authMode.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/views/AccountExistsView/AccountExistsView.js

@@ -5,20 +5,20 @@ import { useTranslation } from 'react-i18next';
 import { UserProfileIcon } from '@dynamic-labs/iconic';
 import '@dynamic-labs/utils';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../components/Alert/Alert.js';
 import 'react';
-import '../../events/dynamicEvents.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import { capitalize } from '../../shared/utils/functions/capitalize/capitalize.js';
 import '../../shared/consts/index.js';
+import '../../components/Alert/Alert.js';
+import '../../events/dynamicEvents.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../store/state/authMode/authMode.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';

package/src/lib/views/AddNetworkView/AddNetworkView.cjs

@@ -58,9 +58,9 @@ require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../store/state/walletOptions/walletOptions.cjs');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+var Button = require('../../components/Button/Button.cjs');
 require('../../components/Alert/Alert.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
-var Button = require('../../components/Button/Button.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 var IconWithStatus = require('../../components/IconWithStatus/IconWithStatus.cjs');

package/src/lib/views/AddNetworkView/AddNetworkView.js

@@ -54,9 +54,9 @@ import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../store/state/walletOptions/walletOptions.js';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import { Button } from '../../components/Button/Button.js';
 import '../../components/Alert/Alert.js';
 import { Typography } from '../../components/Typography/Typography.js';
-import { Button } from '../../components/Button/Button.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import { IconWithStatus } from '../../components/IconWithStatus/IconWithStatus.js';

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.cjs

@@ -9,19 +9,19 @@ var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
 require('@dynamic-labs/utils');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../components/Alert/Alert.cjs');
 require('react');
-require('../../events/dynamicEvents.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../store/state/authMode/authMode.cjs');
 var CaptchaContext = require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.js

@@ -5,19 +5,19 @@ import { useTranslation } from 'react-i18next';
 import { CaptchaWaveIcon } from '@dynamic-labs/iconic';
 import '@dynamic-labs/utils';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../components/Alert/Alert.js';
 import 'react';
-import '../../events/dynamicEvents.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
+import '../../components/Alert/Alert.js';
+import '../../events/dynamicEvents.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../store/state/authMode/authMode.js';
 import { useCaptchaContext } from '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs

@@ -7,24 +7,24 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../components/Alert/Alert.cjs');
 require('react');
-require('../../events/dynamicEvents.cjs');
+var checkConnection = require('../../shared/assets/check-connection.cjs');
+require('@dynamic-labs/iconic');
+require('../../context/ViewContext/ViewContext.cjs');
 require('../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/utils');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-var checkConnection = require('../../shared/assets/check-connection.cjs');
-require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
+require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../store/state/authMode/authMode.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/views/CollectUserDataView/CollectUserDataView.js

@@ -3,24 +3,24 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../components/Alert/Alert.js';
 import 'react';
-import '../../events/dynamicEvents.js';
+import { ReactComponent as SvgCheckConnection } from '../../shared/assets/check-connection.js';
+import '@dynamic-labs/iconic';
+import '../../context/ViewContext/ViewContext.js';
 import '../../../../_virtual/_tslib.js';
-import '@dynamic-labs/utils';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
-import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import { ReactComponent as SvgCheckConnection } from '../../shared/assets/check-connection.js';
-import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
+import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
+import '../../components/Alert/Alert.js';
+import '../../events/dynamicEvents.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../store/state/authMode/authMode.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs

@@ -9,20 +9,21 @@ var React = require('react');
 var formik = require('formik');
 require('@dynamic-labs/utils');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-var Alert = require('../../../components/Alert/Alert.cjs');
-require('../../../events/dynamicEvents.cjs');
-require('../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('react-i18next');
+require('@dynamic-labs/iconic');
+require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
 var fields = require('../../../utils/constants/fields.cjs');
 require('../../../shared/consts/index.cjs');
+var Alert = require('../../../components/Alert/Alert.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../../store/state/authMode/authMode.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -57,7 +58,6 @@ require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../store/state/walletOptions/walletOptions.cjs');
 require('../../../context/MockContext/MockContext.cjs');
-require('react-i18next');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js

@@ -5,20 +5,21 @@ import { useCallback, useMemo } from 'react';
 import { Formik, Form } from 'formik';
 import '@dynamic-labs/utils';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import { Alert } from '../../../components/Alert/Alert.js';
-import '../../../events/dynamicEvents.js';
-import '../../../context/DynamicContext/DynamicContext.js';
-import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import 'react-i18next';
+import '@dynamic-labs/iconic';
+import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
-import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import { NAME_SERVICE_FIELD_NAME } from '../../../utils/constants/fields.js';
 import '../../../shared/consts/index.js';
+import { Alert } from '../../../components/Alert/Alert.js';
+import '../../../events/dynamicEvents.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../../store/state/authMode/authMode.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
@@ -53,7 +54,6 @@ import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../store/state/walletOptions/walletOptions.js';
 import '../../../context/MockContext/MockContext.js';
-import 'react-i18next';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/Transition/ZoomTransition/ZoomTransition.js';

package/src/lib/views/CollectUserDataView/UserDataFields/UserField/UserField.cjs

@@ -8,20 +8,21 @@ var formik = require('formik');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 require('@dynamic-labs/utils');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../../components/Alert/Alert.cjs');
+require('react-i18next');
 require('react');
-require('../../../../events/dynamicEvents.cjs');
+require('@dynamic-labs/iconic');
+require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
-require('../../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 var index = require('../../../../shared/consts/index.cjs');
+require('../../../../components/Alert/Alert.cjs');
+require('../../../../events/dynamicEvents.cjs');
+require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../../../store/state/authMode/authMode.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
@@ -57,7 +58,6 @@ require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../store/state/walletOptions/walletOptions.cjs');
-require('react-i18next');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/views/CollectUserDataView/UserDataFields/UserField/UserField.js

@@ -4,20 +4,21 @@ import { Field } from 'formik';
 import { CustomFieldType } from '@dynamic-labs/sdk-api-core';
 import '@dynamic-labs/utils';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../../components/Alert/Alert.js';
+import 'react-i18next';
 import 'react';
-import '../../../../events/dynamicEvents.js';
+import '@dynamic-labs/iconic';
+import '../../../../context/ViewContext/ViewContext.js';
 import '../../../../../../_virtual/_tslib.js';
-import '../../../../context/DynamicContext/DynamicContext.js';
-import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../../../shared/logger.js';
-import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import { countryCodes, teamNames, tShirtSizes } from '../../../../shared/consts/index.js';
+import '../../../../components/Alert/Alert.js';
+import '../../../../events/dynamicEvents.js';
+import '../../../../context/DynamicContext/DynamicContext.js';
+import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../../../store/state/authMode/authMode.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
@@ -53,7 +54,6 @@ import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../store/state/walletOptions/walletOptions.js';
-import 'react-i18next';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';

package/src/lib/views/CollectUserDataView/UserDataFields/UserPhoneField/UserPhoneField.cjs

@@ -7,20 +7,21 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 require('@dynamic-labs/utils');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../../components/Alert/Alert.cjs');
-require('../../../../events/dynamicEvents.cjs');
+require('react-i18next');
+require('@dynamic-labs/iconic');
+require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
-require('../../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/consts/index.cjs');
+require('../../../../components/Alert/Alert.cjs');
+require('../../../../events/dynamicEvents.cjs');
+require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../../../store/state/authMode/authMode.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -60,7 +61,6 @@ var FieldsStateContext = require('../../../../context/FieldsStateContext/FieldsS
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../store/state/walletOptions/walletOptions.cjs');
-require('react-i18next');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/views/CollectUserDataView/UserDataFields/UserPhoneField/UserPhoneField.js

@@ -3,20 +3,21 @@ import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import '@dynamic-labs/utils';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../../components/Alert/Alert.js';
-import '../../../../events/dynamicEvents.js';
+import 'react-i18next';
+import '@dynamic-labs/iconic';
+import '../../../../context/ViewContext/ViewContext.js';
 import '../../../../../../_virtual/_tslib.js';
-import '../../../../context/DynamicContext/DynamicContext.js';
-import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
-import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/consts/index.js';
+import '../../../../components/Alert/Alert.js';
+import '../../../../events/dynamicEvents.js';
+import '../../../../context/DynamicContext/DynamicContext.js';
+import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../../../store/state/authMode/authMode.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
@@ -56,7 +57,6 @@ import { useFieldsState } from '../../../../context/FieldsStateContext/FieldsSta
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../store/state/walletOptions/walletOptions.js';
-import 'react-i18next';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';