npm - @dynamic-labs/sdk-react-core - Versions diffs - 0.19.0-alpha.6 → 0.19.0-alpha.7 - Mend

@dynamic-labs/sdk-react-core 0.19.0-alpha.6 → 0.19.0-alpha.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (365) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,4 +1,27 @@
+## [0.19.0-alpha.7](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.6...v0.19.0-alpha.7) (2023-08-31)
+### Features
+* include deepLinkPreference option for wallet connect deep linking mode ([#3174](https://github.com/dynamic-labs/DynamicAuth/issues/3174)) ([f715948](https://github.com/dynamic-labs/DynamicAuth/commit/f715948050ddab52373ab742ea47cfc0879842ae))
+* add option to disable the locked wallet view ([#3184](https://github.com/dynamic-labs/DynamicAuth/issues/3184)) ([d9a1290](https://github.com/dynamic-labs/DynamicAuth/commit/d9a1290214b7f86337abb544acd96f65ffe37759))
+* migrate starknet version to v5 ([#3153](https://github.com/dynamic-labs/DynamicAuth/issues/3153)) ([b674011](https://github.com/dynamic-labs/DynamicAuth/commit/b67401133bf75d416118b51be11e3f099d2e2cda))
+* add editable text with react i18next ([#3170](https://github.com/dynamic-labs/DynamicAuth/issues/3170)) ([a46b2ca](https://github.com/dynamic-labs/DynamicAuth/commit/a46b2ca880a4e14356024d2936920f72c8bc447e))
+### Bug Fixes
+* allow to select L2 wallet after changing L1 network ([#3158](https://github.com/dynamic-labs/DynamicAuth/issues/3158)) ([cf68472](https://github.com/dynamic-labs/DynamicAuth/commit/cf6847270181f7fd33537ac1ff2a03e70b67daf2))
+* allow user to cancel magic login to choose another email ([#3123](https://github.com/dynamic-labs/DynamicAuth/issues/3123)) ([cd73d6d](https://github.com/dynamic-labs/DynamicAuth/commit/cd73d6d0500c313dda01bca6245c52d2d8fca93a))
+* verify email OTP when email is updated ([#3168](https://github.com/dynamic-labs/DynamicAuth/issues/3168)) ([641eeb6](https://github.com/dynamic-labs/DynamicAuth/commit/641eeb685b0c9d77cc72912f29b137c699c192f0))
+* end connector session when unlinking in bridge ([#3120](https://github.com/dynamic-labs/DynamicAuth/issues/3120)) ([4c15da2](https://github.com/dynamic-labs/DynamicAuth/commit/4c15da27646c7bd176f6080dee6d76833e30f8a1))
+* improves loading the sdk setting once per session ([#3189](https://github.com/dynamic-labs/DynamicAuth/issues/3189)) ([c9b0241](https://github.com/dynamic-labs/DynamicAuth/commit/c9b0241da28d2a73c90fd7643280c8632772c90b))
+* update wallet address when switching network on bridge ([#3171](https://github.com/dynamic-labs/DynamicAuth/issues/3171)) ([f35f35e](https://github.com/dynamic-labs/DynamicAuth/commit/f35f35e632bcf88794884b66e0466cdf2e924812))
+* updates the user email when updateUserWithModal method is used ([#3186](https://github.com/dynamic-labs/DynamicAuth/issues/3186)) ([8c71863](https://github.com/dynamic-labs/DynamicAuth/commit/8c718632cef0165328b929c27b6eef313641458d))
+* sign message for embedded wallet when auth mode is connect only ([#3185](https://github.com/dynamic-labs/DynamicAuth/issues/3185)) ([0e3859c](https://github.com/dynamic-labs/DynamicAuth/commit/0e3859cfc738d3ecf8f19976e5cdaebc0c4f01c9))
+* sync wagmi with wallet connector ([#3149](https://github.com/dynamic-labs/DynamicAuth/issues/3149)) ([3216e15](https://github.com/dynamic-labs/DynamicAuth/commit/3216e1570ac12ded6b3ce50b7efb762fe6814815))
 ## [0.19.0-alpha.6](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.5...v0.19.0-alpha.6) (2023-08-25)

package/package.cjs CHANGED Viewed

@@ -2,17 +2,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var version = "0.19.0-alpha.6";
+var version = "0.19.0-alpha.7";
 var dependencies = {
-	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.27",
 	"@dynamic-labs/sdk-api": "0.0.270",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
-	yup: "0.32.11",
+	ethers: "5.7.2",
 	formik: "2.2.9",
+	i18next: "^23.4.6",
 	qrcode: "1.5.1",
-	ethers: "5.7.2"
+	"react-focus-lock": "2.9.2",
+	"react-i18next": "^13.2.0",
+	yup: "0.32.11"
 };
 exports.dependencies = dependencies;

package/package.js CHANGED Viewed

@@ -1,14 +1,16 @@
-var version = "0.19.0-alpha.6";
+var version = "0.19.0-alpha.7";
 var dependencies = {
-	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.27",
 	"@dynamic-labs/sdk-api": "0.0.270",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
-	yup: "0.32.11",
+	ethers: "5.7.2",
 	formik: "2.2.9",
+	i18next: "^23.4.6",
 	qrcode: "1.5.1",
-	ethers: "5.7.2"
+	"react-focus-lock": "2.9.2",
+	"react-i18next": "^13.2.0",
+	yup: "0.32.11"
 };
 export { dependencies, version };

package/package.json CHANGED Viewed

@@ -1,28 +1,30 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.19.0-alpha.6",
+  "version": "0.19.0-alpha.7",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "react-focus-lock": "2.9.2",
     "@dynamic-labs/iconic": "0.1.27",
     "@dynamic-labs/sdk-api": "0.0.270",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
-    "yup": "0.32.11",
+    "ethers": "5.7.2",
     "formik": "2.2.9",
+    "i18next": "^23.4.6",
     "qrcode": "1.5.1",
-    "ethers": "5.7.2",
-    "@dynamic-labs/logger": "0.19.0-alpha.6",
-    "@dynamic-labs/multi-wallet": "0.19.0-alpha.6",
-    "@dynamic-labs/rpc-providers": "0.19.0-alpha.6",
-    "@dynamic-labs/types": "0.19.0-alpha.6",
-    "@dynamic-labs/utils": "0.19.0-alpha.6",
-    "@dynamic-labs/wallet-book": "0.19.0-alpha.6",
-    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.6",
+    "react-focus-lock": "2.9.2",
+    "react-i18next": "^13.2.0",
+    "yup": "0.32.11",
+    "@dynamic-labs/logger": "0.19.0-alpha.7",
+    "@dynamic-labs/multi-wallet": "0.19.0-alpha.7",
+    "@dynamic-labs/rpc-providers": "0.19.0-alpha.7",
+    "@dynamic-labs/types": "0.19.0-alpha.7",
+    "@dynamic-labs/utils": "0.19.0-alpha.7",
+    "@dynamic-labs/wallet-book": "0.19.0-alpha.7",
+    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.7",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs CHANGED Viewed

@@ -89,6 +89,7 @@ var workSuitcase = require('./lib/shared/assets/work-suitcase.cjs');
 var location = require('./lib/shared/assets/location.cjs');
 var sparkles = require('./lib/shared/assets/sparkles.cjs');
 var justifiedText = require('./lib/shared/assets/justified-text.cjs');
+var signInWithEmail = require('./lib/shared/assets/sign-in-with-email.cjs');
 var index$2 = require('./lib/shared/consts/index.cjs');
 var logger = require('./lib/shared/logger.cjs');
 require('./lib/utils/constants/colors.cjs');
@@ -130,6 +131,7 @@ require('./lib/components/Popper/Popper/Popper.cjs');
 require('./lib/components/Popper/PopperContext/PopperContext.cjs');
 require('./lib/components/InlineWidget/InlineWidget.cjs');
 require('./lib/components/MenuList/Dropdown/Dropdown.cjs');
+require('./lib/components/OverlayCard/OverlayCard.context.cjs');
 var WalletList = require('./lib/views/WalletList/WalletList.cjs');
 var PendingSignatureView = require('./lib/views/PendingSignatureView/PendingSignatureView.cjs');
 var CollectUserDataView = require('./lib/views/CollectUserDataView/CollectUserDataView.cjs');
@@ -235,6 +237,7 @@ exports.WorkSuitcaseIcon = workSuitcase.ReactComponent;
 exports.LocationIcon = location.ReactComponent;
 exports.SparklesIcon = sparkles.ReactComponent;
 exports.JustifiedTextIcon = justifiedText.ReactComponent;
+exports.SignInWithEmailIcon = signInWithEmail.ReactComponent;
 exports.authModalZIndex = index$2.authModalZIndex;
 exports.countryCodes = index$2.countryCodes;
 exports.defaultWalletsForChains = index$2.defaultWalletsForChains;

package/src/index.js CHANGED Viewed

@@ -85,6 +85,7 @@ export { ReactComponent as WorkSuitcaseIcon } from './lib/shared/assets/work-sui
 export { ReactComponent as LocationIcon } from './lib/shared/assets/location.js';
 export { ReactComponent as SparklesIcon } from './lib/shared/assets/sparkles.js';
 export { ReactComponent as JustifiedTextIcon } from './lib/shared/assets/justified-text.js';
+export { ReactComponent as SignInWithEmailIcon } from './lib/shared/assets/sign-in-with-email.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';
@@ -126,6 +127,7 @@ import './lib/components/Popper/Popper/Popper.js';
 import './lib/components/Popper/PopperContext/PopperContext.js';
 import './lib/components/InlineWidget/InlineWidget.js';
 import './lib/components/MenuList/Dropdown/Dropdown.js';
+import './lib/components/OverlayCard/OverlayCard.context.js';
 export { WalletList } from './lib/views/WalletList/WalletList.js';
 export { PendingSignatureView } from './lib/views/PendingSignatureView/PendingSignatureView.js';
 export { CollectUserDataView } from './lib/views/CollectUserDataView/CollectUserDataView.js';

package/src/lib/Main.cjs CHANGED Viewed

@@ -53,6 +53,7 @@ require('./components/Popper/Popper/Popper.cjs');
 var PopperContext = require('./components/Popper/PopperContext/PopperContext.cjs');
 require('./components/InlineWidget/InlineWidget.cjs');
 require('./components/MenuList/Dropdown/Dropdown.cjs');
+require('./components/OverlayCard/OverlayCard.context.cjs');
 var DynamicAuthLayout = require('./layout/DynamicAuthLayout/DynamicAuthLayout.cjs');
 var SocialRedirectContext = require('./context/SocialRedirectContext/SocialRedirectContext.cjs');
 var useVerifyOnAwaitingSignature = require('./utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.cjs');

package/src/lib/Main.js CHANGED Viewed

@@ -49,6 +49,7 @@ import './components/Popper/Popper/Popper.js';
 import { PopperProvider } from './components/Popper/PopperContext/PopperContext.js';
 import './components/InlineWidget/InlineWidget.js';
 import './components/MenuList/Dropdown/Dropdown.js';
+import './components/OverlayCard/OverlayCard.context.js';
 import { DynamicAuthLayout } from './layout/DynamicAuthLayout/DynamicAuthLayout.js';
 import { SocialRedirectContextProvider } from './context/SocialRedirectContext/SocialRedirectContext.js';
 import { useVerifyOnAwaitingSignature } from './utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.js';

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs CHANGED Viewed

@@ -40,6 +40,7 @@ require('formik');
 require('yup');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
+require('../../../OverlayCard/OverlayCard.context.cjs');
 require('../../../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.js CHANGED Viewed

@@ -36,6 +36,7 @@ import 'formik';
 import 'yup';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
+import '../../../OverlayCard/OverlayCard.context.js';
 import '../../../../views/CollectUserDataView/fieldsConfig.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/components/AnimatePresence/AnimatePresence.cjs CHANGED Viewed

@@ -39,6 +39,7 @@ require('formik');
 require('yup');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
+require('../OverlayCard/OverlayCard.context.cjs');
 require('../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../context/MockContext/MockContext.cjs');
 var useForceUpdate = require('../../utils/hooks/useForceUpdate/useForceUpdate.cjs');

package/src/lib/components/AnimatePresence/AnimatePresence.js CHANGED Viewed

@@ -35,6 +35,7 @@ import 'formik';
 import 'yup';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
+import '../OverlayCard/OverlayCard.context.js';
 import '../../views/CollectUserDataView/fieldsConfig.js';
 import '../../context/MockContext/MockContext.js';
 import { useForceUpdate } from '../../utils/hooks/useForceUpdate/useForceUpdate.js';

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs CHANGED Viewed

@@ -42,6 +42,7 @@ require('formik');
 require('yup');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
+require('../OverlayCard/OverlayCard.context.cjs');
 require('../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js CHANGED Viewed

@@ -38,6 +38,7 @@ import 'formik';
 import 'yup';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
+import '../OverlayCard/OverlayCard.context.js';
 import '../../views/CollectUserDataView/fieldsConfig.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/components/Divider/Divider.cjs CHANGED Viewed

@@ -47,6 +47,7 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
+require('../OverlayCard/OverlayCard.context.cjs');
 const Divider = ({ text, className = '', fullWidth = false }) => (jsxRuntime.jsxs("div", Object.assign({ className: classNames.classNames('divider', className, {
         'divider__full-width': fullWidth,

package/src/lib/components/Divider/Divider.js CHANGED Viewed

@@ -43,6 +43,7 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
+import '../OverlayCard/OverlayCard.context.js';
 const Divider = ({ text, className = '', fullWidth = false }) => (jsxs("div", Object.assign({ className: classNames('divider', className, {
         'divider__full-width': fullWidth,

package/src/lib/components/IconWithSpinner/IconWithSpinner.cjs CHANGED Viewed

@@ -22,7 +22,7 @@ var Spinner = require('./Spinner/Spinner.cjs');
 var Indicator = require('./Indicator/Indicator.cjs');
 const iconRatio = 7 / 11;
-const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className = '', indicator, customSpinnerColor, }) => {
+const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className = '', indicator, customSpinnerColor, treatAsFunctionComponent, }) => {
     const realIconSize = iconSize * iconRatio;
     const spinnerIconSize = iconSize / 2;
     const [spinningDegrees, setSpinningDegrees] = React.useState(0);
@@ -36,13 +36,14 @@ const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className =
         return () => clearInterval(spinningInterval);
     }, []);
     const effectiveContainerClassName = classNames.classNames('icon-with-spinner__container', className);
+    const IconAsFC = Icon;
     return (jsxRuntime.jsxs("div", Object.assign({ className: effectiveContainerClassName, style: {
             height: pixelToRem.pixelToRem(iconSize),
             width: pixelToRem.pixelToRem(iconSize),
         } }, { children: [Icon && (jsxRuntime.jsxs("div", Object.assign({ style: {
                     height: pixelToRem.pixelToRem(realIconSize),
                     width: pixelToRem.pixelToRem(realIconSize),
-                }, className: 'icon-with-spinner__icon-container' }, { children: [typeof Icon === 'function' ? (jsxRuntime.jsx(Icon, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsxRuntime.jsx(Indicator.Indicator, { indicator: indicator, iconSize: iconSize })] }))), isSpinning && !utils.isLegacySafari() && (jsxRuntime.jsx("div", Object.assign({ className: 'icon-with-spinner__spinner-container', "data-chromatic": 'ignore', style: {
+                }, className: 'icon-with-spinner__icon-container' }, { children: [treatAsFunctionComponent || typeof Icon === 'function' ? (jsxRuntime.jsx(IconAsFC, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsxRuntime.jsx(Indicator.Indicator, { indicator: indicator, iconSize: iconSize })] }))), isSpinning && !utils.isLegacySafari() && (jsxRuntime.jsx("div", Object.assign({ className: 'icon-with-spinner__spinner-container', "data-chromatic": 'ignore', style: {
                     height: pixelToRem.pixelToRem(iconSize),
                     transform: `rotate(${spinningDegrees}deg)`,
                     width: pixelToRem.pixelToRem(iconSize),

package/src/lib/components/IconWithSpinner/IconWithSpinner.d.ts CHANGED Viewed

@@ -1,8 +1,10 @@
 import { ReactElement } from 'react';
 import { Iconic } from '@dynamic-labs/iconic';
 import { Icon } from '../../shared';
-type Props = {
+type IconWithSpinnerProps = {
     Icon?: Icon | Iconic | ReactElement | null;
+    /** This forces fo render the Icon as an FC even if it does not evaluate to type 'function' */
+    treatAsFunctionComponent?: boolean;
     className?: string;
     customSpinnerColor?: string;
     iconSize?: number;
@@ -10,5 +12,5 @@ type Props = {
     isSpinning?: boolean;
 };
 export declare const iconRatio: number;
-export declare const IconWithSpinner: ({ iconSize, Icon, isSpinning, className, indicator, customSpinnerColor, }: Props) => JSX.Element;
+export declare const IconWithSpinner: ({ iconSize, Icon, isSpinning, className, indicator, customSpinnerColor, treatAsFunctionComponent, }: IconWithSpinnerProps) => JSX.Element;
 export {};

package/src/lib/components/IconWithSpinner/IconWithSpinner.js CHANGED Viewed

@@ -18,7 +18,7 @@ import { Spinner } from './Spinner/Spinner.js';
 import { Indicator } from './Indicator/Indicator.js';
 const iconRatio = 7 / 11;
-const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className = '', indicator, customSpinnerColor, }) => {
+const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className = '', indicator, customSpinnerColor, treatAsFunctionComponent, }) => {
     const realIconSize = iconSize * iconRatio;
     const spinnerIconSize = iconSize / 2;
     const [spinningDegrees, setSpinningDegrees] = useState(0);
@@ -32,13 +32,14 @@ const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className =
         return () => clearInterval(spinningInterval);
     }, []);
     const effectiveContainerClassName = classNames('icon-with-spinner__container', className);
+    const IconAsFC = Icon;
     return (jsxs("div", Object.assign({ className: effectiveContainerClassName, style: {
             height: pixelToRem(iconSize),
             width: pixelToRem(iconSize),
         } }, { children: [Icon && (jsxs("div", Object.assign({ style: {
                     height: pixelToRem(realIconSize),
                     width: pixelToRem(realIconSize),
-                }, className: 'icon-with-spinner__icon-container' }, { children: [typeof Icon === 'function' ? (jsx(Icon, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsx(Indicator, { indicator: indicator, iconSize: iconSize })] }))), isSpinning && !isLegacySafari() && (jsx("div", Object.assign({ className: 'icon-with-spinner__spinner-container', "data-chromatic": 'ignore', style: {
+                }, className: 'icon-with-spinner__icon-container' }, { children: [treatAsFunctionComponent || typeof Icon === 'function' ? (jsx(IconAsFC, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsx(Indicator, { indicator: indicator, iconSize: iconSize })] }))), isSpinning && !isLegacySafari() && (jsx("div", Object.assign({ className: 'icon-with-spinner__spinner-container', "data-chromatic": 'ignore', style: {
                     height: pixelToRem(iconSize),
                     transform: `rotate(${spinningDegrees}deg)`,
                     width: pixelToRem(iconSize),

package/src/lib/components/MenuList/Dropdown/Dropdown.cjs CHANGED Viewed

@@ -43,6 +43,7 @@ require('../../Alert/Alert.cjs');
 require('formik');
 require('yup');
 require('../../InlineWidget/InlineWidget.cjs');
+require('../../OverlayCard/OverlayCard.context.cjs');
 require('../../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/components/MenuList/Dropdown/Dropdown.js CHANGED Viewed

@@ -39,6 +39,7 @@ import '../../Alert/Alert.js';
 import 'formik';
 import 'yup';
 import '../../InlineWidget/InlineWidget.js';
+import '../../OverlayCard/OverlayCard.context.js';
 import '../../../views/CollectUserDataView/fieldsConfig.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/components/Modal/Modal.cjs CHANGED Viewed

@@ -39,6 +39,7 @@ require('formik');
 require('yup');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
+require('../OverlayCard/OverlayCard.context.cjs');
 require('../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/components/Modal/Modal.js CHANGED Viewed

@@ -35,6 +35,7 @@ import 'formik';
 import 'yup';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
+import '../OverlayCard/OverlayCard.context.js';
 import '../../views/CollectUserDataView/fieldsConfig.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/components/NetworkPicker/NetworkPicker.cjs CHANGED Viewed

@@ -41,6 +41,7 @@ require('formik');
 require('yup');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
+require('../OverlayCard/OverlayCard.context.cjs');
 require('../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/components/NetworkPicker/NetworkPicker.js CHANGED Viewed

@@ -37,6 +37,7 @@ import 'formik';
 import 'yup';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
+import '../OverlayCard/OverlayCard.context.js';
 import '../../views/CollectUserDataView/fieldsConfig.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/EvmNetworkControl.cjs CHANGED Viewed

@@ -49,6 +49,7 @@ require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
+require('../../../OverlayCard/OverlayCard.context.cjs');
 var NetworkControlSkeleton = require('../NetworkControlSkeleton/NetworkControlSkeleton.cjs');
 var UnsupportedNetwork = require('../UnsupportedNetwork/UnsupportedNetwork.cjs');

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/EvmNetworkControl.js CHANGED Viewed

@@ -45,6 +45,7 @@ import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
+import '../../../OverlayCard/OverlayCard.context.js';
 import { NetworkControlSkeleton } from '../NetworkControlSkeleton/NetworkControlSkeleton.js';
 import { UnsupportedNetwork } from '../UnsupportedNetwork/UnsupportedNetwork.js';

package/src/lib/components/NetworkPicker/components/Network/Network.cjs CHANGED Viewed

@@ -50,6 +50,7 @@ require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
+require('../../../OverlayCard/OverlayCard.context.cjs');
 const Network = ({ iconUrl, isActive, networkName, className, checkboxClassName = '', isChanging, notSupported = false, }) => (jsxRuntime.jsxs("div", Object.assign({ className: classNames.classNames('network', className, {
         'network--not-supported': notSupported,

package/src/lib/components/NetworkPicker/components/Network/Network.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     checkboxClassName?: string;
     className?: string;

package/src/lib/components/NetworkPicker/components/Network/Network.js CHANGED Viewed

@@ -46,6 +46,7 @@ import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
+import '../../../OverlayCard/OverlayCard.context.js';
 const Network = ({ iconUrl, isActive, networkName, className, checkboxClassName = '', isChanging, notSupported = false, }) => (jsxs("div", Object.assign({ className: classNames('network', className, {
         'network--not-supported': notSupported,

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.cjs CHANGED Viewed

@@ -51,6 +51,7 @@ require('../../../Popper/PopperContext/PopperContext.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 var capitalize = require('../../../../shared/utils/functions/capitalize/capitalize.cjs');
+require('../../../OverlayCard/OverlayCard.context.cjs');
 const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showNetworkName = false, }) => {
     const [chain] = useFetchChain.useFetchChain(walletConnector);

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.js CHANGED Viewed

@@ -47,6 +47,7 @@ import '../../../Popper/PopperContext/PopperContext.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import { capitalize } from '../../../../shared/utils/functions/capitalize/capitalize.js';
+import '../../../OverlayCard/OverlayCard.context.js';
 const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showNetworkName = false, }) => {
     const [chain] = useFetchChain(walletConnector);

package/src/lib/components/OTPVerificationView/OTPVerificationView.cjs CHANGED Viewed

@@ -3,17 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
-var iconic = require('@dynamic-labs/iconic');
-require('react');
+var React = require('react');
 var Typography = require('../Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 var close = require('../../shared/assets/close.cjs');
 var chevronLeft = require('../../shared/assets/chevron-left.cjs');
 var check = require('../../shared/assets/check.cjs');
 var pencilAltIcon = require('../../shared/assets/pencil-alt-icon.cjs');
+var signInWithEmail = require('../../shared/assets/sign-in-with-email.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
@@ -58,11 +59,16 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
+require('../OverlayCard/OverlayCard.context.cjs');
 const OTPVerificationView = ({ onClickBack, onClickEditEmail, isLoading, email, onPinComplete, isValid, error, onPinChange, onClickClose, displayPoweredByDynamic = false, successBannerText, }) => {
     const backButton = onClickBack && (jsxRuntime.jsx(IconButton.IconButton, Object.assign({ type: 'button', onClick: onClickBack, "data-testid": 'back-button' }, { children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) })));
     const closeButton = (jsxRuntime.jsx(IconButton.IconButton, Object.assign({ onClick: onClickClose, type: 'button', "data-testid": 'close-button' }, { children: jsxRuntime.jsx(close.ReactComponent, {}) })));
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'otp-verification-view' }, { children: [successBannerText && (jsxRuntime.jsx(ModalHeaderBanner.ModalHeaderBanner, { type: 'notice', message: successBannerText, disableTruncate: true })), jsxRuntime.jsx(ModalHeaderBanner.ModalHeaderBanner, { type: 'error', message: error === null || error === void 0 ? void 0 : error.message }), jsxRuntime.jsx(ModalHeader.ModalHeader, Object.assign({ alignContent: 'bottom', leading: onClickBack && backButton, trailing: onClickClose && closeButton }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'otp-verification-view__status-header' }, { children: [isValid && (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: iconic.SignInWithEmailIcon, iconSize: 50, InnerIcon: check.ReactComponent })), !isValid && (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: iconic.SignInWithEmailIcon, iconSize: 80, isSpinning: isLoading }))] })) })), jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'otp-verification-view__title' }, { children: isValid ? 'Verification code confirmed' : 'Confirm verification code' })), jsxRuntime.jsxs("div", Object.assign({ className: 'otp-verification-view__body' }, { children: [isValid && (jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Hang tight while we get things ready for you" }))), !isValid && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "We\u2019ve sent a verification code to" })), jsxRuntime.jsxs("div", Object.assign({ className: 'otp-verification-view__email-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'bold', color: 'secondary' }, { children: shortenEmail.shortenEmail(email) })), onClickEditEmail && (jsxRuntime.jsx(IconButton.IconButton, Object.assign({ onClick: onClickEditEmail, "data-testid": 'otp-verification-view__edit-button' }, { children: jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'text-tertiary' }, { children: jsxRuntime.jsx(pencilAltIcon.ReactComponent, {}) })) })))] }))] }))] })), jsxRuntime.jsx(PinField.PinField, { initialValue: Array(6).join('.').split('.'), isLoading: isLoading, handleComplete: onPinComplete, isValidated: isValid, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: onPinChange }), jsxRuntime.jsx("div", Object.assign({ className: 'otp-verification-view__footer' }, { children: displayPoweredByDynamic && jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {}) }))] })));
+    const EmailIcon = React.useMemo(() => {
+        const EmailIcon = (props) => (jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'brand-primary' }, { children: jsxRuntime.jsx(signInWithEmail.ReactComponent, Object.assign({}, props, { "data-testid": 'sign-in-with-email-icon' })) })));
+        return EmailIcon;
+    }, []);
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'otp-verification-view' }, { children: [successBannerText && (jsxRuntime.jsx(ModalHeaderBanner.ModalHeaderBanner, { type: 'notice', message: successBannerText, disableTruncate: true })), jsxRuntime.jsx(ModalHeaderBanner.ModalHeaderBanner, { type: 'error', message: error === null || error === void 0 ? void 0 : error.message }), jsxRuntime.jsx(ModalHeader.ModalHeader, Object.assign({ alignContent: 'bottom', leading: onClickBack && backButton, trailing: onClickClose && closeButton }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'otp-verification-view__status-header' }, { children: [isValid && (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: EmailIcon, iconSize: 50, InnerIcon: check.ReactComponent })), !isValid && (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: EmailIcon, iconSize: 80, isSpinning: isLoading, treatAsFunctionComponent: true }))] })) })), jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'otp-verification-view__title' }, { children: isValid ? 'Verification code confirmed' : 'Confirm verification code' })), jsxRuntime.jsxs("div", Object.assign({ className: 'otp-verification-view__body' }, { children: [isValid && (jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Hang tight while we get things ready for you" }))), !isValid && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "We\u2019ve sent a verification code to" })), jsxRuntime.jsxs("div", Object.assign({ className: 'otp-verification-view__email-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'bold', color: 'secondary' }, { children: shortenEmail.shortenEmail(email) })), onClickEditEmail && (jsxRuntime.jsx(IconButton.IconButton, Object.assign({ onClick: onClickEditEmail, "data-testid": 'otp-verification-view__edit-button' }, { children: jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'text-tertiary' }, { children: jsxRuntime.jsx(pencilAltIcon.ReactComponent, {}) })) })))] }))] }))] })), jsxRuntime.jsx(PinField.PinField, { initialValue: Array(6).join('.').split('.'), isLoading: isLoading, handleComplete: onPinComplete, isValidated: isValid, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: onPinChange }), jsxRuntime.jsx("div", Object.assign({ className: 'otp-verification-view__footer' }, { children: displayPoweredByDynamic && jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {}) }))] })));
 };
 exports.OTPVerificationView = OTPVerificationView;

package/src/lib/components/OTPVerificationView/OTPVerificationView.js CHANGED Viewed

@@ -1,15 +1,16 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
-import 'react';
+import { useMemo } from 'react';
 import { Typography } from '../Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import { ReactComponent as SvgChevronLeft } from '../../shared/assets/chevron-left.js';
 import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
 import { ReactComponent as SvgPencilAltIcon } from '../../shared/assets/pencil-alt-icon.js';
+import { ReactComponent as SvgSignInWithEmail } from '../../shared/assets/sign-in-with-email.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
@@ -54,11 +55,16 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
+import '../OverlayCard/OverlayCard.context.js';
 const OTPVerificationView = ({ onClickBack, onClickEditEmail, isLoading, email, onPinComplete, isValid, error, onPinChange, onClickClose, displayPoweredByDynamic = false, successBannerText, }) => {
     const backButton = onClickBack && (jsx(IconButton, Object.assign({ type: 'button', onClick: onClickBack, "data-testid": 'back-button' }, { children: jsx(SvgChevronLeft, {}) })));
     const closeButton = (jsx(IconButton, Object.assign({ onClick: onClickClose, type: 'button', "data-testid": 'close-button' }, { children: jsx(SvgClose, {}) })));
-    return (jsxs("div", Object.assign({ className: 'otp-verification-view' }, { children: [successBannerText && (jsx(ModalHeaderBanner, { type: 'notice', message: successBannerText, disableTruncate: true })), jsx(ModalHeaderBanner, { type: 'error', message: error === null || error === void 0 ? void 0 : error.message }), jsx(ModalHeader, Object.assign({ alignContent: 'bottom', leading: onClickBack && backButton, trailing: onClickClose && closeButton }, { children: jsxs("div", Object.assign({ className: 'otp-verification-view__status-header' }, { children: [isValid && (jsx(IconWithStatus, { Icon: SignInWithEmailIcon, iconSize: 50, InnerIcon: SvgCheck })), !isValid && (jsx(IconWithSpinner, { Icon: SignInWithEmailIcon, iconSize: 80, isSpinning: isLoading }))] })) })), jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'otp-verification-view__title' }, { children: isValid ? 'Verification code confirmed' : 'Confirm verification code' })), jsxs("div", Object.assign({ className: 'otp-verification-view__body' }, { children: [isValid && (jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Hang tight while we get things ready for you" }))), !isValid && (jsxs(Fragment, { children: [jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "We\u2019ve sent a verification code to" })), jsxs("div", Object.assign({ className: 'otp-verification-view__email-container' }, { children: [jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'bold', color: 'secondary' }, { children: shortenEmail(email) })), onClickEditEmail && (jsx(IconButton, Object.assign({ onClick: onClickEditEmail, "data-testid": 'otp-verification-view__edit-button' }, { children: jsx(Icon, Object.assign({ color: 'text-tertiary' }, { children: jsx(SvgPencilAltIcon, {}) })) })))] }))] }))] })), jsx(PinField, { initialValue: Array(6).join('.').split('.'), isLoading: isLoading, handleComplete: onPinComplete, isValidated: isValid, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: onPinChange }), jsx("div", Object.assign({ className: 'otp-verification-view__footer' }, { children: displayPoweredByDynamic && jsx(PoweredByDynamic, {}) }))] })));
+    const EmailIcon = useMemo(() => {
+        const EmailIcon = (props) => (jsx(Icon, Object.assign({ color: 'brand-primary' }, { children: jsx(SvgSignInWithEmail, Object.assign({}, props, { "data-testid": 'sign-in-with-email-icon' })) })));
+        return EmailIcon;
+    }, []);
+    return (jsxs("div", Object.assign({ className: 'otp-verification-view' }, { children: [successBannerText && (jsx(ModalHeaderBanner, { type: 'notice', message: successBannerText, disableTruncate: true })), jsx(ModalHeaderBanner, { type: 'error', message: error === null || error === void 0 ? void 0 : error.message }), jsx(ModalHeader, Object.assign({ alignContent: 'bottom', leading: onClickBack && backButton, trailing: onClickClose && closeButton }, { children: jsxs("div", Object.assign({ className: 'otp-verification-view__status-header' }, { children: [isValid && (jsx(IconWithStatus, { Icon: EmailIcon, iconSize: 50, InnerIcon: SvgCheck })), !isValid && (jsx(IconWithSpinner, { Icon: EmailIcon, iconSize: 80, isSpinning: isLoading, treatAsFunctionComponent: true }))] })) })), jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'otp-verification-view__title' }, { children: isValid ? 'Verification code confirmed' : 'Confirm verification code' })), jsxs("div", Object.assign({ className: 'otp-verification-view__body' }, { children: [isValid && (jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Hang tight while we get things ready for you" }))), !isValid && (jsxs(Fragment, { children: [jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "We\u2019ve sent a verification code to" })), jsxs("div", Object.assign({ className: 'otp-verification-view__email-container' }, { children: [jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'bold', color: 'secondary' }, { children: shortenEmail(email) })), onClickEditEmail && (jsx(IconButton, Object.assign({ onClick: onClickEditEmail, "data-testid": 'otp-verification-view__edit-button' }, { children: jsx(Icon, Object.assign({ color: 'text-tertiary' }, { children: jsx(SvgPencilAltIcon, {}) })) })))] }))] }))] })), jsx(PinField, { initialValue: Array(6).join('.').split('.'), isLoading: isLoading, handleComplete: onPinComplete, isValidated: isValid, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: onPinChange }), jsx("div", Object.assign({ className: 'otp-verification-view__footer' }, { children: displayPoweredByDynamic && jsx(PoweredByDynamic, {}) }))] })));
 };
 export { OTPVerificationView };

package/src/lib/components/OverlayCard/OverlayCard.cjs CHANGED Viewed

@@ -41,6 +41,7 @@ require('formik');
 require('yup');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
+var OverlayCard_context = require('./OverlayCard.context.cjs');
 require('../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
@@ -48,7 +49,6 @@ require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-var OverlayCard_context = require('./OverlayCard.context.cjs');
 const OverlayCard = ({ isOpen, children, onClickOverlay, style, className, }) => {
     const context = React.useContext(OverlayCard_context.overlayCardContext);

package/src/lib/components/OverlayCard/OverlayCard.js CHANGED Viewed

@@ -37,6 +37,7 @@ import 'formik';
 import 'yup';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
+import { overlayCardContext } from './OverlayCard.context.js';
 import '../../views/CollectUserDataView/fieldsConfig.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
@@ -44,7 +45,6 @@ import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import { overlayCardContext } from './OverlayCard.context.js';
 const OverlayCard = ({ isOpen, children, onClickOverlay, style, className, }) => {
     const context = useContext(overlayCardContext);

package/src/lib/components/Portal/Portal.cjs CHANGED Viewed

@@ -40,6 +40,7 @@ require('formik');
 require('yup');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
+require('../OverlayCard/OverlayCard.context.cjs');
 require('../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/components/Portal/Portal.js CHANGED Viewed

@@ -36,6 +36,7 @@ import 'formik';
 import 'yup';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
+import '../OverlayCard/OverlayCard.context.js';
 import '../../views/CollectUserDataView/fieldsConfig.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';