@dynamic-labs/sdk-react-core 3.0.0-alpha.8 → 3.0.0-alpha.9

package/CHANGELOG.md

@@ -1,4 +1,6 @@
 
+## [3.0.0-alpha.9](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.8...v3.0.0-alpha.9) (2024-06-21)
+
 ## [3.0.0-alpha.8](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.7...v3.0.0-alpha.8) (2024-06-21)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.8";
+var version = "3.0.0-alpha.9";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.470",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.0.0-alpha.8";
+var version = "3.0.0-alpha.9";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.470",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.0.0-alpha.8",
+  "version": "3.0.0-alpha.9",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,15 +17,15 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.0.0-alpha.8",
-    "@dynamic-labs/logger": "3.0.0-alpha.8",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.8",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.8",
-    "@dynamic-labs/store": "3.0.0-alpha.8",
-    "@dynamic-labs/types": "3.0.0-alpha.8",
-    "@dynamic-labs/utils": "3.0.0-alpha.8",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.8",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.8",
+    "@dynamic-labs/iconic": "3.0.0-alpha.9",
+    "@dynamic-labs/logger": "3.0.0-alpha.9",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.9",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.9",
+    "@dynamic-labs/store": "3.0.0-alpha.9",
+    "@dynamic-labs/types": "3.0.0-alpha.9",
+    "@dynamic-labs/utils": "3.0.0-alpha.9",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.9",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.9",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -116,6 +116,7 @@ var useEmbeddedWalletAuthenticator = require('./lib/utils/hooks/useEmbeddedWalle
 var useDynamicModals = require('./lib/utils/hooks/useDynamicModals/useDynamicModals.cjs');
 var useMfa = require('./lib/utils/hooks/useMfa/useMfa.cjs');
 var useTokenBalances = require('./lib/utils/hooks/useTokenBalances/useTokenBalances.cjs');
+var useExternalAuth = require('./lib/utils/hooks/useExternalAuth/useExternalAuth.cjs');
 var useRefreshUser = require('./lib/utils/hooks/useRefreshUser/useRefreshUser.cjs');
 var DynamicConnectButton = require('./lib/components/DynamicConnectButton/DynamicConnectButton.cjs');
 require('./lib/components/InlineWidget/InlineWidget.cjs');
@@ -218,6 +219,7 @@ exports.useEmbeddedWalletAuthenticator = useEmbeddedWalletAuthenticator.useEmbed
 exports.useDynamicModals = useDynamicModals.useDynamicModals;
 exports.useMfa = useMfa.useMfa;
 exports.useTokenBalances = useTokenBalances.useTokenBalances;
+exports.useExternalAuth = useExternalAuth.useExternalAuth;
 exports.useRefreshUser = useRefreshUser.useRefreshUser;
 exports.DynamicConnectButton = DynamicConnectButton.DynamicConnectButton;
 exports.IsBrowser = IsBrowser.IsBrowser;

package/src/index.d.ts

@@ -119,3 +119,4 @@ export { useConnectWithOtp } from './lib/context/ConnectWithOtpContext';
 export { useDynamicEvents } from './lib/utils/hooks/events/useDynamicEvents';
 export { useSwitchNetwork } from './lib/utils/hooks/useSwitchNetwork';
 export { useReinitialize } from './lib/context/ReinitializeContext';
+export { useExternalAuth } from './lib/utils/hooks/useExternalAuth';

package/src/index.js

@@ -112,6 +112,7 @@ export { useEmbeddedWalletAuthenticator } from './lib/utils/hooks/useEmbeddedWal
 export { useDynamicModals } from './lib/utils/hooks/useDynamicModals/useDynamicModals.js';
 export { useMfa } from './lib/utils/hooks/useMfa/useMfa.js';
 export { useTokenBalances } from './lib/utils/hooks/useTokenBalances/useTokenBalances.js';
+export { useExternalAuth } from './lib/utils/hooks/useExternalAuth/useExternalAuth.js';
 export { useRefreshUser } from './lib/utils/hooks/useRefreshUser/useRefreshUser.js';
 export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.js';
 import './lib/components/InlineWidget/InlineWidget.js';

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

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-export type Props = {
-    arrowIconClassName?: string;
-    className?: string;
-    destinationAddress: string;
-    originAddress: string;
-    textClassName?: string;
-    walletIconClassName?: string;
-    walletKey?: string;
-};
-export declare const TransactionOriginDestination: FC<Props>;

package/src/lib/data/api/externalAuth/externalAuth.cjs

@@ -0,0 +1,44 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var utils = require('@dynamic-labs/utils');
+require('@dynamic-labs/sdk-api-core');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../shared/utils/classes/storage/sessionStorage.cjs');
+require('../../../shared/consts/index.cjs');
+var storeAuthTokenAndUser = require('../../../store/utils/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs');
+var api = require('../api.cjs');
+
+const externalAuthSignin = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ environmentId, externalJwt, }) {
+    try {
+        const response = yield api.sdkApi().externalAuthSignin({
+            environmentId,
+            externalAuthSigninRequest: {
+                jwt: externalJwt,
+            },
+        });
+        return storeAuthTokenAndUser.storeAuthTokenAndUser(response);
+    }
+    catch (e) {
+        const data = yield e.json();
+        logger.logger.error('Error signing in with external JWT', data);
+        if (data.code === 'invalid_external_auth') {
+            throw new utils.ExternalAuthError(data.code);
+        }
+        throw new utils.DynamicError(data.error);
+    }
+});
+
+exports.externalAuthSignin = externalAuthSignin;

