@dynamic-labs/sdk-react-core 2.1.0-alpha.2 → 2.1.0-alpha.20

package/src/lib/context/ErrorBoundary/ErrorBoundaryBase.d.ts

@@ -0,0 +1,14 @@
+import { Component, PropsWithChildren } from 'react';
+import { ErrorBoundaryState } from './types';
+import { ErrorBoundaryContext } from './ErrorBoundaryContext';
+export declare abstract class ErrorBoundaryBase extends Component<PropsWithChildren<any>, ErrorBoundaryState> {
+    static contextType: import("react").Context<import("./types").ErrorBoundaryContextType | null>;
+    context: React.ContextType<typeof ErrorBoundaryContext>;
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+        hasError: boolean;
+    };
+    renderOrError<T>(children: T, { isDynamicSdkError }: {
+        isDynamicSdkError: boolean;
+    }): T | JSX.Element;
+}

package/src/lib/context/ErrorBoundary/ErrorBoundaryBase.js

@@ -0,0 +1,36 @@
+'use client'
+import { Component, createElement } from 'react';
+import '@dynamic-labs/sdk-api-core';
+import { logger } from '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
+import '../../shared/consts/index.js';
+import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
+import { ErrorBoundaryContext, assertErrorBoundaryContext } from './ErrorBoundaryContext.js';
+
+class ErrorBoundaryBase extends Component {
+    static getDerivedStateFromError(error) {
+        return { error, hasError: true };
+    }
+    renderOrError(children, { isDynamicSdkError }) {
+        try {
+            assertErrorBoundaryContext(this.context);
+            this.context.isDynamicSdkError = isDynamicSdkError;
+        }
+        catch (e) {
+            logger.error(e);
+            return createElement(ErrorContainer, null, 'ErrorBoundary must be used within ErrorBoundaryContext');
+        }
+        return children;
+    }
+}
+ErrorBoundaryBase.contextType = ErrorBoundaryContext;
+
+export { ErrorBoundaryBase };

package/src/lib/context/ErrorBoundary/ErrorBoundaryContext.cjs

@@ -0,0 +1,24 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/* eslint-disable prefer-arrow/prefer-arrow-functions */
+const ERROR_BOUNDARY_CONTEXT_NOT_FOUND = 'ERROR_BOUNDARY_CONTEXT_NOT_FOUND';
+const ErrorBoundaryContext = React.createContext(null);
+function assertErrorBoundaryContext(value) {
+    if (value === null ||
+        typeof value.hasError !== 'boolean' ||
+        typeof value.error !== 'object' ||
+        typeof value.isDynamicSdkError !== 'boolean') {
+        const error = new Error('ErrorBoundaryContext not found');
+        error.cause = ERROR_BOUNDARY_CONTEXT_NOT_FOUND;
+        throw error;
+    }
+}
+
+exports.ERROR_BOUNDARY_CONTEXT_NOT_FOUND = ERROR_BOUNDARY_CONTEXT_NOT_FOUND;
+exports.ErrorBoundaryContext = ErrorBoundaryContext;
+exports.assertErrorBoundaryContext = assertErrorBoundaryContext;

package/src/lib/context/ErrorBoundary/ErrorBoundaryContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ErrorBoundaryContextType } from './types';
+export declare const ERROR_BOUNDARY_CONTEXT_NOT_FOUND = "ERROR_BOUNDARY_CONTEXT_NOT_FOUND";
+export declare const ErrorBoundaryContext: import("react").Context<ErrorBoundaryContextType | null>;
+export declare function assertErrorBoundaryContext(value: any): asserts value is ErrorBoundaryContextType;

package/src/lib/context/ErrorBoundary/ErrorBoundaryContext.js

