@dynamic-labs/sdk-react-core 0.16.0

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetPrompts/DynamicWidgetPrompts.es.js

@@ -0,0 +1,34 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.es.js';
+import { useWidgetContext } from '../../context/DynamicWidgetContext.es.js';
+import { DetectedKnownSecondaryWalletModal } from '../../prompts/DetectedKnownSecondaryWalletModal/DetectedKnownSecondaryWalletModal.es.js';
+import { DetectedNewWalletModal } from '../../prompts/DetectedNewWalletModal/DetectedNewWalletModal.es.js';
+import { PendingAccountSwitchModal } from '../../prompts/PendingAccountSwitchModal/PendingAccountSwitchModal.es.js';
+import { PendingSignModal } from '../../prompts/PendingSignModal/PendingSignModal.es.js';
+import { PrimaryNotConnectedModal } from '../../prompts/PrimaryNotConnectedModal/PrimaryNotConnectedModal.es.js';
+import { QrCodeModalView } from '../../prompts/QrCodeModalView/QrCodeModalView.es.js';
+import { UnlinkWalletPopUp } from '../../prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.es.js';
+import { WidgetPortal } from '../WidgetPortal/WidgetPortal.es.js';
+
+const mapAccountSwitchStateToPromptComponent = {
+    linking_new_wallet: PendingAccountSwitchModal,
+    primary_not_connected: PrimaryNotConnectedModal,
+    switching_primary: PendingAccountSwitchModal,
+};
+const DynamicWidgetPrompts = () => {
+    const { setDesktopUri, accountSwitchState, multiWalletWidgetState, showQrcodeModal, setShowQrcodeModal, } = useInternalDynamicContext();
+    const { walletIdToUnlink, newWalletId, setNewWalletId } = useWidgetContext();
+    const AccountSwitchModal = useMemo(() => {
+        if (multiWalletWidgetState !== 'awaiting_account_switch')
+            return null;
+        return mapAccountSwitchStateToPromptComponent[accountSwitchState] || null;
+    }, [accountSwitchState, multiWalletWidgetState]);
+    return (jsxs(Fragment, { children: [multiWalletWidgetState === 'awaiting_signature' && jsx(PendingSignModal, {}), AccountSwitchModal && jsx(AccountSwitchModal, {}), walletIdToUnlink && jsx(UnlinkWalletPopUp, { walletId: walletIdToUnlink }), multiWalletWidgetState === 'awaiting_connection' &&
+                (showQrcodeModal ? (jsx(WidgetPortal, Object.assign({ onBackdropClick: () => {
+                        setShowQrcodeModal(false);
+                        setDesktopUri('');
+                    } }, { children: jsx(QrCodeModalView, { walletId: newWalletId }) }))) : (jsx(PendingSignModal, {}))), multiWalletWidgetState === 'detected_known_secondary_wallet' && (jsx(DetectedKnownSecondaryWalletModal, { setNewWalletId: setNewWalletId })), multiWalletWidgetState === 'detected_new_wallet' && (jsx(DetectedNewWalletModal, {}))] }));
+};
+
+export { DynamicWidgetPrompts };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetSwitcher/DynamicWidgetSwitcher.cjs.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs.js');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+require('../../../../context/ViewContext/ViewContext.cjs.js');
+require('../../../../utils/constants/colors.cjs.js');
+require('../../../../shared/consts/index.cjs.js');
+require('../../../../context/DynamicContext/DynamicContext.cjs.js');
+require('../../../../components/ShadowDOM/ShadowDOM.cjs.js');
+require('../../../../context/ThemeContext/ThemeContext.cjs.js');
+require('react-dom');
+require('react-focus-lock');
+require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs.js');
+require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
+require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs.js');
+require('../../../../config/ApiEndpoint.cjs.js');
+require('../../../../context/ErrorContext/ErrorContext.cjs.js');
+require('ethers');
+require('../../../../context/MockContext/MockContext.cjs.js');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs.js');
+require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
+require('../../../../components/IconButton/IconButton.cjs.js');
+var OptionsSwitcher = require('../../../../components/OptionsSwitcher/OptionsSwitcher.cjs.js');
+var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs.js');
+
+const options = [
+    {
+        key: 'index',
+        label: 'Wallets',
+    },
+    {
+        key: 'profile',
+        label: 'Profile',
+    },
+];
+const DynamicWidgetSwitcher = ({ overwriteValue, }) => {
+    const { dynamicWidgetView, setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    return (jsxRuntime.jsx(OptionsSwitcher.OptionsSwitcher, { rootClassName: 'dynamic-widget-switcher', value: overwriteValue !== null && overwriteValue !== void 0 ? overwriteValue : dynamicWidgetView, options: options, onChange: (view) => setDynamicWidgetView(view) }));
+};
+
+exports.DynamicWidgetSwitcher = DynamicWidgetSwitcher;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetSwitcher/DynamicWidgetSwitcher.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export type DynamicWidgetSwitcherProps = {
+    overwriteValue?: string;
+};
+export declare const DynamicWidgetSwitcher: React.FC<DynamicWidgetSwitcherProps>;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetSwitcher/DynamicWidgetSwitcher.es.js

@@ -0,0 +1,43 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.es.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import '../../../../context/ViewContext/ViewContext.es.js';
+import '../../../../utils/constants/colors.es.js';
+import '../../../../shared/consts/index.es.js';
+import '../../../../context/DynamicContext/DynamicContext.es.js';
+import '../../../../components/ShadowDOM/ShadowDOM.es.js';
+import '../../../../context/ThemeContext/ThemeContext.es.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../../../components/Transition/ZoomTransition/ZoomTransition.es.js';
+import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.es.js';
+import '../../../../components/Transition/OpacityTransition/OpacityTransition.es.js';
+import '../../../../config/ApiEndpoint.es.js';
+import '../../../../context/ErrorContext/ErrorContext.es.js';
+import 'ethers';
+import '../../../../context/MockContext/MockContext.es.js';
+import '../../../../context/CaptchaContext/CaptchaContext.es.js';
+import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
+import '../../../../components/IconButton/IconButton.es.js';
+import { OptionsSwitcher } from '../../../../components/OptionsSwitcher/OptionsSwitcher.es.js';
+import { useWidgetContext } from '../../context/DynamicWidgetContext.es.js';
+
+const options = [
+    {
+        key: 'index',
+        label: 'Wallets',
+    },
+    {
+        key: 'profile',
+        label: 'Profile',
+    },
+];
+const DynamicWidgetSwitcher = ({ overwriteValue, }) => {
+    const { dynamicWidgetView, setDynamicWidgetView } = useWidgetContext();
+    return (jsx(OptionsSwitcher, { rootClassName: 'dynamic-widget-switcher', value: overwriteValue !== null && overwriteValue !== void 0 ? overwriteValue : dynamicWidgetView, options: options, onChange: (view) => setDynamicWidgetView(view) }));
+};
+
+export { DynamicWidgetSwitcher };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/DynamicWidgetVariants.cjs.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs.js');
+var DynamicWidgetDropdown = require('./variants/DynamicWidgetDropdown/DynamicWidgetDropdown.cjs.js');
+var DynamicWidgetModal = require('./variants/DynamicWidgetModal/DynamicWidgetModal.cjs.js');
+
+const mapDynamicWidgetVariantToComponent = {
+    dropdown: DynamicWidgetDropdown.DynamicWidgetDropdown,
+    modal: DynamicWidgetModal.DynamicWidgetModal,
+};
+const DynamicWidgetVariants = ({ zIndex, variant, children }) => {
+    const { isOpen, setIsOpen } = DynamicWidgetContext.useWidgetContext();
+    const DynamicVariantComponent = mapDynamicWidgetVariantToComponent[variant || 'modal'];
+    return (jsxRuntime.jsx(DynamicVariantComponent, Object.assign({ zIndex: zIndex, isShown: isOpen, onClose: () => setIsOpen(false) }, { children: children })));
+};
+
+exports.DynamicWidgetVariants = DynamicWidgetVariants;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/DynamicWidgetVariants.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+export type DynamicWidgetVariantsProps = {
+    variant?: 'modal' | 'dropdown';
+    zIndex?: number;
+};
+export declare const DynamicWidgetVariants: FC<PropsWithChildren<DynamicWidgetVariantsProps>>;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/DynamicWidgetVariants.es.js

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+import { useWidgetContext } from '../../context/DynamicWidgetContext.es.js';
+import { DynamicWidgetDropdown } from './variants/DynamicWidgetDropdown/DynamicWidgetDropdown.es.js';
+import { DynamicWidgetModal } from './variants/DynamicWidgetModal/DynamicWidgetModal.es.js';
+
+const mapDynamicWidgetVariantToComponent = {
+    dropdown: DynamicWidgetDropdown,
+    modal: DynamicWidgetModal,
+};
+const DynamicWidgetVariants = ({ zIndex, variant, children }) => {
+    const { isOpen, setIsOpen } = useWidgetContext();
+    const DynamicVariantComponent = mapDynamicWidgetVariantToComponent[variant || 'modal'];
+    return (jsx(DynamicVariantComponent, Object.assign({ zIndex: zIndex, isShown: isOpen, onClose: () => setIsOpen(false) }, { children: children })));
+};
+
+export { DynamicWidgetVariants };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ZoomTransition = require('../../../../../../components/Transition/ZoomTransition/ZoomTransition.cjs.js');
+require('../../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
+require('../../../../../../components/Transition/OpacityTransition/OpacityTransition.cjs.js');
+var classNames = require('../../../../../../utils/functions/classNames/classNames.cjs.js');
+
+const DynamicWidgetDropdown = ({ zIndex, isShown, onClose, children, className, contentClassName, }) => (jsxRuntime.jsx(ZoomTransition.ZoomTransition, Object.assign({ outDuration: 200, className: classNames.classNames('dynamic-widget-dropdown', className), isShown: isShown }, { children: jsxRuntime.jsx("div", Object.assign({ "data-testid": 'DynamicWidgetDropdown', style: { zIndex }, className: classNames.classNames('dynamic-widget-dropdown__root', contentClassName) }, { children: children })) })));
+
+exports.DynamicWidgetDropdown = DynamicWidgetDropdown;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { VariantProps } from '../types';
+export declare const DynamicWidgetDropdown: FC<PropsWithChildren<VariantProps>>;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.es.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { ZoomTransition } from '../../../../../../components/Transition/ZoomTransition/ZoomTransition.es.js';
+import '../../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.es.js';
+import '../../../../../../components/Transition/OpacityTransition/OpacityTransition.es.js';
+import { classNames } from '../../../../../../utils/functions/classNames/classNames.es.js';
+
+const DynamicWidgetDropdown = ({ zIndex, isShown, onClose, children, className, contentClassName, }) => (jsx(ZoomTransition, Object.assign({ outDuration: 200, className: classNames('dynamic-widget-dropdown', className), isShown: isShown }, { children: jsx("div", Object.assign({ "data-testid": 'DynamicWidgetDropdown', style: { zIndex }, className: classNames('dynamic-widget-dropdown__root', contentClassName) }, { children: children })) })));
+
+export { DynamicWidgetDropdown };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.cjs.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var classNames = require('../../../../../../utils/functions/classNames/classNames.cjs.js');
+require('@dynamic-labs/sdk-api');
+require('../../../../../../shared/logger.cjs.js');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+require('../../../../../../context/ViewContext/ViewContext.cjs.js');
+require('../../../../../../utils/constants/colors.cjs.js');
+var usePreventPageScroll = require('../../../../../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs.js');
+require('../../../../../../shared/consts/index.cjs.js');
+require('../../../../../../context/DynamicContext/DynamicContext.cjs.js');
+require('../../../../../../components/ShadowDOM/ShadowDOM.cjs.js');
+require('../../../../../../context/ThemeContext/ThemeContext.cjs.js');
+var Portal = require('../../../../../../components/Portal/Portal.cjs.js');
+require('react-dom');
+require('../../../../../../config/ApiEndpoint.cjs.js');
+require('../../../../../../context/ErrorContext/ErrorContext.cjs.js');
+require('ethers');
+require('../../../../../../context/MockContext/MockContext.cjs.js');
+require('../../../../../../context/CaptchaContext/CaptchaContext.cjs.js');
+require('../../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
+require('../../../../../../components/IconButton/IconButton.cjs.js');
+
+const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, }) => {
+    usePreventPageScroll.usePreventPageScroll(Boolean(isShown));
+    return (jsxRuntime.jsx(Portal.Portal, Object.assign({ zIndex: zIndex, handleClose: () => onClose === null || onClose === void 0 ? void 0 : onClose(), isShown: isShown, withBackdrop: true }, { children: jsxRuntime.jsx("div", Object.assign({ className: classNames.classNames('dynamic-widget-modal', className) }, { children: children })) })));
+};
+
+exports.DynamicWidgetModal = DynamicWidgetModal;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { VariantProps } from '../types';
+export declare const DynamicWidgetModal: FC<PropsWithChildren<VariantProps>>;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.es.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { classNames } from '../../../../../../utils/functions/classNames/classNames.es.js';
+import '@dynamic-labs/sdk-api';
+import '../../../../../../shared/logger.es.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import '../../../../../../context/ViewContext/ViewContext.es.js';
+import '../../../../../../utils/constants/colors.es.js';
+import { usePreventPageScroll } from '../../../../../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.es.js';
+import '../../../../../../shared/consts/index.es.js';
+import '../../../../../../context/DynamicContext/DynamicContext.es.js';
+import '../../../../../../components/ShadowDOM/ShadowDOM.es.js';
+import '../../../../../../context/ThemeContext/ThemeContext.es.js';
+import { Portal } from '../../../../../../components/Portal/Portal.es.js';
+import 'react-dom';
+import '../../../../../../config/ApiEndpoint.es.js';
+import '../../../../../../context/ErrorContext/ErrorContext.es.js';
+import 'ethers';
+import '../../../../../../context/MockContext/MockContext.es.js';
+import '../../../../../../context/CaptchaContext/CaptchaContext.es.js';
+import '../../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
+import '../../../../../../components/IconButton/IconButton.es.js';
+
+const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, }) => {
+    usePreventPageScroll(Boolean(isShown));
+    return (jsx(Portal, Object.assign({ zIndex: zIndex, handleClose: () => onClose === null || onClose === void 0 ? void 0 : onClose(), isShown: isShown, withBackdrop: true }, { children: jsx("div", Object.assign({ className: classNames('dynamic-widget-modal', className) }, { children: children })) })));
+};
+
+export { DynamicWidgetModal };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/index.d.ts

