@dynamic-labs/sdk-react-core 2.0.0-alpha.2 → 2.0.0-alpha.4

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js

@@ -19,7 +19,6 @@ import { authModalZIndex } from '../../shared/consts/index.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import { isMagicConnector } from '../../utils/functions/isMagicConnector/isMagicConnector.js';
 import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -28,7 +27,6 @@ import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
-import { useTransactionWithGasPrice } from '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import 'yup';
 import 'react-i18next';
 import '../../context/MockContext/MockContext.js';
@@ -36,11 +34,11 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.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/ShadowDOM/ShadowDOM.js';
-import '../../components/OverlayCard/OverlayCard.context.js';
+import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -48,38 +46,36 @@ import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import { Portal } from '../../components/Portal/Portal.js';
 import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/WalletContext/WalletContext.js';
 import 'i18next';
 import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
-import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import { TransactionConfirmationView } from '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/Input/Input.js';
 import '../../components/IsBrowser/IsBrowser.js';
-import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../views/WalletList/WalletList.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import 'react-international-phone';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 
-const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, walletConnector, copykey, }) => {
+const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, copykey, }) => {
     usePreventPageScroll(true);
     const [show, setShow] = useState(true);
     const errorRef = useRef(null);
     const transactionResponseRef = useRef(null);
-    const transactionWithGasPrice = useTransactionWithGasPrice({
-        enabled: isMagicConnector(walletConnector),
-        increasePercentage: 5,
-        provider,
-        transaction,
-    });
     const closeModal = useCallback(() => {
         setShow(false);
     }, [setShow]);
@@ -88,11 +84,11 @@ const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionR
             return onTransactionResponseSuccess(transactionResponseRef.current);
         }
         return onReject(errorRef.current ||
-            new TransactionExecutionError(new BaseError('user rejected transaction'), Object.assign({}, transactionWithGasPrice)));
+            new TransactionExecutionError(new BaseError('user rejected transaction'), Object.assign({}, transaction)));
     }, [onTransactionResponseSuccess, onReject]);
     return (jsx(Portal, { handleClose: closeModal, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-transaction', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(TransactionConfirmationView, { provider: provider, transaction: transactionWithGasPrice, title: title, copykey: copykey, mutation: () => handler(transactionWithGasPrice), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
+        }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(TransactionConfirmationView, { provider: provider, transaction: transaction, title: title, copykey: copykey, mutation: () => handler(transaction), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
                         errorRef.current = null;
                         transactionResponseRef.current = transactionResponse;
                         closeModal();

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.types.d.ts

@@ -1,14 +1,13 @@
 import { FC, ReactNode } from 'react';
-import { Address, PublicClient, TransactionRequest } from 'viem';
-import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { Address, PublicClient } from 'viem';
+import { IUITransaction } from '@dynamic-labs/types';
 import { CopyKey } from '../../shared';
 export type TransactionConfirmationModalProps = {
-    handler: (transaction: TransactionRequest) => Promise<Address>;
+    handler: (transaction: IUITransaction) => Promise<Address>;
     onReject: (error: unknown) => void;
     onTransactionResponseSuccess: (transactionResponse: Address) => void;
     title: ReactNode;
-    transaction: TransactionRequest;
+    transaction: IUITransaction;
     provider: PublicClient;
-    walletConnector: WalletConnector;
 } & CopyKey;
 export type TransactionConfirmationModalComponent = FC<TransactionConfirmationModalProps>;

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.cjs

@@ -37,11 +37,11 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -49,27 +49,31 @@ var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 var Portal = require('../../components/Portal/Portal.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/WalletContext/WalletContext.cjs');
 require('i18next');
 require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
-require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
-require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var UserFieldEditorView = require('../../views/UserFieldEditorView/UserFieldEditorView.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/Input/Input.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
-require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('react-international-phone');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 
 const UserFieldEditorModal = (_a) => {
     var { onCancel, onSubmit, fields } = _a, textOptions = _tslib.__rest(_a, ["onCancel", "onSubmit", "fields"]);

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.js

@@ -33,11 +33,11 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.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/ShadowDOM/ShadowDOM.js';
-import '../../components/OverlayCard/OverlayCard.context.js';
+import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -45,27 +45,31 @@ import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import { Portal } from '../../components/Portal/Portal.js';
 import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/WalletContext/WalletContext.js';
 import 'i18next';
 import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
-import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
-import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { UserFieldEditorView } from '../../views/UserFieldEditorView/UserFieldEditorView.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/Input/Input.js';
 import '../../components/IsBrowser/IsBrowser.js';
-import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../views/WalletList/WalletList.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import 'react-international-phone';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 
 const UserFieldEditorModal = (_a) => {
     var { onCancel, onSubmit, fields } = _a, textOptions = __rest(_a, ["onCancel", "onSubmit", "fields"]);

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

@@ -1,4 +1,6 @@
+export * from './ConfirmationModal';
 export * from './DynamicAuthModal';
+export * from './EnterPasswordModal';
 export * from './SendBalanceModal';
 export * from './SignMessageConfirmationModal';
 export * from './TransactionConfirmationModal';

package/src/lib/shared/assets/chevron-down.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgChevronDown = function SvgChevronDown(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.862 5.529c.26-.26.682-.26.943 0L8 9.724l4.195-4.195a.667.667 0 1 1 .943.943L8.47 11.138a.667.667 0 0 1-.943 0L2.862 6.472a.667.667 0 0 1 0-.943Z",
+    fill: "#7B7D86"
+  })));
+};
+
+exports.ReactComponent = SvgChevronDown;

package/src/lib/shared/assets/chevron-down.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgChevronDown = function SvgChevronDown(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.862 5.529c.26-.26.682-.26.943 0L8 9.724l4.195-4.195a.667.667 0 1 1 .943.943L8.47 11.138a.667.667 0 0 1-.943 0L2.862 6.472a.667.667 0 0 1 0-.943Z",
+    fill: "#7B7D86"
+  })));
+};
+
+export { SvgChevronDown as ReactComponent };