@@ -0,0 +1,18 @@
+'use client'
+import { createContext } from 'react';
+
+/* eslint-disable prefer-arrow/prefer-arrow-functions */
+const ERROR_BOUNDARY_CONTEXT_NOT_FOUND = 'ERROR_BOUNDARY_CONTEXT_NOT_FOUND';
+const ErrorBoundaryContext = createContext(null);
+function assertErrorBoundaryContext(value) {
+    if (value === null ||
+        typeof value.hasError !== 'boolean' ||
+        typeof value.error !== 'object' ||
+        typeof value.isDynamicSdkError !== 'boolean') {
+        const error = new Error('ErrorBoundaryContext not found');
+        error.cause = ERROR_BOUNDARY_CONTEXT_NOT_FOUND;
+        throw error;
+    }
+}
+
+export { ERROR_BOUNDARY_CONTEXT_NOT_FOUND, ErrorBoundaryContext, assertErrorBoundaryContext };

package/src/lib/context/ErrorBoundary/ErrorBoundaryExclude.cjs

@@ -0,0 +1,17 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ErrorBoundaryBase = require('./ErrorBoundaryBase.cjs');
+
+class ErrorBoundaryExclude extends ErrorBoundaryBase.ErrorBoundaryBase {
+    render() {
+        const { children } = this.props;
+        return this.renderOrError(children, {
+            isDynamicSdkError: false,
+        });
+    }
+}
+
+exports.ErrorBoundaryExclude = ErrorBoundaryExclude;

package/src/lib/context/ErrorBoundary/ErrorBoundaryExclude.d.ts

@@ -0,0 +1,4 @@
+import { ErrorBoundaryBase } from './ErrorBoundaryBase';
+export declare class ErrorBoundaryExclude extends ErrorBoundaryBase {
+    render(): any;
+}

package/src/lib/context/ErrorBoundary/ErrorBoundaryExclude.js

@@ -0,0 +1,13 @@
+'use client'
+import { ErrorBoundaryBase } from './ErrorBoundaryBase.js';
+
+class ErrorBoundaryExclude extends ErrorBoundaryBase {
+    render() {
+        const { children } = this.props;
+        return this.renderOrError(children, {
+            isDynamicSdkError: false,
+        });
+    }
+}
+
+export { ErrorBoundaryExclude };

package/src/lib/context/ErrorBoundary/ErrorBoundaryInclude.cjs

@@ -0,0 +1,17 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ErrorBoundaryBase = require('./ErrorBoundaryBase.cjs');
+
+class ErrorBoundaryInclude extends ErrorBoundaryBase.ErrorBoundaryBase {
+    render() {
+        const { children } = this.props;
+        return this.renderOrError(children, {
+            isDynamicSdkError: true,
+        });
+    }
+}
+
+exports.ErrorBoundaryInclude = ErrorBoundaryInclude;

package/src/lib/context/ErrorBoundary/ErrorBoundaryInclude.d.ts

@@ -0,0 +1,4 @@
+import { ErrorBoundaryBase } from './ErrorBoundaryBase';
+export declare class ErrorBoundaryInclude extends ErrorBoundaryBase {
+    render(): any;
+}

package/src/lib/context/ErrorBoundary/ErrorBoundaryInclude.js

@@ -0,0 +1,13 @@
+'use client'
+import { ErrorBoundaryBase } from './ErrorBoundaryBase.js';
+
+class ErrorBoundaryInclude extends ErrorBoundaryBase {
+    render() {
+        const { children } = this.props;
+        return this.renderOrError(children, {
+            isDynamicSdkError: true,
+        });
+    }
+}
+
+export { ErrorBoundaryInclude };

package/src/lib/context/ErrorBoundary/index.d.ts

@@ -0,0 +1,3 @@
+export { ErrorBoundary } from './ErrorBoundary';
+export { ErrorBoundaryExclude } from './ErrorBoundaryExclude';
+export { ErrorBoundaryInclude } from './ErrorBoundaryInclude';

package/src/lib/context/ErrorBoundary/types.d.ts

@@ -0,0 +1,13 @@
+import { ErrorInfo, PropsWithChildren } from 'react';
+export type ErrorBoundaryProps = PropsWithChildren<{
+    onError?: (error: Error, info: ErrorInfo) => void;
+}>;
+export type ErrorBoundaryState = {
+    hasError: boolean;
+    error: Error | null;
+};
+export type ErrorBoundaryContextType = {
+    hasError: boolean;
+    error: any;
+    isDynamicSdkError: boolean;
+};

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -18,18 +18,18 @@ require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('../../shared/consts/index.cjs');
 require('../../config/ApiEndpoint.cjs');
