@dynamic-labs/sdk-react-core 2.0.6 → 2.0.8

package/src/lib/views/SmsVerification/useSmsVerification/useSmsVerification.cjs

@@ -97,13 +97,16 @@ const useSmsVerification = (type) => {
     /** Whether verification was successfully performed */
     const isValidatedRef = React.useRef(false);
     useOnUnmount.useOnUnmount(() => {
-        dynamicEvents.dynamicEvents.emit('smsVerificationResult', isValidatedRef.current, retryData !== null && retryData !== void 0 ? retryData : {
+        const phone = retryData !== null && retryData !== void 0 ? retryData : {
             dialCode: '',
             iso2: '',
             phone: '',
-        });
+        };
         if (!retryData)
             logger.logger.warn('WARNING: emitted smsVerificationResult with incomplete params because retryData was undefined');
+        dynamicEvents.dynamicEvents.emit('smsVerificationResult', isValidatedRef.current, phone);
+        if (!isValidatedRef.current)
+            dynamicEvents.dynamicEvents.emit('authFailure', { option: phone, type: 'sms' }, 'user-cancelled');
     });
     const retryOneTimePassword = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setError(undefined);

package/src/lib/views/SmsVerification/useSmsVerification/useSmsVerification.js

@@ -93,13 +93,16 @@ const useSmsVerification = (type) => {
     /** Whether verification was successfully performed */
     const isValidatedRef = useRef(false);
     useOnUnmount(() => {
-        dynamicEvents.emit('smsVerificationResult', isValidatedRef.current, retryData !== null && retryData !== void 0 ? retryData : {
+        const phone = retryData !== null && retryData !== void 0 ? retryData : {
             dialCode: '',
             iso2: '',
             phone: '',
-        });
+        };
         if (!retryData)
             logger.warn('WARNING: emitted smsVerificationResult with incomplete params because retryData was undefined');
+        dynamicEvents.emit('smsVerificationResult', isValidatedRef.current, phone);
+        if (!isValidatedRef.current)
+            dynamicEvents.emit('authFailure', { option: phone, type: 'sms' }, 'user-cancelled');
     });
     const retryOneTimePassword = () => __awaiter(void 0, void 0, void 0, function* () {
         setError(undefined);

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

@@ -27,9 +27,9 @@ require('../../../locale/locale.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../events/dynamicEvents.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
-require('../../../events/dynamicEvents.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 var useKYCFlag = require('../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');

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

@@ -23,9 +23,9 @@ import '../../../locale/locale.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../events/dynamicEvents.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
-import '../../../events/dynamicEvents.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import { useKYCFlag } from '../../../utils/hooks/useKYCFlag/useKYCFlag.js';

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

@@ -53,8 +53,7 @@ require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-var Modal = require('../../../../components/Modal/Modal.cjs');
-require('react-focus-lock');
+var PromptModal = require('../../components/PromptModal/PromptModal.cjs');
 var WidgetPortal = require('../../components/WidgetPortal/WidgetPortal.cjs');
 var useCloseMultiWalletPrompt = require('../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.cjs');
 var DefaultPromptModal = require('../DefaultPromptModal/DefaultPromptModal.cjs');
@@ -74,6 +73,7 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
 require('qrcode');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -97,7 +97,7 @@ const PendingConnectionContent = () => {
     return (jsxRuntime.jsx(DefaultPromptModal.DefaultPromptLayout, { dataTestId: 'pending-connection-modal', icon: jsxRuntime.jsx(AuthProviderIcon.AuthProviderIcon // eslint-disable-line
         , { jwt: authToken, wallet: selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet }), title: title, children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: description }) }));
 };
-const PendingConnectionModal = () => (jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(PendingConnectionContent, {}) }));
+const PendingConnectionModal = () => (jsxRuntime.jsx(PromptModal.PromptModal, { onClose: useCloseMultiWalletPrompt.useCloseMultiWalletPrompt, children: jsxRuntime.jsx(PendingConnectionContent, {}) }));
 const PendingConnectionWidgetPortal = () => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { onClose: useCloseMultiWalletPrompt.useCloseMultiWalletPrompt(), children: jsxRuntime.jsx(PendingConnectionContent, {}) }));
 
 exports.PendingConnectionModal = PendingConnectionModal;

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

@@ -49,8 +49,7 @@ import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.j
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import { Modal } from '../../../../components/Modal/Modal.js';
-import 'react-focus-lock';
+import { PromptModal } from '../../components/PromptModal/PromptModal.js';
 import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
 import { useCloseMultiWalletPrompt } from '../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.js';
 import { DefaultPromptLayout } from '../DefaultPromptModal/DefaultPromptModal.js';
@@ -70,6 +69,7 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
 import 'qrcode';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -93,7 +93,7 @@ const PendingConnectionContent = () => {
     return (jsx(DefaultPromptLayout, { dataTestId: 'pending-connection-modal', icon: jsx(AuthProviderIcon // eslint-disable-line
         , { jwt: authToken, wallet: selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet }), title: title, children: jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: description }) }));
 };
-const PendingConnectionModal = () => (jsx(Modal, { children: jsx(PendingConnectionContent, {}) }));
+const PendingConnectionModal = () => (jsx(PromptModal, { onClose: useCloseMultiWalletPrompt, children: jsx(PendingConnectionContent, {}) }));
 const PendingConnectionWidgetPortal = () => (jsx(WidgetPortal, { onClose: useCloseMultiWalletPrompt(), children: jsx(PendingConnectionContent, {}) }));
 
 export { PendingConnectionModal, PendingConnectionWidgetPortal };