@dynamic-labs/sdk-react-core 2.1.0-alpha.26 → 2.1.0-alpha.28

package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedWidget.js

@@ -1,10 +1,92 @@
 'use client'
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import '../../context/DynamicContext/DynamicContext.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/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
+import '../../shared/consts/index.js';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
+import 'viem/chains';
+import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
+import '../../locale/locale.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../context/WalletContext/WalletContext.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../../views/CollectUserDataView/useFields.js';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
+import '../../components/Alert/Alert.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/Input/Input.js';
+import '../../components/IsBrowser/IsBrowser.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../../views/WalletList/WalletList.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/FooterAnimationContext/index.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../context/MfaSettingsContext/MfaSettingsContext.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../DynamicWidget/context/DynamicWidgetContext.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import { DynamicEmbeddedAuthFlow } from './DynamicEmbeddedAuthFlow/DynamicEmbeddedAuthFlow.js';
 import { DynamicEmbeddedUserProfile } from './DynamicEmbeddedUserProfile/DynamicEmbeddedUserProfile.js';
 
-const DynamicEmbeddedWidget = ({ background = 'none', className, style, }) => (
-// Only one of these 2 show at any given time, due these components' own definitions
-jsxs(Fragment, { children: [jsx(DynamicEmbeddedAuthFlow, { background: background, className: className, style: style }), jsx(DynamicEmbeddedUserProfile, { background: background, className: className, style: style })] }));
+const DynamicEmbeddedWidget = ({ background = 'none', className, style, }) => {
+    const { setDynamicWidgetHasLoaded } = useInternalDynamicContext();
+    useEffect(() => {
+        setDynamicWidgetHasLoaded(true);
+        return () => {
+            setDynamicWidgetHasLoaded(false);
+        };
+    }, [setDynamicWidgetHasLoaded]);
+    return (
+    // Only one of these 2 show at any given time, due these components' own definitions
+    jsxs(Fragment, { children: [jsx(DynamicEmbeddedAuthFlow, { background: background, className: className, style: style }), jsx(DynamicEmbeddedUserProfile, { background: background, className: className, style: style })] }));
+};
 
 export { DynamicEmbeddedWidget };

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

@@ -84,7 +84,7 @@ var DynamicNav = require('./components/DynamicNav/DynamicNav.cjs');
 var DynamicUserProfile = require('./components/DynamicUserProfile/DynamicUserProfile.cjs');
 
 const DynamicWidget = ({ buttonContainerClassName = '', buttonClassName = '', innerButtonComponent, variant = 'modal', }) => {
-    const { showAuthFlow, setShowDynamicUserProfile } = useInternalDynamicContext.useInternalDynamicContext();
+    const { showAuthFlow, setShowDynamicUserProfile, setDynamicWidgetHasLoaded } = useInternalDynamicContext.useInternalDynamicContext();
     const { widgetRef, inlineControlsRef } = DynamicWidgetContext.useWidgetContext();
     const { t } = reactI18next.useTranslation();
     if (!innerButtonComponent) {
@@ -101,6 +101,12 @@ const DynamicWidget = ({ buttonContainerClassName = '', buttonClassName = '', in
     }, [inlineControlsRef, variant, showAuthFlow, setShowDynamicUserProfile]);
     index.useOnClickOutside(widgetRef, closeOnOutsideClick);
     const showDynamicConnectButton = !useIsLoggedIn.useIsLoggedIn();
+    React.useEffect(() => {
+        setDynamicWidgetHasLoaded(true);
+        return () => {
+            setDynamicWidgetHasLoaded(false);
+        };
+    }, [setDynamicWidgetHasLoaded]);
     return (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { className: 'dynamic-widget__container', id: 'dynamic-widget', children: showDynamicConnectButton ? (jsxRuntime.jsx(DynamicConnectButton.DynamicConnectButton, { buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, copykey: 'dyn_widget.connect', children: innerButtonComponent })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DynamicNav.DynamicNav, {}), jsxRuntime.jsx(DynamicUserProfile.DynamicUserProfile, { variant: variant })] })) }));
 };
 

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

@@ -1,6 +1,6 @@
 'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useCallback } from 'react';
