@dynamic-labs/sdk-react-core 4.39.0 → 4.40.0

package/src/lib/widgets/DynamicWidget/views/CryptoComOnramp/CurrencySelectScreen/CurrencySelectScreen.js

@@ -0,0 +1,127 @@
+'use client'
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ReactComponent as SvgSearch } from '../../../../../assets/search.js';
+import { classNames } from '../../../../../utils/functions/classNames/classNames.js';
+import '../../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import { ReactComponent as SvgClose } from '../../../../../shared/assets/close.js';
+import '@dynamic-labs/iconic';
+import '../../../../../context/ViewContext/ViewContext.js';
+import '../../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../../../utils/constants/colors.js';
+import '../../../../../utils/constants/values.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../../../shared/consts/index.js';
+import '../../../../../components/Alert/Alert.js';
+import '../../../../../events/dynamicEvents.js';
+import '../../../../../context/DynamicContext/DynamicContext.js';
+import '../../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '../../../../../store/state/authMode/authMode.js';
+import '../../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../../../store/state/nonce/nonce.js';
+import '@dynamic-labs-sdk/client/core';
+import '../../../../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/locale';
+import '../../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.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 '../../../../../utils/functions/compareChains/compareChains.js';
+import '../../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
+import '../../../../../context/ThemeContext/ThemeContext.js';
+import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
+import '@dynamic-labs/types';
+import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../../context/WalletContext/WalletContext.js';
+import '../../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.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 '../../../../../store/state/walletOptions/walletOptions.js';
+import { Typography } from '../../../../../components/Typography/Typography.js';
+import '../../../../../context/FooterAnimationContext/index.js';
+import '../../../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
+import { Icon } from '../../../../../components/Icon/Icon.js';
+import '../../../context/DynamicWidgetContext.js';
+import { IconButton } from '../../../../../components/IconButton/IconButton.js';
+import { ModalHeader } from '../../../../../components/ModalHeader/ModalHeader.js';
+import '../../../../../components/MenuList/Dropdown/Dropdown.js';
+import 'formik';
+import '../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
+import '../../../../../store/state/sendBalances.js';
+import '../../../../../components/Input/Input.js';
+import '../../../../../components/OverlayCard/OverlayCard.js';
+import '../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../components/PasskeyCard/PasskeyCard.js';
+import '../../../../../../index.js';
+import '../CryptoComOnramp.js';
+import '../../../../../context/OnrampContext/OnrampContext.js';
+import '../../../helpers/convertExchangeKeyAndProviderEnum.js';
+import 'qrcode';
+import '../../ReceiveWalletFunds/ReceiveWalletFunds.js';
+import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
+import '../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
+import '../../../../../store/state/connectorsInitializing/connectorsInitializing.js';
+import '../../../../../store/state/tokenBalances.js';
+import '../../../../../store/state/multichainBalances.js';
+import '../../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import '../../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../../components/IsBrowser/IsBrowser.js';
+import '../../../../../components/Popper/Popper/Popper.js';
+import '../../../../../components/Popper/PopperContext/PopperContext.js';
+
+const CurrencySelectScreen = ({ onClose, onSelectCurrency, currentCurrency, currencies, }) => {
+    const { t } = useTranslation();
+    const [search, setSearch] = useState('');
+    const filteredCurrencies = currencies.filter((currency) => {
+        if (currency.code.toLowerCase().includes(search.toLowerCase()))
+            return true;
+        if (currency.name.toLowerCase().includes(search.toLowerCase()))
+            return true;
+        return false;
+    });
+    const closeButton = (jsx(IconButton, { type: 'button', id: 'close-button', "data-testid": 'close-button', onClick: onClose, children: jsx(SvgClose, {}) }));
+    return (jsxs("div", { className: 'currency-select', "data-testid": 'currency-select', children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { variant: 'title', children: t('dyn_crypto_com_onramp.select_currency', 'Select Currency') }) }), jsxs("label", { htmlFor: 'currency-select-search', className: 'currency-select__search', children: [jsx(Icon, { color: 'text-tertiary', size: 'small', children: jsx(SvgSearch, {}) }), jsx("input", { id: 'currency-select-search', placeholder: t('dyn_crypto_com_onramp.search_currency_placeholder', 'Search currencies'), className: 'currency-select__search__input', value: search, onChange: (e) => setSearch(e.target.value) })] }), jsx("div", { className: 'currency-select__currencies', children: filteredCurrencies.map((currency) => (jsx("div", { className: classNames('currency-select__currencies__option', {
+                        'currency-select__currencies__option--selected': currency.code === currentCurrency,
+                    }), onClick: () => onSelectCurrency(currency.code), onKeyDown: (e) => {
+                        if (e.key === 'Enter' || e.key === ' ') {
+                            e.preventDefault();
+                            onSelectCurrency(currency.code);
+                        }
+                    }, role: 'option', "aria-selected": currency.code === currentCurrency, tabIndex: 0, "data-testid": `currency-option-${currency.code}`, children: jsxs("div", { className: 'currency-select__currencies__option__info', children: [jsx(Typography, { variant: 'body_normal', weight: 'medium', children: currency.name }), jsxs(Typography, { variant: 'body_small', color: 'secondary', children: [currency.code, " ", currency.symbol] })] }) }, currency.code))) })] }));
+};
+
+export { CurrencySelectScreen };