-var onramp = require('../../data/api/onramp/onramp.cjs');
-require('../../locale/locale.cjs');
-require('../DynamicContext/DynamicContext.cjs');
-require('../../events/dynamicEvents.cjs');
-require('../CaptchaContext/CaptchaContext.cjs');
-require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var isOnrampProvider = require('../../utils/functions/isOnrampProvider/isOnrampProvider.cjs');
 var getWalletAdditionalAddressByType = require('../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.cjs');
 require('viem');
 require('viem/chains');
+var onramp = require('../../data/api/onramp/onramp.cjs');
+require('../../locale/locale.cjs');
+require('../DynamicContext/DynamicContext.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../CaptchaContext/CaptchaContext.cjs');
+require('../ErrorContext/ErrorContext.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../UserWalletsContext/UserWalletsContext.cjs');
@@ -38,13 +38,17 @@ require('react-dom');
 require('../WalletContext/WalletContext.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../MockContext/MockContext.cjs');
-require('react-i18next');
-require('../FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -62,11 +66,11 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../FieldsStateContext/FieldsStateContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../LoadingContext/LoadingContext.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');

package/src/lib/context/FundingContext/FundingContext.js

@@ -14,18 +14,18 @@ import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import '../../shared/consts/index.js';
 import '../../config/ApiEndpoint.js';
-import { getOnrampProviders } from '../../data/api/onramp/onramp.js';
-import '../../locale/locale.js';
-import '../DynamicContext/DynamicContext.js';
-import '../../events/dynamicEvents.js';
-import '../CaptchaContext/CaptchaContext.js';
-import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { isOnrampProvider } from '../../utils/functions/isOnrampProvider/isOnrampProvider.js';
 import { getWalletAdditionalAddressByType } from '../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.js';
 import 'viem';
 import 'viem/chains';
+import { getOnrampProviders } from '../../data/api/onramp/onramp.js';
+import '../../locale/locale.js';
+import '../DynamicContext/DynamicContext.js';
+import '../../events/dynamicEvents.js';
+import '../CaptchaContext/CaptchaContext.js';
+import '../ErrorContext/ErrorContext.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../UserWalletsContext/UserWalletsContext.js';
@@ -34,13 +34,17 @@ import 'react-dom';
 import '../WalletContext/WalletContext.js';
 import '../ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../LoadingContext/LoadingContext.js';
 import 'yup';
 import '../MockContext/MockContext.js';
-import 'react-i18next';
-import '../FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
@@ -58,11 +62,11 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../FieldsStateContext/FieldsStateContext.js';
 import '../../views/WalletList/WalletList.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../LoadingContext/LoadingContext.js';
 import '../FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../WalletGroupContext/WalletGroupContext.js';

package/src/lib/context/LoadingContext/LoadingContext.cjs

