@dynamic-labs/sdk-react-core 1.1.0-alpha.5 → 1.1.0-alpha.7

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

@@ -1,5 +1,6 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useLoadingContext } from '../../../../context/LoadingContext/LoadingContext.js';
 import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
@@ -27,7 +28,6 @@ import 'react-dom';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
-import 'react-i18next';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -43,6 +43,7 @@ import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import { PromptModal } from '../../components/PromptModal/PromptModal.js';
 import 'qrcode';
 import 'i18next';
 import '../../context/DynamicWidgetContext.js';
@@ -59,18 +60,24 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 
-const UnlinkWalletPopUp = ({ walletId }) => {
-    const { handleUnlinkWallet, eventsCallbacks, setSelectedWalletWithAction, user, authMode, } = useInternalDynamicContext();
+const UnlinkWalletPopUpContent = ({ onClickCancel, }) => {
+    var _a;
+    const { handleUnlinkWallet, eventsCallbacks, setSelectedWalletWithAction, user, authMode, selectedWalletWithAction, } = useInternalDynamicContext();
+    const { t } = useTranslation();
     const { loading, setLoading } = useLoadingContext();
+    const walletId = (_a = selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet) === null || _a === void 0 ? void 0 : _a.id;
+    if (!walletId) {
+        throw new Error('Wallet id is not defined');
+    }
     const onConfirmClick = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+        var _b;
         try {
             setLoading(true);
             yield handleUnlinkWallet(walletId);
             setSelectedWalletWithAction(null);
             const walletFromId = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((wallet) => wallet.id === walletId);
             if (walletFromId) {
-                (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUnlinkSuccess) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, walletFromId);
+                (_b = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUnlinkSuccess) === null || _b === void 0 ? void 0 : _b.call(eventsCallbacks, walletFromId);
             }
         }
         catch (error) {
@@ -80,16 +87,33 @@ const UnlinkWalletPopUp = ({ walletId }) => {
             setLoading(false);
         }
     });
+    return (jsxs("div", { className: 'unlink-wallet-popup__container', children: [jsx(Typography, { color: 'primary', className: 'unlink-wallet-popup__title', variant: 'body_normal', as: 'h6', children: authMode === 'connect-only'
+                    ? t('dyn_unlink_wallet_pop_up.disconnect_title')
+                    : t('dyn_unlink_wallet_pop_up.unlink_title') }), jsx(Typography, { className: 'unlink-wallet-popup__label', variant: 'body_small', color: 'secondary', children: authMode === 'connect-only'
+                    ? t('dyn_unlink_wallet_pop_up.disconnect_description')
+                    : t('dyn_unlink_wallet_pop_up.unlink_description') }), jsx(Button, { buttonPadding: 'small', onClick: onConfirmClick, disabled: loading, buttonClassName: 'unlink-wallet-popup__button unlink-wallet-popup__button--shadow', color: 'primary', expanded: true, typographyProps: {
+                    variant: 'button_secondary',
+                    weight: 'medium',
+                }, dataTestId: 'unlink-wallet-popup-yes-button', children: authMode === 'connect-only'
+                    ? t('dyn_unlink_wallet_pop_up.disconnect_button')
+                    : t('dyn_unlink_wallet_pop_up.unlink_button') }), jsx(Button, { expanded: true, buttonPadding: 'small', onClick: onClickCancel, buttonVariant: 'secondary', buttonClassName: 'unlink-wallet-popup__button', typographyProps: {
+                    variant: 'button_secondary',
+                    weight: 'medium',
+                }, children: t('dyn_unlink_wallet_pop_up.cancel_button') })] }));
+};
+const UnlinkWalletPopUpModal = () => {
+    const { setSelectedWalletWithAction } = useInternalDynamicContext();
+    const onCancelClick = () => {
+        setSelectedWalletWithAction(null);
+    };
+    return (jsx(PromptModal, { onClose: onCancelClick, children: jsx(UnlinkWalletPopUpContent, { onClickCancel: onCancelClick }) }));
+};
+const UnlinkWalletPopUpWidgetPortal = () => {
+    const { setSelectedWalletWithAction } = useInternalDynamicContext();
     const onCancelClick = () => {
         setSelectedWalletWithAction(null);
     };
-    return (jsx(WidgetPortal, { onBackdropClick: onCancelClick, children: jsxs("div", { className: 'unlink-wallet-popup__container', children: [jsxs(Typography, { color: 'primary', className: 'unlink-wallet-popup__title', variant: 'body_normal', as: 'h6', children: [authMode === 'connect-only' ? 'Disconnect' : 'Unlink', " your wallet?"] }), jsxs(Typography, { className: 'unlink-wallet-popup__label', variant: 'body_small', color: 'secondary', children: ["Are you sure you want to", ' ', authMode === 'connect-only' ? 'disconnect' : 'unlink', " your wallet?"] }), jsxs(Button, { buttonPadding: 'small', onClick: onConfirmClick, disabled: loading, buttonClassName: 'unlink-wallet-popup__button unlink-wallet-popup__button--shadow', color: 'primary', expanded: true, typographyProps: {
-                        variant: 'button_secondary',
-                        weight: 'medium',
-                    }, dataTestId: 'unlink-wallet-popup-yes-button', children: ["Yes, ", authMode === 'connect-only' ? 'disconnect' : 'unlink'] }), jsx(Button, { expanded: true, buttonPadding: 'small', onClick: onCancelClick, buttonVariant: 'secondary', buttonClassName: 'unlink-wallet-popup__button', typographyProps: {
-                        variant: 'button_secondary',
-                        weight: 'medium',
-                    }, children: "No" })] }) }));
+    return (jsx(WidgetPortal, { onBackdropClick: onCancelClick, children: jsx(UnlinkWalletPopUpContent, { onClickCancel: onCancelClick }) }));
 };
 