package/src/lib/data/api/externalAuth/externalAuth.js

@@ -0,0 +1,40 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { ExternalAuthError, DynamicError } from '@dynamic-labs/utils';
+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 '../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '../../../utils/constants/colors.js';
+import '../../../utils/constants/values.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import '../../../shared/utils/classes/storage/sessionStorage.js';
+import '../../../shared/consts/index.js';
+import { storeAuthTokenAndUser } from '../../../store/utils/storeAuthTokenAndUser/storeAuthTokenAndUser.js';
+import { sdkApi } from '../api.js';
+
+const externalAuthSignin = (_a) => __awaiter(void 0, [_a], void 0, function* ({ environmentId, externalJwt, }) {
+    try {
+        const response = yield sdkApi().externalAuthSignin({
+            environmentId,
+            externalAuthSigninRequest: {
+                jwt: externalJwt,
+            },
+        });
+        return storeAuthTokenAndUser(response);
+    }
+    catch (e) {
+        const data = yield e.json();
+        logger.error('Error signing in with external JWT', data);
+        if (data.code === 'invalid_external_auth') {
+            throw new ExternalAuthError(data.code);
+        }
+        throw new DynamicError(data.error);
+    }
+});
+
+export { externalAuthSignin };

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

@@ -0,0 +1,115 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/utils');
+require('@dynamic-labs/sdk-api-core');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../shared/utils/classes/storage/sessionStorage.cjs');
+require('../../../shared/consts/index.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('@dynamic-labs/store');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('react-i18next');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../components/Alert/Alert.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../components/Popper/Popper/Popper.cjs');
+require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../../views/WalletList/WalletList.cjs');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../../locale/locale.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var externalAuth = require('../../../data/api/externalAuth/externalAuth.cjs');
+
+const useExternalAuth = () => {
+    const { environmentId, setShowAuthFlow, setCallback } = useInternalDynamicContext.useInternalDynamicContext();
+    /**
+     * Uses a properly-conifigured non-Dynamic external JWT and user ID to sign-in to Dynamic.
+     * When successful, this should grant the user the ability to access Dynamic's functionality
+     * available to only signed-in users, such as wallet linking, etc.
+     *
+     * @param {string} props.externalJwt - JWT issued outside of Dynamic
+     * @param {string} props.externalUserId - User ID to identify the user outside of Dynamic
+     *
+     * @returns {UserProfile} - User profile for successfully signed in user
+     */
+    const signInWithExternalJwt = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ externalUserId, externalJwt, }) {
+        try {
+            const userProfile = yield externalAuth.externalAuthSignin({
+                environmentId,
+                externalJwt,
+            });
+            setCallback('authSuccess');
+            setShowAuthFlow(false);
+            return userProfile;
+        }
+        catch (e) {
+            dynamicEvents.dynamicEvents.emit('authFailure', {
+                externalUserId,
+                option: externalUserId,
+                type: 'externalAuth',
+            }, { error: e });
+            throw e;
+        }
+    });
+    return { signInWithExternalJwt };
+};
+
+exports.useExternalAuth = useExternalAuth;

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

@@ -0,0 +1,111 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/utils';
+import '@dynamic-labs/sdk-api-core';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import '../../../shared/utils/classes/storage/sessionStorage.js';
+import '../../../shared/consts/index.js';
+import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '@dynamic-labs/store';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.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 '../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/Accordion/components/AccordionItem/AccordionItem.js';
+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 '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../../locale/locale.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { externalAuthSignin } from '../../../data/api/externalAuth/externalAuth.js';
+
+const useExternalAuth = () => {
+    const { environmentId, setShowAuthFlow, setCallback } = useInternalDynamicContext();
+    /**
+     * Uses a properly-conifigured non-Dynamic external JWT and user ID to sign-in to Dynamic.
+     * When successful, this should grant the user the ability to access Dynamic's functionality
+     * available to only signed-in users, such as wallet linking, etc.
+     *
+     * @param {string} props.externalJwt - JWT issued outside of Dynamic
+     * @param {string} props.externalUserId - User ID to identify the user outside of Dynamic
+     *
+     * @returns {UserProfile} - User profile for successfully signed in user
+     */
+    const signInWithExternalJwt = (_a) => __awaiter(void 0, [_a], void 0, function* ({ externalUserId, externalJwt, }) {
+        try {
+            const userProfile = yield externalAuthSignin({
+                environmentId,
+                externalJwt,
+            });
+            setCallback('authSuccess');
+            setShowAuthFlow(false);
+            return userProfile;
+        }
+        catch (e) {
+            dynamicEvents.emit('authFailure', {
+                externalUserId,
+                option: externalUserId,
+                type: 'externalAuth',
+            }, { error: e });
+            throw e;
+        }
+    });
+    return { signInWithExternalJwt };
+};
+
+export { useExternalAuth };