@@ -38,11 +38,14 @@ require('../ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('../MockContext/MockContext.cjs');
-require('react-i18next');
-require('../FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -60,6 +63,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../FieldsStateContext/FieldsStateContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');

package/src/lib/context/LoadingContext/LoadingContext.js

@@ -34,11 +34,14 @@ import '../ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
 import '../MockContext/MockContext.js';
-import 'react-i18next';
-import '../FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
@@ -56,6 +59,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../FieldsStateContext/FieldsStateContext.js';
 import '../../views/WalletList/WalletList.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';

package/src/lib/context/MockContext/MockContext.cjs

@@ -36,12 +36,16 @@ require('../VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../WalletContext/WalletContext.cjs');
 require('@dynamic-labs/types');
+require('../LoadingContext/LoadingContext.cjs');
 require('yup');
-require('react-i18next');
-require('../FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 var DynamicAuthModal = require('../../modals/DynamicAuthModal/DynamicAuthModal.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -54,6 +58,7 @@ require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../FieldsStateContext/FieldsStateContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -66,7 +71,6 @@ require('../../views/WalletList/WalletList.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../LoadingContext/LoadingContext.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 var index$1 = require('./constants/index.cjs');

package/src/lib/context/MockContext/MockContext.js

@@ -32,12 +32,16 @@ import '../VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../WalletContext/WalletContext.js';
 import '@dynamic-labs/types';
+import '../LoadingContext/LoadingContext.js';
 import 'yup';
-import 'react-i18next';
-import '../FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import { DynamicAuthModal } from '../../modals/DynamicAuthModal/DynamicAuthModal.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/IconButton/IconButton.js';
@@ -50,6 +54,7 @@ import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
+import '../FieldsStateContext/FieldsStateContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
@@ -62,7 +67,6 @@ import '../../views/WalletList/WalletList.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../LoadingContext/LoadingContext.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import { walletBookMock } from './constants/index.js';

package/src/lib/context/PasskeyContext/PasskeyContext.cjs

@@ -43,13 +43,17 @@ var useIsTurnkeyWallet = require('../../utils/hooks/useIsTurnkeyWallet/useIsTurn
 var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../MockContext/MockContext.cjs');
-require('react-i18next');
-require('../FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -67,11 +71,11 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../FieldsStateContext/FieldsStateContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../LoadingContext/LoadingContext.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
@@ -122,7 +126,6 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
     const getUserPasskeysResult = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const data = yield embeddedWallets.getUserPasskeys({
             environmentId: environmentId,
-            userJwt: userJwt,
         });
         return data.passkeys;
     }), {
@@ -134,7 +137,7 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
         if (typeof window === 'undefined') {
             return false;
         }
-        const { location: { hostname }, } = window;
+        const hostname = utils.LocationService.getHostname();
         if (!getUserPasskeysResult.data)
             return false;
         return getUserPasskeysResult.data.some((passkey) => {

package/src/lib/context/PasskeyContext/PasskeyContext.js

@@ -2,7 +2,7 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useMemo, useCallback } from 'react';
-import { getTLD } from '@dynamic-labs/utils';
+import { LocationService, getTLD } from '@dynamic-labs/utils';
 import '../../events/dynamicEvents.js';
 import '../DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
@@ -39,13 +39,17 @@ import { useIsTurnkeyWallet } from '../../utils/hooks/useIsTurnkeyWallet/useIsTu
 import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '../ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../LoadingContext/LoadingContext.js';
 import 'yup';
 import '../MockContext/MockContext.js';
-import 'react-i18next';
-import '../FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
@@ -63,11 +67,11 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../FieldsStateContext/FieldsStateContext.js';
 import '../../views/WalletList/WalletList.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../LoadingContext/LoadingContext.js';
 import '../FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../WalletGroupContext/WalletGroupContext.js';
@@ -118,7 +122,6 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
     const getUserPasskeysResult = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
         const data = yield getUserPasskeys({
             environmentId: environmentId,
-            userJwt: userJwt,
         });
         return data.passkeys;
     }), {
@@ -130,7 +133,7 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
         if (typeof window === 'undefined') {
             return false;
         }
-        const { location: { hostname }, } = window;
+        const hostname = LocationService.getHostname();
         if (!getUserPasskeysResult.data)
             return false;
         return getUserPasskeysResult.data.some((passkey) => {

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.cjs

@@ -35,13 +35,17 @@ require('react-dom');
 require('../WalletContext/WalletContext.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../MockContext/MockContext.cjs');
-require('react-i18next');
-require('../FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -59,11 +63,11 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../FieldsStateContext/FieldsStateContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../LoadingContext/LoadingContext.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.js

@@ -31,13 +31,17 @@ import 'react-dom';
 import '../WalletContext/WalletContext.js';
 import '../ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../LoadingContext/LoadingContext.js';
 import 'yup';
 import '../MockContext/MockContext.js';
-import 'react-i18next';
-import '../FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
@@ -55,11 +59,11 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../FieldsStateContext/FieldsStateContext.js';
 import '../../views/WalletList/WalletList.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../LoadingContext/LoadingContext.js';
 import '../FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../WalletGroupContext/WalletGroupContext.js';