-export { UnlinkWalletPopUp };
+export { UnlinkWalletPopUpModal, UnlinkWalletPopUpWidgetPortal };

package/src/lib/widgets/DynamicWidget/prompts/UnlinkWalletPopUp/index.d.ts

@@ -1 +1 @@
-export { UnlinkWalletPopUp } from './UnlinkWalletPopUp';
+export { UnlinkWalletPopUpModal, UnlinkWalletPopUpWidgetPortal, } from './UnlinkWalletPopUp';

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

@@ -47,8 +47,9 @@ require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -61,7 +62,6 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 require('formik');
 
 const EditProfileView = ({ rootClassName, }) => {

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

@@ -43,8 +43,9 @@ import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -57,7 +58,6 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 import 'formik';
 
 const EditProfileView = ({ rootClassName, }) => {

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

@@ -51,8 +51,9 @@ var Typography = require('../../../../components/Typography/Typography.cjs');
 var Skeleton = require('../../../../components/Skeleton/Skeleton.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -68,7 +69,6 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const ManagePasskeysWidgetView = () => {
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();

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

@@ -47,8 +47,9 @@ import { Typography } from '../../../../components/Typography/Typography.js';
 import { Skeleton } from '../../../../components/Skeleton/Skeleton.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -64,7 +65,6 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const ManagePasskeysWidgetView = () => {
     const { setDynamicWidgetView } = useWidgetContext();

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs

@@ -45,8 +45,9 @@ require('../../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../../../components/Typography/Typography.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var getPasskeyProviderFromUserAgent = require('../../../helpers/getPasskeyProviderFromUserAgent.cjs');
 var getTimeSince = require('../../../helpers/getTimeSince.cjs');
 require('../../../context/DynamicWidgetContext.cjs');
@@ -60,7 +61,6 @@ require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var shortenEmail = require('../../../../../shared/utils/functions/shortenEmail/shortenEmail.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const mapPasskeyProviderToIcon = {
     android: jsxRuntime.jsx(iconic.AndroidIcon, {}),

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js

@@ -41,8 +41,9 @@ import '../../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { getPasskeyProviderFromUserAgent } from '../../../helpers/getPasskeyProviderFromUserAgent.js';
 import { getTimeSince } from '../../../helpers/getTimeSince.js';
 import '../../../context/DynamicWidgetContext.js';
@@ -56,7 +57,6 @@ import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import { shortenEmail } from '../../../../../shared/utils/functions/shortenEmail/shortenEmail.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const mapPasskeyProviderToIcon = {
     android: jsx(AndroidIcon, {}),

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

@@ -48,8 +48,9 @@ require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 require('formik');
@@ -63,7 +64,6 @@ var LogoutButton = require('../../../../components/LogoutButton/LogoutButton.cjs
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const ProfileView = () => {
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();

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

@@ -44,8 +44,9 @@ import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import 'formik';
@@ -59,7 +60,6 @@ import { LogoutButton } from '../../../../components/LogoutButton/LogoutButton.j
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const ProfileView = () => {
     const { setDynamicWidgetView } = useWidgetContext();

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

@@ -51,8 +51,9 @@ var useIsTurnkeyWallet = require('../../../../utils/hooks/useIsTurnkeyWallet/use
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -68,7 +69,6 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const WalletSettingsView = () => {
     var _a, _b;

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

@@ -47,8 +47,9 @@ import { useIsTurnkeyWallet } from '../../../../utils/hooks/useIsTurnkeyWallet/u
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -64,7 +65,6 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const WalletSettingsView = () => {
     var _a, _b;

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

@@ -47,8 +47,9 @@ var Typography = require('../../../../components/Typography/Typography.cjs');
 var DynamicWidgetFooter = require('../../components/DynamicWidgetFooter/DynamicWidgetFooter.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../context/DynamicWidgetContext.cjs');
 var DynamicWidgetWallets = require('../../components/DynamicWidgetWallets/DynamicWidgetWallets.cjs');
@@ -65,7 +66,6 @@ var LogoutButton = require('../../../../components/LogoutButton/LogoutButton.cjs
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const WalletsView = () => {
     const { setShowAuthFlow, setSelectedWalletConnectorKey, user, authMode, multiWallet, } = useInternalDynamicContext.useInternalDynamicContext();

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

@@ -43,8 +43,9 @@ import { Typography } from '../../../../components/Typography/Typography.js';
 import { DynamicWidgetFooter } from '../../components/DynamicWidgetFooter/DynamicWidgetFooter.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../context/DynamicWidgetContext.js';
 import { DynamicWidgetWallets } from '../../components/DynamicWidgetWallets/DynamicWidgetWallets.js';
@@ -61,7 +62,6 @@ import { LogoutButton } from '../../../../components/LogoutButton/LogoutButton.j
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const WalletsView = () => {
     const { setShowAuthFlow, setSelectedWalletConnectorKey, user, authMode, multiWallet, } = useInternalDynamicContext();

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.cjs

@@ -44,8 +44,9 @@ require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -58,7 +59,6 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var FundingContext = require('../../../../context/FundingContext/FundingContext.cjs');
 
 const Modal = ({ onrampUrl }) => {

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.js

@@ -40,8 +40,9 @@ import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -54,7 +55,6 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 import { useFundingContext } from '../../../../context/FundingContext/FundingContext.js';
 
 const Modal = ({ onrampUrl }) => {

package/src/lib/widgets/index.d.ts

@@ -2,3 +2,4 @@ export * from './DynamicBridgeWidget';
 export * from './DynamicEmbeddedWidget';
 export * from './DynamicWidget';
 export * from './FundingWidget';
+export * from './DynamicMultiWalletPromptsWidget';

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

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

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

@@ -1,150 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var React = require('react');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var sdkApi = require('@dynamic-labs/sdk-api');
-var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
-var useWalletItemActions = require('../useWalletItemActions/useWalletItemActions.cjs');
-var dynamicEvents = require('../../../events/dynamicEvents.cjs');
-require('../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('react/jsx-runtime');
-require('../../../context/ViewContext/ViewContext.cjs');
-require('@dynamic-labs/wallet-book');
-require('../../constants/colors.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
-require('@dynamic-labs/utils');
-require('../../../shared/consts/index.cjs');
-require('@dynamic-labs/multi-wallet');
-var isProviderEnabled = require('../../functions/isProviderEnabled/isProviderEnabled.cjs');
-var isEmailValid = require('../../functions/isEmailValid/isEmailValid.cjs');
-var api = require('../../../data/api.cjs');
-var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
-
-const mapEmailProviderToProviderEnum = {
-    dynamic: sdkApi.ProviderEnum.Dynamic,
-    emailOnly: sdkApi.ProviderEnum.EmailOnly,
-    magicLink: sdkApi.ProviderEnum.MagicLink,
-};
-const allSupportedProviders = Object.values(mapEmailProviderToProviderEnum);
-/**
- * Hook to connect and verify an email using a one-time password (OTP) with specified email providers.
- *
- * @param props - The properties for the hook. Includes an optional 'provider' to specify the email provider.
- * @returns An object containing two functions:
- *    - connectWithEmail: A function to initiate the OTP process with the provided email.
- *    - verifyOneTimePassword: A function to verify the provided OTP.
- *
- * @example
- * const { connectWithEmail, verifyOneTimePassword } = useConnectWithEmailOtp({ provider: ProviderEnum.MagicLink });
- *
- * // To initiate the OTP process
- * connectWithEmail('user@example.com').then(() => {
- *   // OTP sent to the email
- * });
- *
- * // To verify the OTP
- * verifyOneTimePassword('123456').then(() => {
- *   // OTP verification successful
- * }).catch((error) => {
- *   // Error handling
- * });
- */
-const useConnectWithEmailOtp = ({ provider, } = {}) => {
-    const { walletConnectorOptions, environmentId, projectSettings, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
-    const { handleInstalledExtensionClick } = useWalletItemActions.useWalletItemActions();
-    const lastVerificationHandlerRef = React.useRef(null);
-    const providers = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || [];
-    const emailOtpWalletConnector = walletConnectorOptions
-        .map(({ walletConnector }) => walletConnector)
-        .find(walletConnectorCore.isEmailOTPWalletConnector);
-    const mapProviderToEnabled = {
-        dynamic: isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.Dynamic),
-        emailOnly: isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.EmailOnly),
-        magicLink: isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.MagicLink),
-    };
-    const emailHandler = (email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const { verificationUUID } = yield api.createEmailVerification({
-            email,
-            environmentId,
-        });
-        return (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            const { jwt } = yield api.signInWithEmailVerification({
-                environmentId,
-                verificationToken: oneTimePassword,
-                verificationUUID,
-            });
-            yield createUserProfileByJWT(jwt);
-            return {
-                email,
-                verified: Boolean(jwt),
-            };
-        });
-    });
-    const magicHandler = (email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (!emailOtpWalletConnector) {
-            throw new Error('OTP wallet connector was not found');
-        }
-        emailOtpWalletConnector.setEmail(email);
-        handleInstalledExtensionClick(emailOtpWalletConnector);
-        return (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            return ({
-                email,
-                verified: yield emailOtpWalletConnector.verifyOneTimePassword(oneTimePassword),
-            });
-        });
-    });
-    const mapProviderToHandler = {
-        [sdkApi.ProviderEnum.Dynamic]: emailHandler,
-        [sdkApi.ProviderEnum.EmailOnly]: emailHandler,
-        [sdkApi.ProviderEnum.MagicLink]: magicHandler,
-    };
-    const getEffectiveEmailProvider = (email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (provider) {
-            return provider;
-        }
-        const { emailProvider } = yield api.getEmailProvider({
-            email,
-            environmentId,
-        });
-        if (!allSupportedProviders.includes(emailProvider)) {
-            throw new Error('Email provider is not supported');
-        }
-        return emailProvider;
-    });
-    const connectWithEmail = (email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (!isEmailValid.isEmailValid(email)) {
-            throw new Error('Email is not valid');
-        }
-        const effectiveEmailProvider = yield getEffectiveEmailProvider(email);
-        if (!mapProviderToEnabled[effectiveEmailProvider]) {
-            throw new Error('Email provider is not enabled');
-        }
-        const verificationHandler = yield mapProviderToHandler[effectiveEmailProvider](email);
-        lastVerificationHandlerRef.current = verificationHandler;
-    });
-    const verifyOneTimePassword = (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (!lastVerificationHandlerRef.current) {
-            throw new Error('Verification have not started, use connectWithEmail before verifying');
-        }
-        const { email, verified } = yield lastVerificationHandlerRef.current(oneTimePassword);
-        dynamicEvents.dynamicEvents.emit('emailVerificationResult', verified, email);
-        if (verified) {
-            setCallback('authSuccess');
-        }
-        else {
-            throw new Error('Email verification failed');
-        }
-    });
-    return {
-        connectWithEmail,
-        verifyOneTimePassword,
-    };
-};
-
-exports.useConnectWithEmailOtp = useConnectWithEmailOtp;

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

@@ -1,32 +0,0 @@
-type EmailProviders = 'magicLink' | 'dynamic' | 'emailOnly';
-type UseConnectWithEmailOtpProps = {
-    provider?: EmailProviders;
-};
-/**
- * Hook to connect and verify an email using a one-time password (OTP) with specified email providers.
- *
- * @param props - The properties for the hook. Includes an optional 'provider' to specify the email provider.
- * @returns An object containing two functions:
- *    - connectWithEmail: A function to initiate the OTP process with the provided email.
- *    - verifyOneTimePassword: A function to verify the provided OTP.
- *
- * @example
- * const { connectWithEmail, verifyOneTimePassword } = useConnectWithEmailOtp({ provider: ProviderEnum.MagicLink });
- *
- * // To initiate the OTP process
- * connectWithEmail('user@example.com').then(() => {
- *   // OTP sent to the email
- * });
- *
- * // To verify the OTP
- * verifyOneTimePassword('123456').then(() => {
- *   // OTP verification successful
- * }).catch((error) => {
- *   // Error handling
- * });
- */
-export declare const useConnectWithEmailOtp: ({ provider, }?: UseConnectWithEmailOtpProps) => {
-    connectWithEmail: (email: string) => Promise<void>;
-    verifyOneTimePassword: (oneTimePassword: string) => Promise<void>;
-};
-export {};