@@ -0,0 +1,2 @@
+export { DynamicWidgetDropdown } from './DynamicWidgetDropdown/DynamicWidgetDropdown';
+export { DynamicWidgetModal } from './DynamicWidgetModal/DynamicWidgetModal';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/types.d.ts

@@ -0,0 +1,7 @@
+export type VariantProps = {
+    className?: string;
+    contentClassName?: string;
+    isShown?: boolean;
+    onClose?: () => void;
+    zIndex?: number;
+};

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/DynamicWidgetViews.cjs.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs.js');
+var IndexView = require('../../views/IndexView/IndexView.cjs.js');
+var ProfileView = require('../../views/ProfileView/ProfileView.cjs.js');
+var EditProfileView = require('../../views/EditProfileView/EditProfileView.cjs.js');
+
+const mapViewToComponent = {
+    'edit-profile': EditProfileView.EditProfileView,
+    index: IndexView.IndexView,
+    profile: ProfileView.ProfileView,
+};
+const DynamicWidgetViews = () => {
+    const { dynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const ViewComponent = mapViewToComponent[dynamicWidgetView] || mapViewToComponent.index;
+    return jsxRuntime.jsx(ViewComponent, {});
+};
+
+exports.DynamicWidgetViews = DynamicWidgetViews;
+exports.mapViewToComponent = mapViewToComponent;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/DynamicWidgetViews.d.ts

@@ -0,0 +1,4 @@
+import React, { FC } from 'react';
+import { DynamicWidgetViews as DynamicWidgetViewsType } from '../../context/DynamicWidgetContext';
+export declare const mapViewToComponent: Record<DynamicWidgetViewsType, React.ComponentType>;
+export declare const DynamicWidgetViews: FC;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/DynamicWidgetViews.es.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { useWidgetContext } from '../../context/DynamicWidgetContext.es.js';
+import { IndexView } from '../../views/IndexView/IndexView.es.js';
+import { ProfileView } from '../../views/ProfileView/ProfileView.es.js';
+import { EditProfileView } from '../../views/EditProfileView/EditProfileView.es.js';
+
+const mapViewToComponent = {
+    'edit-profile': EditProfileView,
+    index: IndexView,
+    profile: ProfileView,
+};
+const DynamicWidgetViews = () => {
+    const { dynamicWidgetView } = useWidgetContext();
+    const ViewComponent = mapViewToComponent[dynamicWidgetView] || mapViewToComponent.index;
+    return jsx(ViewComponent, {});
+};
+
+export { DynamicWidgetViews, mapViewToComponent };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.cjs.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var Typography = require('../../../../components/Typography/Typography.cjs.js');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs.js');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+require('../../../../context/ViewContext/ViewContext.cjs.js');
+require('../../../../utils/constants/colors.cjs.js');
+require('../../../../shared/consts/index.cjs.js');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs.js');
+require('../../../../components/ShadowDOM/ShadowDOM.cjs.js');
+require('../../../../context/ThemeContext/ThemeContext.cjs.js');
+var classNames = require('../../../../utils/functions/classNames/classNames.cjs.js');
+require('react-dom');
+require('react-focus-lock');
+require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs.js');
+require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
+require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs.js');
+require('../../../../config/ApiEndpoint.cjs.js');
+require('../../../../context/ErrorContext/ErrorContext.cjs.js');
+require('ethers');
+var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs.js');
+require('../../../../context/MockContext/MockContext.cjs.js');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs.js');
+require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
+require('../../../../components/IconButton/IconButton.cjs.js');
+var getWalletVerifiedCredential = require('../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.cjs.js');
+var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs.js');
+var EmptyWallets = require('../EmptyWallets/EmptyWallets.cjs.js');
+var Wallet = require('../Wallet/Wallet.cjs.js');
+
+const DynamicWidgetWallets = () => {
+    const { secondaryWallets, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setNewWalletId, availableWalletsContainerRef } = DynamicWidgetContext.useWidgetContext();
+    const isEmpty = secondaryWallets.length === 0;
+    const isKYCEnabled = useKYCFlag.useKYCFlag();
+    return (jsxRuntime.jsxs("div", Object.assign({ ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets' }, { children: [!isKYCEnabled && (jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'regular', variant: 'body_normal', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "My wallets" }))), jsxRuntime.jsx("div", Object.assign({ className: classNames.classNames('available-wallets__body', {
+                    'dynamic-widget-wallets__body--apply-height': !isEmpty,
+                }) }, { children: isEmpty ? (jsxRuntime.jsx(EmptyWallets.EmptyWallets, {})) : (jsxRuntime.jsx("div", Object.assign({ className: 'available-wallets__wallet-list' }, { children: secondaryWallets.map((wallet, index) => {
+                        var _a;
+                        return (jsxRuntime.jsx(Wallet.Wallet, { ens: (_a = getWalletVerifiedCredential.getWalletVerifiedCredential(wallet, user === null || user === void 0 ? void 0 : user.verifiedCredentials)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet, setNewWalletId: setNewWalletId }, wallet.id));
+                    }) }))) }))] })));
+};
+
+exports.DynamicWidgetWallets = DynamicWidgetWallets;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const DynamicWidgetWallets: FC;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.es.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Typography } from '../../../../components/Typography/Typography.es.js';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.es.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import '../../../../context/ViewContext/ViewContext.es.js';
+import '../../../../utils/constants/colors.es.js';
+import '../../../../shared/consts/index.es.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.es.js';
+import '../../../../components/ShadowDOM/ShadowDOM.es.js';
+import '../../../../context/ThemeContext/ThemeContext.es.js';
+import { classNames } from '../../../../utils/functions/classNames/classNames.es.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../../../components/Transition/ZoomTransition/ZoomTransition.es.js';
+import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.es.js';
+import '../../../../components/Transition/OpacityTransition/OpacityTransition.es.js';
+import '../../../../config/ApiEndpoint.es.js';
+import '../../../../context/ErrorContext/ErrorContext.es.js';
+import 'ethers';
+import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.es.js';
+import '../../../../context/MockContext/MockContext.es.js';
+import '../../../../context/CaptchaContext/CaptchaContext.es.js';
+import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
+import '../../../../components/IconButton/IconButton.es.js';
+import { getWalletVerifiedCredential } from '../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.es.js';
+import { useWidgetContext } from '../../context/DynamicWidgetContext.es.js';
+import { EmptyWallets } from '../EmptyWallets/EmptyWallets.es.js';
+import { Wallet } from '../Wallet/Wallet.es.js';
+
+const DynamicWidgetWallets = () => {
+    const { secondaryWallets, user } = useInternalDynamicContext();
+    const { setNewWalletId, availableWalletsContainerRef } = useWidgetContext();
+    const isEmpty = secondaryWallets.length === 0;
+    const isKYCEnabled = useKYCFlag();
+    return (jsxs("div", Object.assign({ ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets' }, { children: [!isKYCEnabled && (jsx(Typography, Object.assign({ weight: 'regular', variant: 'body_normal', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "My wallets" }))), jsx("div", Object.assign({ className: classNames('available-wallets__body', {
+                    'dynamic-widget-wallets__body--apply-height': !isEmpty,
+                }) }, { children: isEmpty ? (jsx(EmptyWallets, {})) : (jsx("div", Object.assign({ className: 'available-wallets__wallet-list' }, { children: secondaryWallets.map((wallet, index) => {
+                        var _a;
+                        return (jsx(Wallet, { ens: (_a = getWalletVerifiedCredential(wallet, user === null || user === void 0 ? void 0 : user.verifiedCredentials)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet, setNewWalletId: setNewWalletId }, wallet.id));
+                    }) }))) }))] })));
+};
+
+export { DynamicWidgetWallets };

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.cjs.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var iconic = require('@dynamic-labs/iconic');
+require('react');
+var Typography = require('../../../../components/Typography/Typography.cjs.js');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs.js');
+require('@dynamic-labs/multi-wallet');
+require('../../../../context/ViewContext/ViewContext.cjs.js');
+require('../../../../utils/constants/colors.cjs.js');
+require('../../../../shared/consts/index.cjs.js');
+require('../../../../context/DynamicContext/DynamicContext.cjs.js');
+require('../../../../components/ShadowDOM/ShadowDOM.cjs.js');
+require('../../../../context/ThemeContext/ThemeContext.cjs.js');
+require('react-dom');
+require('react-focus-lock');
+require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs.js');
+require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
+require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs.js');
+require('../../../../config/ApiEndpoint.cjs.js');
+require('../../../../context/ErrorContext/ErrorContext.cjs.js');
+require('ethers');
+require('../../../../context/MockContext/MockContext.cjs.js');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs.js');
+require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
+require('../../../../components/IconButton/IconButton.cjs.js');
+var IconWithSpinner = require('../../../../components/IconWithSpinner/IconWithSpinner.cjs.js');
+
+const EmailConnectorPendingSignModalContent = ({ emailWalletConnector }) => (jsxRuntime.jsxs("div", Object.assign({ className: 'email-connector-pending-sign-modal-content' }, { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: iconic.SignInWithEmailIcon, iconSize: 80, isSpinning: true }), jsxRuntime.jsxs("div", Object.assign({ className: 'email-connector-pending-sign-modal-content__body' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'email-connector-pending-sign-modal-content__title' }, { children: "Confirm your email" })), jsxRuntime.jsxs(Typography.Typography, Object.assign({ weight: 'regular', variant: 'body_normal', color: 'secondary' }, { children: ["We\u2019ve sent a verification email to", ' ', jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'medium', as: 'span' }, { children: emailWalletConnector.email }))] })), jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'regular', variant: 'body_small', color: 'secondary' }, { children: "Note: it might take a few seconds to proceed after clicking the link in your email" }))] }))] })));
+
+exports.EmailConnectorPendingSignModalContent = EmailConnectorPendingSignModalContent;

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.d.ts