package/src/lib/shared/assets/index.d.ts

@@ -1,6 +1,8 @@
 export { PhantomLedgerIcon } from './wallets/PhantomLedgerIcon/PhantomLedgerIcon';
 export { ReactComponent as AddWalletIcon } from './add-wallet.svg';
 export { ReactComponent as AddIcon } from './add.svg';
+export { ReactComponent as AltEmbeddedWalletIcon } from './alt-embedded-wallet.svg';
+export { ReactComponent as AltKeyIcon } from './alt-key.svg';
 export { ReactComponent as AndroidFaceId } from './android-face-id.svg';
 export { ReactComponent as AndroidTouchId } from './android-touch-id.svg';
 export { ReactComponent as ArrowDownIcon } from './arrow-down.svg';
@@ -11,30 +13,42 @@ export { ReactComponent as AtIcon } from './at.svg';
 export { ReactComponent as CheckCircleIcon } from './check-circle.svg';
 export { ReactComponent as CheckConnectionIcon } from './check-connection.svg';
 export { ReactComponent as CheckIcon } from './check.svg';
+export { ReactComponent as ChevronDownIcon } from './chevron-down.svg';
 export { ReactComponent as ChevronLeftIcon } from './chevron-left.svg';
+export { ReactComponent as CircleLockerIcon } from './circle-locker.svg';
 export { ReactComponent as CloseIcon } from './close.svg';
 export { ReactComponent as CopyIcon } from './copy.svg';
+export { ReactComponent as DomainIcon } from './domain.svg';
 export { ReactComponent as DotsHorizontalIcon } from './dots-horizontal.svg';
 export { ReactComponent as DoubleArrowRightIcon } from './double-arrow-right.svg';
 export { ReactComponent as DynamicLogoIcon } from './dynamic-logo.svg';
 export { ReactComponent as EmbeddedWalletIcon } from './embedded-wallet-icon.svg';
 export { ReactComponent as ErrorIcon } from './error.svg';
+export { ReactComponent as ExportEmbeddedHero } from './export-embedded-hero.svg';
+export { ReactComponent as ExportPrivateKeyIcon } from './export-private-key.svg';
+export { ReactComponent as ExportRecoveryPhraseIcon } from './export-recovery-phrase.svg';
 export { ReactComponent as ExternalLinkIcon } from './externalLink.svg';
 export { ReactComponent as EyeOffIcon } from './eye-off-icon.svg';
+export { ReactComponent as FaceIdIcon } from './face-id.svg';
 export { ReactComponent as EyeIcon } from './footer-eye-icon.svg';
 export { ReactComponent as GasIcon } from './footer-gas-icon.svg';
 export { ReactComponent as InfoIcon } from './footer-info-icon.svg';
 export { ReactComponent as KeyIcon } from './footer-key-icon.svg';