package/src/lib/widgets/DynamicWidget/views/CryptoComOnramp/CurrencySelectScreen/index.d.ts

@@ -0,0 +1,2 @@
+export { CurrencySelectScreen } from './CurrencySelectScreen';
+export type { Currency } from './CurrencySelectScreen';

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

@@ -103,8 +103,8 @@ require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTar
 require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../components/PasskeyCard/PasskeyCard.cjs');
-require('../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../../index.cjs');
+require('../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');

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

@@ -99,8 +99,8 @@ import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarg
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../components/PasskeyCard/PasskeyCard.js';
-import '../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../../index.js';
+import '../CryptoComOnramp/CryptoComOnramp.js';
 import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';

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

@@ -87,9 +87,9 @@ require('../../../../views/TransactionConfirmationView/TransactionConfirmationVi
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../components/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../index.cjs');
 require('../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../../../index.cjs');
 require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');

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

@@ -83,9 +83,9 @@ import '../../../../views/TransactionConfirmationView/TransactionConfirmationVie
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../components/PasskeyCard/PasskeyCard.js';
+import '../../../../../index.js';
 import '../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../../index.js';
 import '../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import '../ReceiveWalletFunds/ReceiveWalletFunds.js';

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

@@ -83,9 +83,9 @@ require('../../../../views/TransactionConfirmationView/TransactionConfirmationVi
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../components/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../index.cjs');
 require('../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../../../index.cjs');
 require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');

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

@@ -79,9 +79,9 @@ import '../../../../views/TransactionConfirmationView/TransactionConfirmationVie
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../components/PasskeyCard/PasskeyCard.js';
+import '../../../../../index.js';
 import '../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../../index.js';
 import '../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import '../ReceiveWalletFunds/ReceiveWalletFunds.js';

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

@@ -87,9 +87,9 @@ require('../../../../views/TransactionConfirmationView/TransactionConfirmationVi
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../components/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../index.cjs');
 require('../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../../../index.cjs');
 require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 var GlobalWalletScanner = require('./scanner/GlobalWalletScanner.cjs');

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

@@ -83,9 +83,9 @@ import '../../../../views/TransactionConfirmationView/TransactionConfirmationVie
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../components/PasskeyCard/PasskeyCard.js';
+import '../../../../../index.js';
 import '../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../../index.js';
 import '../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import { GlobalWalletScanner } from './scanner/GlobalWalletScanner.js';

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

@@ -86,9 +86,9 @@ require('../../../../views/TransactionConfirmationView/TransactionConfirmationVi
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 var PasskeyCard = require('../../components/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../index.cjs');
 require('../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../../../index.cjs');
 require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 var MfaDeviceTileSkeleton = require('../../../../components/MfaDeviceTileSkeleton/MfaDeviceTileSkeleton.cjs');

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

@@ -82,9 +82,9 @@ import '../../../../views/TransactionConfirmationView/TransactionConfirmationVie
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import { PasskeyCard } from '../../components/PasskeyCard/PasskeyCard.js';
+import '../../../../../index.js';
 import '../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../../index.js';
 import '../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import { MfaDeviceTileSkeleton } from '../../../../components/MfaDeviceTileSkeleton/MfaDeviceTileSkeleton.js';

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

@@ -88,9 +88,9 @@ require('../../../../views/TransactionConfirmationView/TransactionConfirmationVi
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../components/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../index.cjs');
 require('../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../../../index.cjs');
 require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 var MfaDeviceTileSkeleton = require('../../../../components/MfaDeviceTileSkeleton/MfaDeviceTileSkeleton.cjs');

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

@@ -84,9 +84,9 @@ import '../../../../views/TransactionConfirmationView/TransactionConfirmationVie
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../components/PasskeyCard/PasskeyCard.js';
+import '../../../../../index.js';
 import '../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../../index.js';
 import '../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import { MfaDeviceTileSkeleton } from '../../../../components/MfaDeviceTileSkeleton/MfaDeviceTileSkeleton.js';

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

@@ -93,9 +93,9 @@ require('../../../../views/TransactionConfirmationView/TransactionConfirmationVi
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../components/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../index.cjs');
 require('../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../../../index.cjs');
 var convertExchangeKeyAndProviderEnum = require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');

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

@@ -89,9 +89,9 @@ import '../../../../views/TransactionConfirmationView/TransactionConfirmationVie
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../components/PasskeyCard/PasskeyCard.js';
+import '../../../../../index.js';
 import '../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../../index.js';
 import { convertExchangeKeytoProviderEnum } from '../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/TokenSelectScreen/TokenOption/TokenOption.cjs

@@ -82,9 +82,9 @@ require('../../../../../../views/TransactionConfirmationView/TransactionConfirma
 require('../../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../components/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../../../index.cjs');
 require('../../../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../../../../../index.cjs');
 require('../../../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 require('../../ReceiveWalletFunds.cjs');

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/TokenSelectScreen/TokenOption/TokenOption.js

@@ -78,9 +78,9 @@ import '../../../../../../views/TransactionConfirmationView/TransactionConfirmat
 import '../../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../components/PasskeyCard/PasskeyCard.js';
+import '../../../../../../../index.js';
 import '../../../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../../../../index.js';
 import '../../../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import '../../ReceiveWalletFunds.js';

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/TokenSelectScreen/TokenSelectScreen.cjs

@@ -87,9 +87,9 @@ require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuc
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../components/PasskeyCard/PasskeyCard.cjs');
 var LinearGradientFrame = require('../../../../../components/LinearGradientFrame/LinearGradientFrame.cjs');
+require('../../../../../../index.cjs');
 require('../../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../../../../index.cjs');
 require('../../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 require('../ReceiveWalletFunds.cjs');

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/TokenSelectScreen/TokenSelectScreen.js

@@ -83,9 +83,9 @@ import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSucc
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../components/PasskeyCard/PasskeyCard.js';
 import { LinearGradientFrame } from '../../../../../components/LinearGradientFrame/LinearGradientFrame.js';
+import '../../../../../../index.js';
 import '../../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../../../index.js';
 import '../../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import '../ReceiveWalletFunds.js';

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/utils/useExchangeTokensForFunding/useExchangeTokensForFunding.cjs

@@ -94,8 +94,8 @@ require('../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayC
 require('../../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../components/PasskeyCard/PasskeyCard.cjs');
-require('../../../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../../../../index.cjs');
+require('../../../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../ReceiveWalletFunds.cjs');
 require('../../../../../../store/state/tokenBalances.cjs');
 require('../../../../../../store/state/multichainBalances.cjs');

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/utils/useExchangeTokensForFunding/useExchangeTokensForFunding.js

@@ -90,8 +90,8 @@ import '../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCa
 import '../../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../components/PasskeyCard/PasskeyCard.js';
-import '../../../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../../../../index.js';
+import '../../../CryptoComOnramp/CryptoComOnramp.js';
 import '../../ReceiveWalletFunds.js';
 import '../../../../../../store/state/tokenBalances.js';
 import '../../../../../../store/state/multichainBalances.js';

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/utils/useTokensForFunding/useTokensForFunding.cjs

@@ -96,8 +96,8 @@ require('../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayC
 require('../../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../components/PasskeyCard/PasskeyCard.cjs');
-require('../../../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../../../../index.cjs');
+require('../../../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../ReceiveWalletFunds.cjs');
 var useTokenBalances = require('../../../../../../utils/hooks/useTokenBalances/useTokenBalances.cjs');
 require('../../../../../../store/state/multichainBalances.cjs');

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/utils/useTokensForFunding/useTokensForFunding.js

@@ -92,8 +92,8 @@ import '../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCa
 import '../../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../components/PasskeyCard/PasskeyCard.js';
-import '../../../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../../../../index.js';
+import '../../../CryptoComOnramp/CryptoComOnramp.js';
 import '../../ReceiveWalletFunds.js';
 import { useTokenBalances } from '../../../../../../utils/hooks/useTokenBalances/useTokenBalances.js';
 import '../../../../../../store/state/multichainBalances.js';

package/src/lib/widgets/DynamicWidget/views/SessionManagementView/SessionListItem/SessionListItem.cjs

@@ -83,9 +83,9 @@ require('../../../../../views/TransactionConfirmationView/TransactionConfirmatio
 require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../components/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../../index.cjs');
 require('../../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../../../../index.cjs');
 require('../../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 require('../../ReceiveWalletFunds/ReceiveWalletFunds.cjs');

package/src/lib/widgets/DynamicWidget/views/SessionManagementView/SessionListItem/SessionListItem.js

@@ -79,9 +79,9 @@ import '../../../../../views/TransactionConfirmationView/TransactionConfirmation
 import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../components/PasskeyCard/PasskeyCard.js';
+import '../../../../../../index.js';
 import '../../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../../../index.js';
 import '../../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import '../../ReceiveWalletFunds/ReceiveWalletFunds.js';

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

@@ -105,8 +105,8 @@ require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../components/PasskeyCard/PasskeyCard.cjs');
 var EmptyScreen = require('./EmptyScreen/EmptyScreen.cjs');
-require('../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../../index.cjs');
+require('../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 var useIsMfaEnabled = require('../../../../utils/hooks/useIsMfaEnabled/useIsMfaEnabled.cjs');
 require('../../../../store/state/tokenBalances.cjs');

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

@@ -101,8 +101,8 @@ import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../components/PasskeyCard/PasskeyCard.js';
 import { EmptyScreen } from './EmptyScreen/EmptyScreen.js';
-import '../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../../index.js';
+import '../CryptoComOnramp/CryptoComOnramp.js';
 import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import { useIsMfaEnabled } from '../../../../utils/hooks/useIsMfaEnabled/useIsMfaEnabled.js';
 import '../../../../store/state/tokenBalances.js';

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

@@ -14,7 +14,7 @@ var check = require('../../../../shared/assets/check.cjs');
 require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
-require('../../../../shared/logger.cjs');
+var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
@@ -75,6 +75,7 @@ var WalletIconWithNetwork = require('../../components/WalletIconWithNetwork/Wall
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+var useDynamicWaas = require('../../../../utils/hooks/useDynamicWaas/useDynamicWaas.cjs');
 var useWalletDelegation = require('../../../../utils/hooks/useWalletDelegation/useWalletDelegation.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
@@ -86,9 +87,9 @@ require('../../../../views/TransactionConfirmationView/TransactionConfirmationVi
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../components/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../index.cjs');
 require('../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../../../index.cjs');
 require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
@@ -108,11 +109,58 @@ require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 
+// Exported helper functions for testing
+const mapWalletsForRevoke = (wallets) => wallets
+    .filter((w) => w.status === 'delegated')
+    .map((wallet) => ({
+    accountAddress: wallet.address,
+    chainName: wallet.chain,
+    status: wallet.status,
+}));
+const mapWalletsForDelegate = (wallets) => wallets.map((wallet) => ({
+    accountAddress: wallet.address,
+    chainName: wallet.chain,
+}));
+// Exported handler factory functions for testing
+const createHandleRevoke = (revokeDelegation) => (walletWithStatus) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const formattedWallets = mapWalletsForRevoke(walletWithStatus);
+        yield revokeDelegation(formattedWallets);
+        return true;
+    }
+    catch (error) {
+        logger.logger.warn('Error revoking delegation:', error);
+        return false;
+    }
+});
+const createHandleDelegate = (delegateKeyShares) => (walletWithStatus) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const formattedWallets = mapWalletsForDelegate(walletWithStatus);
+        yield delegateKeyShares(formattedWallets);
+        return true;
+    }
+    catch (error) {
+        logger.logger.warn('Error delegating key shares:', error);
+        return false;
+    }
+});
+const createHandleWalletStatusChange = (handleRevoke, handleDelegate) => (wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    if (wallet.status === 'delegated') {
+        yield handleRevoke([wallet]);
+    }
+    else {
+        yield handleDelegate([wallet]);
+    }
+});
+const createHandleRevokeAll = (handleRevoke, walletsWithStatus) => () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    yield handleRevoke(walletsWithStatus);
+});
 const WalletsDelegatedSettingsView = ({ name }) => {
     const { t } = reactI18next.useTranslation();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const [showSuccessMessage, setShowSuccessMessage] = React.useState(false);
     const { getWalletsDelegatedStatus } = useWalletDelegation.useWalletDelegation();
+    const { revokeDelegation, delegateKeyShares } = useDynamicWaas.useDynamicWaas();
     const walletsWithStatus = getWalletsDelegatedStatus();
     React.useEffect(() => {
         if (!name)
@@ -123,28 +171,38 @@ const WalletsDelegatedSettingsView = ({ name }) => {
         }, 3000);
         return () => clearTimeout(timer);
     }, [name]);
-    const handleRevoke = (walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () { });
+    const handleRevoke = createHandleRevoke(revokeDelegation);
+    const handleDelegate = createHandleDelegate(delegateKeyShares);
+    const handleWalletStatusChange = createHandleWalletStatusChange(handleRevoke, handleDelegate);
+    const handleRevokeAll = createHandleRevokeAll(handleRevoke, walletsWithStatus);
     return (jsxRuntime.jsxs("div", { className: 'wallets-delegated-settings-view', children: [jsxRuntime.jsxs("div", { className: 'header', children: [jsxRuntime.jsx(IconButton.IconButton, { onClick: () => setDynamicWidgetView('settings'), "data-testid": 'back-button', className: 'back-button', type: 'button', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'title', copykey: 'wallets_delegated.title', children: t('wallets_delegated.title') })] }), walletsWithStatus.length > 0 && (jsxRuntime.jsx("ul", { className: 'delegated-wallets-list', children: walletsWithStatus.map((wallet) => {
                     var _a, _b;
                     return (jsxRuntime.jsxs("li", { className: 'delegated-wallets-item', children: [jsxRuntime.jsx("div", { className: 'wallet-icon', children: jsxRuntime.jsx(WalletIconWithNetwork.WalletIconWithNetwork, { walletKey: wallet.key, Icon: null, iconUrl: (_b = (_a = wallet.connector) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.icon, chainName: wallet.chain, iconSize: 24, showNetwork: true }) }), jsxRuntime.jsxs("div", { className: 'wallet-info', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', children: shortenWalletAddress.shortenWalletAddress(wallet.address) }), jsxRuntime.jsx("div", { className: wallet.status === 'delegated'
                                             ? 'status-badge'
                                             : 'status-badge status-badge--disconnected', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: wallet.status === 'delegated' ? 'primary' : 'secondary', children: wallet.status === 'delegated'
                                                 ? t('connected', 'Connected')
-                                                : t('disconnected', 'Disconnected') }) })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: () => handleRevoke(wallet.id), buttonPadding: 'small', className: 'revoke-button', typographyProps: {
+                                                : t('disconnected', 'Disconnected') }) })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+                                    yield handleWalletStatusChange(wallet);
+                                }), buttonPadding: 'small', className: 'revoke-button', typographyProps: {
                                     color: 'primary',
                                     variant: 'body_small',
                                     weight: 'medium',
                                 }, children: wallet.status === 'delegated'
                                     ? t('revoke', 'Revoke')
                                     : t('delegate', 'Delegate') })] }, wallet.id));
-                }) })), walletsWithStatus.filter((w) => w.status === 'delegated').length > 0 && (jsxRuntime.jsx("div", { className: 'revoke-all-section', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: () => {
-                        // Handle revoke all functionality
-                        handleRevoke();
-                    }, buttonVariant: 'tertiary', buttonPadding: 'none', className: 'revoke-all-button', typographyProps: {
+                }) })), walletsWithStatus.filter((w) => w.status === 'delegated').length > 0 && (jsxRuntime.jsx("div", { className: 'revoke-all-section', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+                        yield handleRevokeAll();
+                    }), buttonVariant: 'tertiary', buttonPadding: 'none', className: 'revoke-all-button', typographyProps: {
                         variant: 'body_normal',
                         weight: 'medium',
                     }, children: t('revoke_all_wallet_access', 'Revoke all wallet access') }) })), showSuccessMessage && (jsxRuntime.jsxs("div", { className: 'success-message', children: [jsxRuntime.jsx(check.ReactComponent, {}), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', copykey: 'global_wallet.wallets_delegated.success', children: t('global_wallet.wallets_delegated.success', { name }) })] }))] }));
 };
 
 exports.WalletsDelegatedSettingsView = WalletsDelegatedSettingsView;
+exports.createHandleDelegate = createHandleDelegate;
+exports.createHandleRevoke = createHandleRevoke;
+exports.createHandleRevokeAll = createHandleRevokeAll;
+exports.createHandleWalletStatusChange = createHandleWalletStatusChange;
 exports["default"] = WalletsDelegatedSettingsView;
+exports.mapWalletsForDelegate = mapWalletsForDelegate;
+exports.mapWalletsForRevoke = mapWalletsForRevoke;