@dynamic-labs/sdk-react-core 0.16.1 → 0.17.0-RC.0

package/CHANGELOG.md

@@ -1,4 +1,16 @@
 
+## [0.17.0-RC.0](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.1...v0.17.0-RC.0) (2023-04-18)
+
+
+### Features
+
+* add magic social wallet connector ([#1848](https://github.com/dynamic-labs/DynamicAuth/issues/1848)) ([3f49d22](https://github.com/dynamic-labs/DynamicAuth/commit/3f49d2222ddf90835e3e3d58ac860835f33c9910))
+
+
+### Bug Fixes
+
+* type=module requires dot cjs files for running with node ([#1890](https://github.com/dynamic-labs/DynamicAuth/issues/1890)) ([5751d6e](https://github.com/dynamic-labs/DynamicAuth/commit/5751d6ebd6df376b241e812c5ae860b3a0cf6c80))
+
 ### [0.16.1](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.0...v0.16.1) (2023-04-15)
 
 

package/package.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var version = "0.17.0-RC.0";
+var dependencies = {
+	"react-focus-lock": "^2.9.2",
+	"@dynamic-labs/sdk-api": "0.0.174",
+	"@dynamic-labs/iconic": "^0.1.16",
+	"@dynamic-labs/wallet-book": "^0.0.11",
+	"@hcaptcha/react-hcaptcha": "~1.4.4",
+	"country-list": "^2.3.0",
+	yup: "^0.32.11",
+	formik: "^2.2.9",
+	qrcode: "^1.5.1",
+	ethers: "^5.7.2"
+};
+
+exports.dependencies = dependencies;
+exports.version = version;

package/package.js

@@ -0,0 +1,15 @@
+var version = "0.17.0-RC.0";
+var dependencies = {
+	"react-focus-lock": "^2.9.2",
+	"@dynamic-labs/sdk-api": "0.0.174",
+	"@dynamic-labs/iconic": "^0.1.16",
+	"@dynamic-labs/wallet-book": "^0.0.11",
+	"@hcaptcha/react-hcaptcha": "~1.4.4",
+	"country-list": "^2.3.0",
+	yup: "^0.32.11",
+	formik: "^2.2.9",
+	qrcode: "^1.5.1",
+	ethers: "^5.7.2"
+};
+
+export { dependencies, version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.16.1",
+  "version": "0.17.0-RC.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,9 +17,9 @@
     "formik": "^2.2.9",
     "qrcode": "^1.5.1",
     "ethers": "^5.7.2",
-    "@dynamic-labs/logger": "0.16.1",
-    "@dynamic-labs/multi-wallet": "0.16.1",
-    "@dynamic-labs/wallet-connector-core": "0.16.1"
+    "@dynamic-labs/logger": "0.17.0-RC.0",
+    "@dynamic-labs/multi-wallet": "0.17.0-RC.0",
+    "@dynamic-labs/wallet-connector-core": "0.17.0-RC.0"
   },
   "devDependencies": {
     "semver": "^7.3.8"
@@ -35,15 +35,15 @@
   "homepage": "https://github.com/dynamic-labs/DynamicAuth#readme",
   "author": "Dynamic Labs, Inc.",
   "license": "MIT",
-  "main": "./src/index.cjs.js",
-  "module": "./src/index.es.js",
+  "main": "./src/index.cjs",
+  "module": "./src/index.js",
   "types": "./src/index.d.ts",
   "type": "module",
   "exports": {
     ".": {
       "types": "./src/index.d.ts",
-      "import": "./src/index.es.js",
-      "require": "./src/index.cjs.js"
+      "import": "./src/index.js",
+      "require": "./src/index.cjs"
     },
     "./package.json": "./package.json"
   }

package/src/index.cjs

@@ -0,0 +1,210 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var version = require('./version.cjs');
+var data = require('./lib/views/WalletList/data.cjs');
+var getAuthToken = require('./lib/utils/functions/getAuthToken/getAuthToken.cjs');
+var DynamicContext = require('./lib/context/DynamicContext/DynamicContext.cjs');
+var useDynamicContext = require('./lib/context/DynamicContext/useDynamicContext.cjs');
+var DynamicWidget = require('./lib/widgets/DynamicWidget/DynamicWidget.cjs');
+var DynamicNav = require('./lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.cjs');
+var DynamicUserProfile = require('./lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.cjs');
+require('react/jsx-runtime');
+require('react');
+var classNames = require('./lib/utils/functions/classNames/classNames.cjs');
+var decodeJwt = require('./lib/shared/utils/functions/decodeJwt/decodeJwt.cjs');
+var getFromLS = require('./lib/shared/utils/functions/storage/getFromLS.cjs');
+var setToLS = require('./lib/shared/utils/functions/storage/setToLS.cjs');
+var validateType = require('./lib/shared/utils/functions/validateType/validateType.cjs');
+var getChainIcon = require('./lib/shared/utils/functions/chain/getChainIcon.cjs');
+var getChainDisplayName = require('./lib/shared/utils/functions/chain/getChainDisplayName.cjs');
+var createWallet = require('./lib/shared/utils/functions/wallet/createWallet.cjs');
+var index$1 = require('./lib/shared/utils/functions/getValueByKey/index.cjs');
+var detectBrowser = require('./lib/shared/utils/functions/detectBrowser/detectBrowser.cjs');
+var shortenWalletAddress = require('./lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
+var debounce = require('./lib/shared/utils/functions/debounce/debounce.cjs');
+var isSSR = require('./lib/shared/utils/functions/isSSR/isSSR.cjs');
+var isDisplayOrderPriorityForWeb3 = require('./lib/shared/utils/functions/isDisplayOrderPriorityForWeb3/isDisplayOrderPriorityForWeb3.cjs');
+var isDisplayOrderPriorityForWeb2 = require('./lib/shared/utils/functions/isDisplayOrderPriorityForWeb2/isDisplayOrderPriorityForWeb2.cjs');
+var getWalletListItemLabel = require('./lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.cjs');
+var useLocalStorage = require('./lib/shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+var index$2 = require('./lib/shared/utils/hooks/useOnClickOutside/index.cjs');
+var usePreventPageScroll = require('./lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
+var PhantomLedgerIcon = require('./lib/shared/assets/wallets/PhantomLedgerIcon/PhantomLedgerIcon.cjs');
+var stroke = require('./lib/shared/assets/stroke.cjs');
+var arrowRight = require('./lib/shared/assets/arrow-right.cjs');
+var arrowDown = require('./lib/shared/assets/arrow-down.cjs');
+var close = require('./lib/shared/assets/close.cjs');
+var chevronLeft = require('./lib/shared/assets/chevron-left.cjs');
+var error = require('./lib/shared/assets/error.cjs');
+var check = require('./lib/shared/assets/check.cjs');
+var checkCircle = require('./lib/shared/assets/check-circle.cjs');
+var walletConnectLogo = require('./lib/shared/assets/wallet-connect-logo.cjs');
+var spinner = require('./lib/shared/assets/spinner.cjs');
+var copy = require('./lib/shared/assets/copy.cjs');
+var threeDots = require('./lib/shared/assets/three-dots.cjs');
+var logout = require('./lib/shared/assets/logout.cjs');
+var addWallet = require('./lib/shared/assets/add-wallet.cjs');
+var add = require('./lib/shared/assets/add.cjs');
+var promptAccountSwitch = require('./lib/shared/assets/prompt-account-switch.cjs');
+var unlink = require('./lib/shared/assets/unlink.cjs');
+var walletOutline = require('./lib/shared/assets/wallet-outline.cjs');
+var footerInfoIcon = require('./lib/shared/assets/footer-info-icon.cjs');
+var footerEyeIcon = require('./lib/shared/assets/footer-eye-icon.cjs');
+var footerGasIcon = require('./lib/shared/assets/footer-gas-icon.cjs');
+var footerKeyIcon = require('./lib/shared/assets/footer-key-icon.cjs');
+var puzzle = require('./lib/shared/assets/puzzle.cjs');
+var link = require('./lib/shared/assets/link.cjs');
+var externalLink = require('./lib/shared/assets/externalLink.cjs');
+var dynamicLogo = require('./lib/shared/assets/dynamic-logo.cjs');
+var signCircle = require('./lib/shared/assets/sign-circle.cjs');
+var pencilAltIcon = require('./lib/shared/assets/pencil-alt-icon.cjs');
+var pencil = require('./lib/shared/assets/pencil.cjs');
+var tooltipArrow = require('./lib/shared/assets/tooltip-arrow.cjs');
+var switchHorizontal = require('./lib/shared/assets/switch-horizontal.cjs');
+var index$3 = require('./lib/shared/consts/index.cjs');
+var logger = require('./lib/shared/logger.cjs');
+require('./lib/utils/constants/colors.cjs');
+var multiWallet = require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/sdk-api');
+var ShadowDOM = require('./lib/components/ShadowDOM/ShadowDOM.cjs');
+require('./lib/context/ThemeContext/ThemeContext.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('./lib/components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('./lib/components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('./lib/components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('./lib/context/ViewContext/ViewContext.cjs');
+require('./lib/config/ApiEndpoint.cjs');
+var isSameWalletName = require('./lib/utils/functions/isSameWalletName/isSameWalletName.cjs');
+require('./lib/context/ErrorContext/ErrorContext.cjs');
+require('ethers');
+var useWalletItemActions = require('./lib/utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
+var useUserUpdateRequest = require('./lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+var DynamicConnectButton = require('./lib/components/DynamicConnectButton/DynamicConnectButton.cjs');
+require('./lib/components/IconButton/IconButton.cjs');
+require('@dynamic-labs/iconic');
+var WalletList = require('./lib/views/WalletList/WalletList.cjs');
+var PendingSignatureView = require('./lib/views/PendingSignatureView/PendingSignatureView.cjs');
+var CollectUserDataView = require('./lib/views/CollectUserDataView/CollectUserDataView.cjs');
+var NoQrNotInstalledView = require('./lib/views/NoQrNotInstalledView/NoQrNotInstalledView.cjs');
+var QrCodeView = require('./lib/views/QrCodeView/QrCodeView.cjs');
+var WalletNoAccess = require('./lib/views/WalletNoAccess/WalletNoAccess.cjs');
+var EmailConfirmationWaitingView = require('./lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs');
+var viewToComponentMap = require('./lib/views/viewToComponentMap.cjs');
+var NetworkNotSupportedSwitchManual = require('./lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.cjs');
+var MockContext = require('./lib/context/MockContext/MockContext.cjs');
+var themesData = require('./lib/context/ThemeContext/themesData.cjs');
+var getNetwork = require('./lib/utils/functions/getNetwork/getNetwork.cjs');
+var useAuthenticateConnectedUser = require('./lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.cjs');
+var index = require('./lib/utils/functions/walletFilters/index.cjs');
+var DynamicWidgetContext = require('./lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+var useEmailVerificationRequest = require('./lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs');
+
+
+
+exports.VERSION = version.VERSION;
+exports.getInstalledWallets = data.getInstalledWallets;
+exports.getNotInstalledWallets = data.getNotInstalledWallets;
+exports.getAuthToken = getAuthToken.getAuthToken;
+exports.DynamicContext = DynamicContext.DynamicContext;
+exports.DynamicContextProvider = DynamicContext.DynamicContextProvider;
+exports.useDynamicContext = useDynamicContext.useDynamicContext;
+exports.DynamicWidget = DynamicWidget.DynamicWidget;
+exports.DynamicNav = DynamicNav.ShadowedDynamicNav;
+exports.DynamicUserProfile = DynamicUserProfile.ShadowedDynamicUserProfile;
+exports.classNames = classNames.classNames;
+exports.decodeJwt = decodeJwt.decodeJwt;
+exports.getFromLS = getFromLS.getFromLS;
+exports.setToLS = setToLS.setToLS;
+exports.validateType = validateType.validateType;
+exports.getChainIcon = getChainIcon.getChainIcon;
+exports.getChainDisplayName = getChainDisplayName.getChainDisplayName;
+exports.createWallet = createWallet.createWallet;
+exports.getValueByKey = index$1.getValueByKey;
+exports.detectBrowserName = detectBrowser.detectBrowserName;
+exports.shortenWalletAddress = shortenWalletAddress.shortenWalletAddress;
+exports.debounce = debounce.debounce;
+exports.isSSR = isSSR.isSSR;
+exports.isDisplayOrderPriorityForWeb3 = isDisplayOrderPriorityForWeb3.isDisplayOrderPriorityForWeb3;
+exports.isDisplayOrderPriorityForWeb2 = isDisplayOrderPriorityForWeb2.isDisplayOrderPriorityForWeb2;
+exports.getWalletListItemLabel = getWalletListItemLabel.getWalletListItemLabel;
+exports.useLocalStorage = useLocalStorage.useLocalStorage;
+exports.useOnClickOutside = index$2.useOnClickOutside;
+exports.usePreventPageScroll = usePreventPageScroll.usePreventPageScroll;
+exports.PhantomLedgerIcon = PhantomLedgerIcon.PhantomLedgerIcon;
+exports.ArrowIcon = stroke.ReactComponent;
+exports.ArrowRightIcon = arrowRight.ReactComponent;
+exports.ArrowDownIcon = arrowDown.ReactComponent;
+exports.CloseIcon = close.ReactComponent;
+exports.ChevronLeftIcon = chevronLeft.ReactComponent;
+exports.ErrorIcon = error.ReactComponent;
+exports.CheckIcon = check.ReactComponent;
+exports.CheckCircleIcon = checkCircle.ReactComponent;
+exports.WalletConnectLogo = walletConnectLogo.ReactComponent;
+exports.SpinnerIcon = spinner.ReactComponent;
+exports.CopyIcon = copy.ReactComponent;
+exports.ThreeDots = threeDots.ReactComponent;
+exports.LogoutIcon = logout.ReactComponent;
+exports.AddWalletIcon = addWallet.ReactComponent;
+exports.AddIcon = add.ReactComponent;
+exports.PromptAccountSwitch = promptAccountSwitch.ReactComponent;
+exports.UnlinkIcon = unlink.ReactComponent;
+exports.WalletOutlineIcon = walletOutline.ReactComponent;
+exports.InfoIcon = footerInfoIcon.ReactComponent;
+exports.EyeIcon = footerEyeIcon.ReactComponent;
+exports.GasIcon = footerGasIcon.ReactComponent;
+exports.KeyIcon = footerKeyIcon.ReactComponent;
+exports.PuzzleIcon = puzzle.ReactComponent;
+exports.LinkIcon = link.ReactComponent;
+exports.ExternalLinkIcon = externalLink.ReactComponent;
+exports.DynamicLogoIcon = dynamicLogo.ReactComponent;
+exports.SignCircleIcon = signCircle.ReactComponent;
+exports.PencilAltIcon = pencilAltIcon.ReactComponent;
+exports.PencilIcon = pencil.ReactComponent;
+exports.TooltipArrow = tooltipArrow.ReactComponent;
+exports.SwitchHorizontalIcon = switchHorizontal.ReactComponent;
+exports.authModalZIndex = index$3.authModalZIndex;
+exports.countryCodes = index$3.countryCodes;
+exports.defaultWalletsForChains = index$3.defaultWalletsForChains;
+exports.tShirtSizes = index$3.tShirtSizes;
+exports.teamNames = index$3.teamNames;
+exports.toolkitZIndex = index$3.toolkitZIndex;
+exports.tooltipZIndex = index$3.tooltipZIndex;
+exports.widgetModalZIndex = index$3.widgetModalZIndex;
+exports.logger = logger.logger;
+Object.defineProperty(exports, 'normalizeWalletName', {
+  enumerable: true,
+  get: function () { return multiWallet.normalizeWalletName; }
+});
+exports.ShadowDOM = ShadowDOM.ShadowDOM;
+exports.isSameWalletName = isSameWalletName.isSameWalletName;
+exports.useWalletItemActions = useWalletItemActions.useWalletItemActions;
+exports.useUserUpdateRequest = useUserUpdateRequest.useUserUpdateRequest;
+exports.DynamicConnectButton = DynamicConnectButton.DynamicConnectButton;
+exports.WalletList = WalletList.WalletList;
+exports.PendingSignatureView = PendingSignatureView.PendingSignatureView;
+exports.CollectUserDataView = CollectUserDataView.CollectUserDataView;
+exports.NoQrNotInstalledView = NoQrNotInstalledView.NoQrNotInstalledView;
+exports.QrCodeView = QrCodeView.QrCodeView;
+exports.WalletNoAccess = WalletNoAccess.WalletNoAccess;
+exports.EmailConfirmationWaitingView = EmailConfirmationWaitingView.EmailConfirmationWaitingView;
+exports.viewToComponentMap = viewToComponentMap.viewToComponentMap;
+exports.NetworkNotSupportedSwitchManual = NetworkNotSupportedSwitchManual.NetworkNotSupportedSwitchManual;
+exports.MockContext = MockContext.MockContext;
+exports.MockContextProvider = MockContext.MockContextProvider;
+exports.MockContextWrapper = MockContext.MockContextWrapper;
+exports.useMockContext = MockContext.useMockContext;
+exports.getDefaultColor = themesData.getDefaultColor;
+exports.getThemeConfig = themesData.getThemeConfig;
+exports.themesData = themesData.themesData;
+exports.getNetwork = getNetwork.getNetwork;
+exports.useAuthenticateConnectedUser = useAuthenticateConnectedUser.useAuthenticateConnectedUser;
+exports.FilterAndSortWallets = index.FilterAndSortWallets;
+exports.FilterWallets = index.FilterWallets;
+exports.RemoveWallets = index.RemoveWallets;
+exports.SortWallets = index.SortWallets;
+exports.UniswapFilter = index.UniswapFilter;
+exports.DynamicWidgetContextProvider = DynamicWidgetContext.DynamicWidgetContextProvider;
+exports.useEmailVerificationRequest = useEmailVerificationRequest.useEmailVerificationRequest;

package/src/index.js

@@ -0,0 +1,99 @@
+export { VERSION } from './version.js';
+export { getInstalledWallets, getNotInstalledWallets } from './lib/views/WalletList/data.js';
+export { getAuthToken } from './lib/utils/functions/getAuthToken/getAuthToken.js';
+export { DynamicContext, DynamicContextProvider } from './lib/context/DynamicContext/DynamicContext.js';
+export { useDynamicContext } from './lib/context/DynamicContext/useDynamicContext.js';
+export { DynamicWidget } from './lib/widgets/DynamicWidget/DynamicWidget.js';
+export { ShadowedDynamicNav as DynamicNav } from './lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.js';
+export { ShadowedDynamicUserProfile as DynamicUserProfile } from './lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.js';
+import 'react/jsx-runtime';
+import 'react';
+export { classNames } from './lib/utils/functions/classNames/classNames.js';
+export { decodeJwt } from './lib/shared/utils/functions/decodeJwt/decodeJwt.js';
+export { getFromLS } from './lib/shared/utils/functions/storage/getFromLS.js';
+export { setToLS } from './lib/shared/utils/functions/storage/setToLS.js';
+export { validateType } from './lib/shared/utils/functions/validateType/validateType.js';
+export { getChainIcon } from './lib/shared/utils/functions/chain/getChainIcon.js';
+export { getChainDisplayName } from './lib/shared/utils/functions/chain/getChainDisplayName.js';
+export { createWallet } from './lib/shared/utils/functions/wallet/createWallet.js';
+export { getValueByKey } from './lib/shared/utils/functions/getValueByKey/index.js';
+export { detectBrowserName } from './lib/shared/utils/functions/detectBrowser/detectBrowser.js';
+export { shortenWalletAddress } from './lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
+export { debounce } from './lib/shared/utils/functions/debounce/debounce.js';
+export { isSSR } from './lib/shared/utils/functions/isSSR/isSSR.js';
+export { isDisplayOrderPriorityForWeb3 } from './lib/shared/utils/functions/isDisplayOrderPriorityForWeb3/isDisplayOrderPriorityForWeb3.js';
+export { isDisplayOrderPriorityForWeb2 } from './lib/shared/utils/functions/isDisplayOrderPriorityForWeb2/isDisplayOrderPriorityForWeb2.js';
+export { getWalletListItemLabel } from './lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.js';
+export { useLocalStorage } from './lib/shared/utils/hooks/useLocalStorage/useLocalStorage.js';
+export { useOnClickOutside } from './lib/shared/utils/hooks/useOnClickOutside/index.js';
+export { usePreventPageScroll } from './lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
+export { PhantomLedgerIcon } from './lib/shared/assets/wallets/PhantomLedgerIcon/PhantomLedgerIcon.js';
+export { ReactComponent as ArrowIcon } from './lib/shared/assets/stroke.js';
+export { ReactComponent as ArrowRightIcon } from './lib/shared/assets/arrow-right.js';
+export { ReactComponent as ArrowDownIcon } from './lib/shared/assets/arrow-down.js';
+export { ReactComponent as CloseIcon } from './lib/shared/assets/close.js';
+export { ReactComponent as ChevronLeftIcon } from './lib/shared/assets/chevron-left.js';
+export { ReactComponent as ErrorIcon } from './lib/shared/assets/error.js';
+export { ReactComponent as CheckIcon } from './lib/shared/assets/check.js';
+export { ReactComponent as CheckCircleIcon } from './lib/shared/assets/check-circle.js';
+export { ReactComponent as WalletConnectLogo } from './lib/shared/assets/wallet-connect-logo.js';
+export { ReactComponent as SpinnerIcon } from './lib/shared/assets/spinner.js';
+export { ReactComponent as CopyIcon } from './lib/shared/assets/copy.js';
+export { ReactComponent as ThreeDots } from './lib/shared/assets/three-dots.js';
+export { ReactComponent as LogoutIcon } from './lib/shared/assets/logout.js';
+export { ReactComponent as AddWalletIcon } from './lib/shared/assets/add-wallet.js';
+export { ReactComponent as AddIcon } from './lib/shared/assets/add.js';
+export { ReactComponent as PromptAccountSwitch } from './lib/shared/assets/prompt-account-switch.js';
+export { ReactComponent as UnlinkIcon } from './lib/shared/assets/unlink.js';
+export { ReactComponent as WalletOutlineIcon } from './lib/shared/assets/wallet-outline.js';
+export { ReactComponent as InfoIcon } from './lib/shared/assets/footer-info-icon.js';
+export { ReactComponent as EyeIcon } from './lib/shared/assets/footer-eye-icon.js';
+export { ReactComponent as GasIcon } from './lib/shared/assets/footer-gas-icon.js';
+export { ReactComponent as KeyIcon } from './lib/shared/assets/footer-key-icon.js';
+export { ReactComponent as PuzzleIcon } from './lib/shared/assets/puzzle.js';
+export { ReactComponent as LinkIcon } from './lib/shared/assets/link.js';
+export { ReactComponent as ExternalLinkIcon } from './lib/shared/assets/externalLink.js';
+export { ReactComponent as DynamicLogoIcon } from './lib/shared/assets/dynamic-logo.js';
+export { ReactComponent as SignCircleIcon } from './lib/shared/assets/sign-circle.js';
+export { ReactComponent as PencilAltIcon } from './lib/shared/assets/pencil-alt-icon.js';
+export { ReactComponent as PencilIcon } from './lib/shared/assets/pencil.js';
+export { ReactComponent as TooltipArrow } from './lib/shared/assets/tooltip-arrow.js';
+export { ReactComponent as SwitchHorizontalIcon } from './lib/shared/assets/switch-horizontal.js';
+export { authModalZIndex, countryCodes, defaultWalletsForChains, tShirtSizes, teamNames, toolkitZIndex, tooltipZIndex, widgetModalZIndex } from './lib/shared/consts/index.js';
+export { logger } from './lib/shared/logger.js';
+import './lib/utils/constants/colors.js';
+export { normalizeWalletName } from '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/sdk-api';
+export { ShadowDOM } from './lib/components/ShadowDOM/ShadowDOM.js';
+import './lib/context/ThemeContext/ThemeContext.js';
+import 'react-dom';
+import 'react-focus-lock';
+import './lib/components/Transition/ZoomTransition/ZoomTransition.js';
+import './lib/components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import './lib/components/Transition/OpacityTransition/OpacityTransition.js';
+import './lib/context/ViewContext/ViewContext.js';
+import './lib/config/ApiEndpoint.js';
+export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameWalletName.js';
+import './lib/context/ErrorContext/ErrorContext.js';
+import 'ethers';
+export { useWalletItemActions } from './lib/utils/hooks/useWalletItemActions/useWalletItemActions.js';
+export { useUserUpdateRequest } from './lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.js';
+import './lib/components/IconButton/IconButton.js';
+import '@dynamic-labs/iconic';
+export { WalletList } from './lib/views/WalletList/WalletList.js';
+export { PendingSignatureView } from './lib/views/PendingSignatureView/PendingSignatureView.js';
+export { CollectUserDataView } from './lib/views/CollectUserDataView/CollectUserDataView.js';
+export { NoQrNotInstalledView } from './lib/views/NoQrNotInstalledView/NoQrNotInstalledView.js';
+export { QrCodeView } from './lib/views/QrCodeView/QrCodeView.js';
+export { WalletNoAccess } from './lib/views/WalletNoAccess/WalletNoAccess.js';
+export { EmailConfirmationWaitingView } from './lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js';
+export { viewToComponentMap } from './lib/views/viewToComponentMap.js';
+export { NetworkNotSupportedSwitchManual } from './lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.js';
+export { MockContext, MockContextProvider, MockContextWrapper, useMockContext } from './lib/context/MockContext/MockContext.js';
+export { getDefaultColor, getThemeConfig, themesData } from './lib/context/ThemeContext/themesData.js';
+export { getNetwork } from './lib/utils/functions/getNetwork/getNetwork.js';
+export { useAuthenticateConnectedUser } from './lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.js';
+export { FilterAndSortWallets, FilterWallets, RemoveWallets, SortWallets, UniswapFilter } from './lib/utils/functions/walletFilters/index.js';
+export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context/DynamicWidgetContext.js';
+export { useEmailVerificationRequest } from './lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js';

package/src/lib/Main.cjs

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var multiWallet = require('@dynamic-labs/multi-wallet');
+var index = require('./context/FooterAnimationContext/index.cjs');
+require('@dynamic-labs/sdk-api');
+require('./shared/logger.cjs');
+var getFromLS = require('./shared/utils/functions/storage/getFromLS.cjs');
+require('@dynamic-labs/iconic');
+var ViewContext = require('./context/ViewContext/ViewContext.cjs');
+var localStorage$1 = require('./utils/constants/localStorage.cjs');
+require('./utils/constants/colors.cjs');
+var usePreventPageScroll = require('./shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
+var index$1 = require('./shared/consts/index.cjs');
+var useInternalDynamicContext = require('./context/DynamicContext/useInternalDynamicContext.cjs');
+require('./components/ShadowDOM/ShadowDOM.cjs');
+require('./context/ThemeContext/ThemeContext.cjs');
+var Portal = require('./components/Portal/Portal.cjs');
+require('react-dom');
+require('./config/ApiEndpoint.cjs');
+var isSameWalletName = require('./utils/functions/isSameWalletName/isSameWalletName.cjs');
+require('./context/ErrorContext/ErrorContext.cjs');
+require('ethers');
+var useWalletItemActions = require('./utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
+require('./utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('./components/IconButton/IconButton.cjs');
+var DynamicAuthLayout = require('./layout/DynamicAuthLayout/DynamicAuthLayout.cjs');
+var useVerifyOnAwaitingSignature = require('./utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.cjs');
+var isSelectedWalletAlreadyConnected = require('./utils/functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.cjs');
+var viewToComponentMap = require('./views/viewToComponentMap.cjs');
+require('./main.global.cjs');
+
+const Main = () => {
+    const { selectedWalletConnector, appName, connectedWallets, isProjectSettingsLoading, projectSettings, privacyPolicyUrl, setShowAuthFlow, showAuthFlow, termsOfServiceUrl, newToWeb3WalletChainMap, wallets, clearStatesOnBackClick, user, loginWithEmail, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { view, setView } = ViewContext.useViewContext();
+    usePreventPageScroll.usePreventPageScroll(showAuthFlow);
+    const handleClose = () => {
+        setShowAuthFlow(false);
+        clearStatesOnBackClick();
+    };
+    const handleOnPortalUnmount = React.useCallback(
+    // IMPORTANT: we need to reset the view because we reset state that the view depends on
+    // so if the previous view renders when the user reopens the widget, it will crash
+    () => {
+        setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
+    }, [setView, loginWithEmail]);
+    useVerifyOnAwaitingSignature.useVerifyOnAwaitingSignature();
+    const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions.useWalletItemActions();
+    /* istanbul ignore next */
+    const handleNewToWeb3WalletIntent = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        setShowAuthFlow(true);
+        if (isSelectedWalletAlreadyConnected.isSelectedWalletAlreadyConnected(connectedWallets, walletConnector, user)) {
+            // wallet is already connected
+            handleAlreadyConnectedWallet(walletConnector);
+        }
+        else if (walletConnector.canConnectViaCustodialService) {
+            // providers like blocto and dapper
+            handleCustodialWalletClick(walletConnector);
+        }
+        else if (multiWallet.isMobile()) {
+            // mobile wallets
+            handleMobileWalletClick(walletConnector);
+        }
+        else if (walletConnector.isInstalledOnBrowser()) {
+            // browser extensions or injected wallets
+            handleInstalledExtensionClick(walletConnector);
+        }
+        else {
+            // wallet requiring a qr code (wallet connect/coinbase wallet)
+            handleUninstalledClick(walletConnector);
+        }
+    });
+    React.useEffect(() => {
+        const newToWeb3WalletName = getFromLS.getFromLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
+            const wallet = wallets.find((wallet) => isSameWalletName.isSameWalletName(wallet.name, newToWeb3WalletName));
+            if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
+                handleNewToWeb3WalletIntent(wallet.walletConnector);
+            }
+            localStorage.removeItem(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        }
+    }, [wallets]);
+    const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
+    return (jsxRuntime.jsx(index.FooterAnimationContextProvider, { children: jsxRuntime.jsx(Portal.Portal, Object.assign({ zIndex: index$1.authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
+                onUnmount: handleOnPortalUnmount,
+            } }, { children: jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, Object.assign({ transitionProps: { isShown: showDynamicAuth }, appName: appName, onClose: handleClose, walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name, projectSettings: projectSettings, newToWeb3WalletChainMap: newToWeb3WalletChainMap, walletConnector: selectedWalletConnector, privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl }, { children: viewToComponentMap.viewToComponentMap[view] })) })) }));
+};
+
+exports.Main = Main;
+exports["default"] = Main;

package/src/lib/Main.js

@@ -0,0 +1,89 @@
+import { __awaiter } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { useCallback, useEffect } from 'react';
+import { isMobile } from '@dynamic-labs/multi-wallet';
+import { FooterAnimationContextProvider } from './context/FooterAnimationContext/index.js';
+import '@dynamic-labs/sdk-api';
+import './shared/logger.js';
+import { getFromLS } from './shared/utils/functions/storage/getFromLS.js';
+import '@dynamic-labs/iconic';
+import { useViewContext } from './context/ViewContext/ViewContext.js';
+import { NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY } from './utils/constants/localStorage.js';
+import './utils/constants/colors.js';
+import { usePreventPageScroll } from './shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
+import { authModalZIndex } from './shared/consts/index.js';
+import { useInternalDynamicContext } from './context/DynamicContext/useInternalDynamicContext.js';
+import './components/ShadowDOM/ShadowDOM.js';
+import './context/ThemeContext/ThemeContext.js';
+import { Portal } from './components/Portal/Portal.js';
+import 'react-dom';
+import './config/ApiEndpoint.js';
+import { isSameWalletName } from './utils/functions/isSameWalletName/isSameWalletName.js';
+import './context/ErrorContext/ErrorContext.js';
+import 'ethers';
+import { useWalletItemActions } from './utils/hooks/useWalletItemActions/useWalletItemActions.js';
+import './utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import './components/IconButton/IconButton.js';
+import { DynamicAuthLayout } from './layout/DynamicAuthLayout/DynamicAuthLayout.js';
+import { useVerifyOnAwaitingSignature } from './utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.js';
+import { isSelectedWalletAlreadyConnected } from './utils/functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.js';
+import { viewToComponentMap } from './views/viewToComponentMap.js';
+import './main.global.js';
+
+const Main = () => {
+    const { selectedWalletConnector, appName, connectedWallets, isProjectSettingsLoading, projectSettings, privacyPolicyUrl, setShowAuthFlow, showAuthFlow, termsOfServiceUrl, newToWeb3WalletChainMap, wallets, clearStatesOnBackClick, user, loginWithEmail, } = useInternalDynamicContext();
+    const { view, setView } = useViewContext();
+    usePreventPageScroll(showAuthFlow);
+    const handleClose = () => {
+        setShowAuthFlow(false);
+        clearStatesOnBackClick();
+    };
+    const handleOnPortalUnmount = useCallback(
+    // IMPORTANT: we need to reset the view because we reset state that the view depends on
+    // so if the previous view renders when the user reopens the widget, it will crash
+    () => {
+        setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
+    }, [setView, loginWithEmail]);
+    useVerifyOnAwaitingSignature();
+    const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions();
+    /* istanbul ignore next */
+    const handleNewToWeb3WalletIntent = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        setShowAuthFlow(true);
+        if (isSelectedWalletAlreadyConnected(connectedWallets, walletConnector, user)) {
+            // wallet is already connected
+            handleAlreadyConnectedWallet(walletConnector);
+        }
+        else if (walletConnector.canConnectViaCustodialService) {
+            // providers like blocto and dapper
+            handleCustodialWalletClick(walletConnector);
+        }
+        else if (isMobile()) {
+            // mobile wallets
+            handleMobileWalletClick(walletConnector);
+        }
+        else if (walletConnector.isInstalledOnBrowser()) {
+            // browser extensions or injected wallets
+            handleInstalledExtensionClick(walletConnector);
+        }
+        else {
+            // wallet requiring a qr code (wallet connect/coinbase wallet)
+            handleUninstalledClick(walletConnector);
+        }
+    });
+    useEffect(() => {
+        const newToWeb3WalletName = getFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
+            const wallet = wallets.find((wallet) => isSameWalletName(wallet.name, newToWeb3WalletName));
+            if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
+                handleNewToWeb3WalletIntent(wallet.walletConnector);
+            }
+            localStorage.removeItem(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        }
+    }, [wallets]);
+    const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
+    return (jsx(FooterAnimationContextProvider, { children: jsx(Portal, Object.assign({ zIndex: authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
+                onUnmount: handleOnPortalUnmount,
+            } }, { children: jsx(DynamicAuthLayout, Object.assign({ transitionProps: { isShown: showDynamicAuth }, appName: appName, onClose: handleClose, walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name, projectSettings: projectSettings, newToWeb3WalletChainMap: newToWeb3WalletChainMap, walletConnector: selectedWalletConnector, privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl }, { children: viewToComponentMap[view] })) })) }));
+};
+
+export { Main, Main as default };

package/src/lib/app.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Main = require('./Main.cjs');
+var IsBrowser = require('./components/IsBrowser/IsBrowser.cjs');
+
+const DynamicAuthFlow = () => (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(Main.Main, {}) }));
+
+exports.DynamicAuthFlow = DynamicAuthFlow;

package/src/lib/app.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import { Main } from './Main.js';
+import { IsBrowser } from './components/IsBrowser/IsBrowser.js';
+
+const DynamicAuthFlow = () => (jsx(IsBrowser, { children: jsx(Main, {}) }));
+
+export { DynamicAuthFlow };