+export { ReactComponent as GearIcon } from './gear.svg';
 export { ReactComponent as IPhoneFaceId } from './iphone-face-id.svg';
 export { ReactComponent as IPhoneTouchId } from './iphone-touch-id.svg';
 export { ReactComponent as JustifiedTextIcon } from './justified-text.svg';
 export { ReactComponent as KeyOutlineIcon } from './key.svg';
 export { ReactComponent as LinkIcon } from './link.svg';
 export { ReactComponent as LocationIcon } from './location.svg';
+export { ReactComponent as LockIcon } from './lock.svg';
 export { ReactComponent as LogoutIcon } from './logout.svg';
 export { ReactComponent as MailIcon } from './mail.svg';
+export { ReactComponent as AccountSecurityIcon } from './multiple-account-security.svg';
+export { ReactComponent as PasskeyAccountSecurityIcon } from './passkey-account-security.svg';
 export { ReactComponent as PasskeyIntroIcon } from './passkey-intro-icon.svg';
 export { ReactComponent as PasskeySuccessIcon } from './passkey-success-icon.svg';
+export { ReactComponent as PasswordHeroIcon } from './password-hero.svg';
 export { ReactComponent as PencilAltIcon } from './pencil-alt-icon.svg';
 export { ReactComponent as PencilIcon } from './pencil.svg';
 export { ReactComponent as PhoneIcon } from './phone.svg';
@@ -57,17 +71,5 @@ export { ReactComponent as UserCardIcon } from './user-card.svg';
 export { ReactComponent as UserIcon } from './user.svg';
 export { ReactComponent as WalletConnectLogo } from './wallet-connect-logo.svg';
 export { ReactComponent as WalletOutlineIcon } from './wallet-outline.svg';
-export { ReactComponent as WorkSuitcaseIcon } from './work-suitcase.svg';
-export { ReactComponent as CircleLockerIcon } from './circle-locker.svg';
-export { ReactComponent as LockIcon } from './lock.svg';
-export { ReactComponent as AltEmbeddedWalletIcon } from './alt-embedded-wallet.svg';
-export { ReactComponent as FaceIdIcon } from './face-id.svg';
-export { ReactComponent as ExportEmbeddedHero } from './export-embedded-hero.svg';
 export { ReactComponent as WalletV2Icon } from './wallet-v2.svg';
-export { ReactComponent as AltKeyIcon } from './alt-key.svg';
-export { ReactComponent as ExportPrivateKeyIcon } from './export-private-key.svg';
-export { ReactComponent as ExportRecoveryPhraseIcon } from './export-recovery-phrase.svg';
-export { ReactComponent as DomainIcon } from './domain.svg';
-export { ReactComponent as GearIcon } from './gear.svg';
-export { ReactComponent as AccountSecurityIcon } from './multiple-account-security.svg';
-export { ReactComponent as PasskeyAccountSecurityIcon } from './passkey-account-security.svg';
+export { ReactComponent as WorkSuitcaseIcon } from './work-suitcase.svg';

package/src/lib/shared/assets/password-hero.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgPasswordHero = function SvgPasswordHero(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 65,
+    height: 64,
+    viewBox: "0 0 65 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M32.5 64c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32C14.827 0 .5 14.327.5 32c0 17.673 14.327 32 32 32Zm-7.618-38.89v-4.037a8.074 8.074 0 0 1 16.147 0v4.036a13.436 13.436 0 0 1 5.383 10.766c0 7.431-6.025 13.456-13.456 13.456-7.432 0-13.456-6.025-13.456-13.456 0-4.402 2.114-8.31 5.382-10.765Zm13.147-1.702v-2.335a5.074 5.074 0 0 0-10.147 0v2.336a13.416 13.416 0 0 1 5.074-.99c1.795 0 3.507.352 5.073.99ZM34.5 36.663a3.5 3.5 0 1 0-3 0V39.5a1.5 1.5 0 0 0 3 0v-2.837Z",
+    fill: "#4779FF"
+  })));
+};
+
+exports.ReactComponent = SvgPasswordHero;

package/src/lib/shared/assets/password-hero.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgPasswordHero = function SvgPasswordHero(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 65,
+    height: 64,
+    viewBox: "0 0 65 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M32.5 64c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32C14.827 0 .5 14.327.5 32c0 17.673 14.327 32 32 32Zm-7.618-38.89v-4.037a8.074 8.074 0 0 1 16.147 0v4.036a13.436 13.436 0 0 1 5.383 10.766c0 7.431-6.025 13.456-13.456 13.456-7.432 0-13.456-6.025-13.456-13.456 0-4.402 2.114-8.31 5.382-10.765Zm13.147-1.702v-2.335a5.074 5.074 0 0 0-10.147 0v2.336a13.416 13.416 0 0 1 5.074-.99c1.795 0 3.507.352 5.073.99ZM34.5 36.663a3.5 3.5 0 1 0-3 0V39.5a1.5 1.5 0 0 0 3 0v-2.837Z",
+    fill: "#4779FF"
+  })));
+};
+
+export { SvgPasswordHero as ReactComponent };