+import { useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
@@ -80,7 +80,7 @@ import { DynamicNav } from './components/DynamicNav/DynamicNav.js';
 import { DynamicUserProfile } from './components/DynamicUserProfile/DynamicUserProfile.js';
 
 const DynamicWidget = ({ buttonContainerClassName = '', buttonClassName = '', innerButtonComponent, variant = 'modal', }) => {
-    const { showAuthFlow, setShowDynamicUserProfile } = useInternalDynamicContext();
+    const { showAuthFlow, setShowDynamicUserProfile, setDynamicWidgetHasLoaded } = useInternalDynamicContext();
     const { widgetRef, inlineControlsRef } = useWidgetContext();
     const { t } = useTranslation();
     if (!innerButtonComponent) {
@@ -97,6 +97,12 @@ const DynamicWidget = ({ buttonContainerClassName = '', buttonClassName = '', in
     }, [inlineControlsRef, variant, showAuthFlow, setShowDynamicUserProfile]);
     useOnClickOutside(widgetRef, closeOnOutsideClick);
     const showDynamicConnectButton = !useIsLoggedIn();
+    useEffect(() => {
+        setDynamicWidgetHasLoaded(true);
+        return () => {
+            setDynamicWidgetHasLoaded(false);
+        };
+    }, [setDynamicWidgetHasLoaded]);
     return (jsx(ShadowDOM, { className: 'dynamic-widget__container', id: 'dynamic-widget', children: showDynamicConnectButton ? (jsx(DynamicConnectButton, { buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, copykey: 'dyn_widget.connect', children: innerButtonComponent })) : (jsxs(Fragment, { children: [jsx(DynamicNav, {}), jsx(DynamicUserProfile, { variant: variant })] })) }));
 };
 

package/src/lib/components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.d.ts

@@ -1 +0,0 @@
-export declare const SyncEmbeddedWalletAuthFlow: () => null;

package/src/lib/components/SyncEmbeddedWalletAuthFlow/index.d.ts

@@ -1 +0,0 @@
-export { SyncEmbeddedWalletAuthFlow } from './SyncEmbeddedWalletAuthFlow';

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

@@ -1 +0,0 @@
-export { updateJWTAndCreateUserProfile } from './updateJWTAndCreateUserProfile';

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

@@ -1,20 +0,0 @@
-'use client'
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('@dynamic-labs/utils');
-var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
-var createUserProfile = require('../createUserProfile/createUserProfile.cjs');
-var index = require('../storeAuthToken/index.cjs');
-
-const updateJWTAndCreateUserProfile = (jwt, minJwt) => {
-    const decodedJWT = decodeJwt.decodeJwt(jwt);
-    if (!jwt || !decodedJWT || !minJwt) {
-        throw new utils.DynamicError('Invalid session');
-    }
-    index.storeAuthToken(jwt, minJwt);
-    return createUserProfile.createUserProfile(decodedJWT);
-};
-
-exports.updateJWTAndCreateUserProfile = updateJWTAndCreateUserProfile;

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

@@ -1 +0,0 @@
-export declare const updateJWTAndCreateUserProfile: (jwt: string | undefined, minJwt: string | undefined) => import("dist/packages/types/src").UserProfile;

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

@@ -1,16 +0,0 @@
-'use client'
-import { DynamicError } from '@dynamic-labs/utils';
-import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
-import { createUserProfile } from '../createUserProfile/createUserProfile.js';
-import { storeAuthToken } from '../storeAuthToken/index.js';
-
-const updateJWTAndCreateUserProfile = (jwt, minJwt) => {
-    const decodedJWT = decodeJwt(jwt);
-    if (!jwt || !decodedJWT || !minJwt) {
-        throw new DynamicError('Invalid session');
-    }
-    storeAuthToken(jwt, minJwt);
-    return createUserProfile(decodedJWT);
-};
-
-export { updateJWTAndCreateUserProfile };

package/src/lib/utils/hooks/useCreateUserProfileByJWTCallback/index.d.ts

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

package/src/lib/utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.d.ts

@@ -1,3 +0,0 @@
-export declare const useCreateUserProfileByJWTCallback: () => {
-    createUserProfileByJWT: (jwt: string, minifiedJwt: string) => Promise<void>;
-};