@@ -0,0 +1,2 @@
+import { EmailConnectorPendingSignModalContentComponent } from './EmailConnectorPendingSignModalContent.types';
+export declare const EmailConnectorPendingSignModalContent: EmailConnectorPendingSignModalContentComponent;

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.es.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
+import 'react';
+import { Typography } from '../../../../components/Typography/Typography.es.js';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.es.js';
+import '@dynamic-labs/multi-wallet';
+import '../../../../context/ViewContext/ViewContext.es.js';
+import '../../../../utils/constants/colors.es.js';
+import '../../../../shared/consts/index.es.js';
+import '../../../../context/DynamicContext/DynamicContext.es.js';
+import '../../../../components/ShadowDOM/ShadowDOM.es.js';
+import '../../../../context/ThemeContext/ThemeContext.es.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../../../components/Transition/ZoomTransition/ZoomTransition.es.js';
+import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.es.js';
+import '../../../../components/Transition/OpacityTransition/OpacityTransition.es.js';
+import '../../../../config/ApiEndpoint.es.js';
+import '../../../../context/ErrorContext/ErrorContext.es.js';
+import 'ethers';
+import '../../../../context/MockContext/MockContext.es.js';
+import '../../../../context/CaptchaContext/CaptchaContext.es.js';
+import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
+import '../../../../components/IconButton/IconButton.es.js';
+import { IconWithSpinner } from '../../../../components/IconWithSpinner/IconWithSpinner.es.js';
+
+const EmailConnectorPendingSignModalContent = ({ emailWalletConnector }) => (jsxs("div", Object.assign({ className: 'email-connector-pending-sign-modal-content' }, { children: [jsx(IconWithSpinner, { Icon: SignInWithEmailIcon, iconSize: 80, isSpinning: true }), jsxs("div", Object.assign({ className: 'email-connector-pending-sign-modal-content__body' }, { children: [jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'email-connector-pending-sign-modal-content__title' }, { children: "Confirm your email" })), jsxs(Typography, Object.assign({ weight: 'regular', variant: 'body_normal', color: 'secondary' }, { children: ["We\u2019ve sent a verification email to", ' ', jsx(Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'medium', as: 'span' }, { children: emailWalletConnector.email }))] })), jsx(Typography, Object.assign({ weight: 'regular', variant: 'body_small', color: 'secondary' }, { children: "Note: it might take a few seconds to proceed after clicking the link in your email" }))] }))] })));
+
+export { EmailConnectorPendingSignModalContent };

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.types.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { EmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
+export type EmailConnectorPendingSignModalContentProps = {
+    emailWalletConnector: EmailWalletConnector;
+};
+export type EmailConnectorPendingSignModalContentComponent = FC<EmailConnectorPendingSignModalContentProps>;

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/index.d.ts

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

package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.cjs.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs.js');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+require('../../../../context/ViewContext/ViewContext.cjs.js');
+require('../../../../utils/constants/colors.cjs.js');
+require('../../../../shared/consts/index.cjs.js');
+require('../../../../context/DynamicContext/DynamicContext.cjs.js');
+require('../../../../components/ShadowDOM/ShadowDOM.cjs.js');
+require('../../../../context/ThemeContext/ThemeContext.cjs.js');
+require('react-dom');
+require('react-focus-lock');
+require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs.js');
+require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
+require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs.js');
+require('../../../../config/ApiEndpoint.cjs.js');
+require('../../../../context/ErrorContext/ErrorContext.cjs.js');
+require('ethers');
+require('../../../../context/MockContext/MockContext.cjs.js');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs.js');
+var useMutation = require('../../../../utils/hooks/useMutation/useMutation.cjs.js');
+require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
+require('../../../../components/IconButton/IconButton.cjs.js');
+var OTPVerificationView = require('../../../../components/OTPVerificationView/OTPVerificationView.cjs.js');
+
+const EmailOTPConnectorPendingSignModalContent = ({ walletConnector }) => {
+    const [error, setError] = React.useState();
+    const { email } = walletConnector;
+    if (!email) {
+        throw new Error('EmailOTPConnectorPendingSignModalContent requires a email');
+    }
+    const { data: isValid, isLoading, mutate: onSubmit, } = useMutation.useMutation((otp) => walletConnector.verifyOneTimePassword(otp), {
+        onFailure: (error) => setError(error),
+    });
+    return (jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { email: email, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid === true, onPinChange: () => setError(undefined) }));
+};
+
+exports.EmailOTPConnectorPendingSignModalContent = EmailOTPConnectorPendingSignModalContent;

package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { EmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
+type EmailOTPConnectorPendingSignModalContentProps = {
+    walletConnector: EmailOTPWalletConnector;
+};
+export declare const EmailOTPConnectorPendingSignModalContent: FC<EmailOTPConnectorPendingSignModalContentProps>;
+export {};