package/src/lib/shared/types/connectionAndSignature.d.ts

@@ -0,0 +1,15 @@
+import { OauthProviderRequest } from '@dynamic-labs/sdk-api';
+import type { FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+export interface VerifyCallbackArgs {
+    captchaToken?: string;
+    fetchPublicAddressOpts?: FetchPublicAddressOpts;
+    oauth?: OauthProviderRequest;
+    publicWalletAddress: string;
+    walletConnector: WalletConnector;
+    signedMessageOverride?: string;
+    messageToSignOverride?: string;
+}
+export type MultiWalletWidgetState = 'idle' | 'awaiting_account_switch' | 'awaiting_connection' | 'awaiting_signature' | 'detected_new_wallet';
+export type AccountSwitchState = 'idle' | 'linking_new_wallet' | 'switching_primary' | 'primary_not_connected';
+export type AwaitingSignatureState = 'idle' | 'linking_new_wallet' | 'transferring_wallet';
+export type AuthModeType = 'connect-only' | 'connect-and-sign';

package/src/lib/shared/types/dynamicEventsCallbacks.d.ts

@@ -0,0 +1,48 @@
+import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
+import { UserProfile } from './user';
+import { Wallet } from './wallets';
+export type DynamicEventsCallbacks = {
+    onSignedMessage?: (params: {
+        messageToSign: string;
+        signedMessage: string;
+    }) => void;
+    /** Called when the auth modal is closed before reaching success (due to user cancel or fail) */
+    onAuthFlowCancel?: () => void;
+    /** Called whenever the auth modal is closed */
+    onAuthFlowClose?: () => void;
+    onAuthFlowOpen?: () => void;
+    onAuthSuccess?: OnAuthSuccess;
+    onConnect?: onConnect;
+    onDisconnect?: OnDisconnect;
+    onEmailVerificationSuccess?: OnEmailVerificationSuccess;
+    onEmailVerificationFailure?: OnEmailVerificationFailure;
+    onBeforeConnectSuccessConfirmation?: OnBeforeConnectSuccessConfirmation;
+    onLinkSuccess?: OnLinkSuccess;
+    onLogout?: (user: UserProfile | undefined) => void;
+    onUnlinkSuccess?: (unlinkedWallet: JwtVerifiedCredential) => void;
+    onUserProfileUpdate?: (user: UserProfile) => void;
+    onEmbeddedWalletCreated?: OnEmbeddedWalletCreated;
+};
+export type OnAuthSuccess = (params: {
+    authToken: string;
+    handleLogOut: () => Promise<void>;
+    isAuthenticated: boolean;
+    primaryWallet: Wallet | null;
+    user: UserProfile;
+}) => void;
+export type OnLinkSuccess = (params: {
+    authToken: string;
+    user: UserProfile;
+    wallet: Wallet | undefined;
+}) => void;
+export type onConnect = (params: {
+    wallet: Wallet | undefined;
+}) => void;
+export type OnDisconnect = (params: {
+    wallet: Wallet | undefined;
+}) => void;
+export type OnEmailVerificationSuccess = (email: string) => void;
+export type OnEmailVerificationFailure = (email: string) => void;
+export type OnBeforeConnectSuccessConfirmation = (wallet: Partial<Wallet>) => Promise<boolean>;
+export type OnUserProfileUpdate = (user: UserProfile) => void;
+export type OnEmbeddedWalletCreated = (verifiedCredential: JwtVerifiedCredential | undefined) => void;

package/src/lib/shared/types/embeddedWallets.d.ts

@@ -0,0 +1,6 @@
+export type EmbeddedWalletSessionSettings = {
+    emailCode: string;
+    userId: string;
+    createdAt: number;
+};
+export type EmbeddedWalletCurrentAction = 'signMessage' | 'sendTransaction' | 'helpSession' | 'reveal';

package/src/lib/shared/types/general.d.ts

@@ -0,0 +1,5 @@
+export type BrowserName = 'brave' | 'chrome' | 'edge' | 'firefox' | 'safari';
+export type ErrorWithCode = Error & {
+    code: string;
+};
+export type PasswordInputMode = 'password' | 'text';