@dynamic-labs/sdk-react-core 0.18.0-RC.0 → 0.18.0-RC.10

package/CHANGELOG.md

@@ -1,4 +1,161 @@
 
+## [0.18.0-RC.10](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.9...v0.18.0-RC.10) (2023-07-06)
+
+
+### Features
+
+* Update handleUnlink to support connected only wallets ([#2573](https://github.com/dynamic-labs/DynamicAuth/issues/2573)) ([07438c9](https://github.com/dynamic-labs/DynamicAuth/commit/07438c9580b830aa68fcc6a06ea4050a3743a501))
+
+
+### Bug Fixes
+
+* restore connectedWallet clearing function ([#2575](https://github.com/dynamic-labs/DynamicAuth/issues/2575)) ([8d3c41a](https://github.com/dynamic-labs/DynamicAuth/commit/8d3c41a6871037b1003270e724259f23c5f6f370))
+
+## [0.18.0-RC.9](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.8...v0.18.0-RC.9) (2023-07-04)
+
+
+### Features
+
+* add Network Not Supported prompt to connect-only & show prompt before sign in connect-sign mode ([#2474](https://github.com/dynamic-labs/DynamicAuth/issues/2474)) ([8d5bfa9](https://github.com/dynamic-labs/DynamicAuth/commit/8d5bfa97ca4da50e06ce258a38a63e7407a795f6))
+* **DYN-2602:** add ability to unlink connected wallet ([#2494](https://github.com/dynamic-labs/DynamicAuth/issues/2494)) ([389861b](https://github.com/dynamic-labs/DynamicAuth/commit/389861bc0281baec379b1593e529cef3467f3326))
+* **DYN-2604:** add chainId property to walletsByChain object ([#2405](https://github.com/dynamic-labs/DynamicAuth/issues/2405)) ([d9b42f7](https://github.com/dynamic-labs/DynamicAuth/commit/d9b42f7b1d53dac1ed0228ecb5e56a44c6abd8d2))
+* **DynamicAuthLayout:** show connected wallet progress ([#2567](https://github.com/dynamic-labs/DynamicAuth/issues/2567)) ([a20ff6f](https://github.com/dynamic-labs/DynamicAuth/commit/a20ff6f32b360ccc699d2a271c7a96751ae87d29))
+* **DynamicBridgeFlow:** add bridge flow ([#2543](https://github.com/dynamic-labs/DynamicAuth/issues/2543)) ([79c4c87](https://github.com/dynamic-labs/DynamicAuth/commit/79c4c870d47a0c853c292a8d913bd9be9e209a15))
+
+
+### Bug Fixes
+
+* don't force required chain to eth in case is not enabled ([#2537](https://github.com/dynamic-labs/DynamicAuth/issues/2537)) ([b01d6c9](https://github.com/dynamic-labs/DynamicAuth/commit/b01d6c9e91e9971e82739c5a2c900de4768f977c))
+* log out if there's any session sync issue ([#2545](https://github.com/dynamic-labs/DynamicAuth/issues/2545)) ([29972fa](https://github.com/dynamic-labs/DynamicAuth/commit/29972fad1067f5550a61f6e2cd9adcaf811fd268))
+* persist chain to WalletConnect session when changed in wallet ([#2556](https://github.com/dynamic-labs/DynamicAuth/issues/2556)) ([fc9ec35](https://github.com/dynamic-labs/DynamicAuth/commit/fc9ec3501de1e3235adee4df95b296dc22cce23e))
+* WC2 sign-message on non-selected chain ([#2544](https://github.com/dynamic-labs/DynamicAuth/issues/2544)) ([48a4384](https://github.com/dynamic-labs/DynamicAuth/commit/48a4384f77c29775e0c28ed335956cfbd6f89ca3))
+* **wcv2:** add eth_signTypedData_v4 to optional methods ([#2527](https://github.com/dynamic-labs/DynamicAuth/issues/2527)) ([b99474b](https://github.com/dynamic-labs/DynamicAuth/commit/b99474b81b083134762be0fe9554a6f049b3edda))
+* **wcv2:** allow getWeb3Provider to wait to provider init ([#2523](https://github.com/dynamic-labs/DynamicAuth/issues/2523)) ([d9c7fee](https://github.com/dynamic-labs/DynamicAuth/commit/d9c7fee10d2a6c766043515e19829fd7e3d5b2ef))
+
+## [0.18.0-RC.8](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.7...v0.18.0-RC.8) (2023-06-29)
+
+
+### Features
+
+* add support for custom walletconnect v1 bridge ([#2487](https://github.com/dynamic-labs/DynamicAuth/issues/2487)) ([5b0ca2e](https://github.com/dynamic-labs/DynamicAuth/commit/5b0ca2e4e8aa241ed13e4f38346c31da8479a6c4))
+* **DYN-2623:** improve error message on sign cancellation for wallets ([#2493](https://github.com/dynamic-labs/DynamicAuth/issues/2493)) ([081c515](https://github.com/dynamic-labs/DynamicAuth/commit/081c515c9d28d6fa4c0eaac388ee421a7b23144b))
+
+
+### Bug Fixes
+
+* clearing the activeAccount value ([#2469](https://github.com/dynamic-labs/DynamicAuth/issues/2469)) ([ff75bde](https://github.com/dynamic-labs/DynamicAuth/commit/ff75bde938a4178541568b79754f773607b9d87f))
+* don't initialize provider if it's already initialized ([#2490](https://github.com/dynamic-labs/DynamicAuth/issues/2490)) ([878d38f](https://github.com/dynamic-labs/DynamicAuth/commit/878d38f5c8d7d7448c65e58b25cefd9f3518217e))
+* more wcv2 improvements ([#2475](https://github.com/dynamic-labs/DynamicAuth/issues/2475)) ([13baa84](https://github.com/dynamic-labs/DynamicAuth/commit/13baa84218d6259d02df7d8c387b40dc3cb11ce5)), closes [#2469](https://github.com/dynamic-labs/DynamicAuth/issues/2469) [#2470](https://github.com/dynamic-labs/DynamicAuth/issues/2470) [#2471](https://github.com/dynamic-labs/DynamicAuth/issues/2471) [#2477](https://github.com/dynamic-labs/DynamicAuth/issues/2477) [#2479](https://github.com/dynamic-labs/DynamicAuth/issues/2479) [#2471](https://github.com/dynamic-labs/DynamicAuth/issues/2471) [#2476](https://github.com/dynamic-labs/DynamicAuth/issues/2476)
+* multiple improvements for WC2 ([#2458](https://github.com/dynamic-labs/DynamicAuth/issues/2458)) ([0813af2](https://github.com/dynamic-labs/DynamicAuth/commit/0813af2aafa8019868117084efe8ae147ac24581))
+* revert changes since latest wcv2 improvements ([#2473](https://github.com/dynamic-labs/DynamicAuth/issues/2473)) ([3375371](https://github.com/dynamic-labs/DynamicAuth/commit/337537101a13d67b860748b62f172eba01d0b461)), closes [#2471](https://github.com/dynamic-labs/DynamicAuth/issues/2471) [#2470](https://github.com/dynamic-labs/DynamicAuth/issues/2470) [#2469](https://github.com/dynamic-labs/DynamicAuth/issues/2469)
+* sync issue within connect-only mode  ([#2496](https://github.com/dynamic-labs/DynamicAuth/issues/2496)) ([44af274](https://github.com/dynamic-labs/DynamicAuth/commit/44af274618c30fe65ec95739cd16a8ddde08e34e))
+* typo in terms of service ([#2401](https://github.com/dynamic-labs/DynamicAuth/issues/2401)) ([5b195e5](https://github.com/dynamic-labs/DynamicAuth/commit/5b195e54479d9a88bd017fc45f2f2455d1caedc4))
+* **wc_v1_bridget:** disable WC v2 when WC v1 bridge is set ([#2505](https://github.com/dynamic-labs/DynamicAuth/issues/2505)) ([b3f0a68](https://github.com/dynamic-labs/DynamicAuth/commit/b3f0a6895095bb37c635984fc970b52446e04f56))
+* wc2 android improvements ([#2488](https://github.com/dynamic-labs/DynamicAuth/issues/2488)) ([f60ef9c](https://github.com/dynamic-labs/DynamicAuth/commit/f60ef9c1dd672f78199eee40edbe2707c043e1b5))
+* **wcv2:** make sure to clear active account when ending session ([#2471](https://github.com/dynamic-labs/DynamicAuth/issues/2471)) ([b766df3](https://github.com/dynamic-labs/DynamicAuth/commit/b766df39a7e4dabc54fda9131b7bd9b53895cf2f))
+* **wcv2:** use native or universal link when signing message ([#2502](https://github.com/dynamic-labs/DynamicAuth/issues/2502)) ([6e3e3fb](https://github.com/dynamic-labs/DynamicAuth/commit/6e3e3fbb58fb9e3eb314e6631ac2123237f41e8c))
+
+## [0.18.0-RC.7](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.6...v0.18.0-RC.7) (2023-06-23)
+
+
+### Features
+
+* add bridge connect button ([#2399](https://github.com/dynamic-labs/DynamicAuth/issues/2399)) ([6987eea](https://github.com/dynamic-labs/DynamicAuth/commit/6987eeae8f49a5d077de6c4343b83ecbb1fc8b89))
+* add useTimeout, useInterval and useIsomorphicLayoutEffect hooks ([#2418](https://github.com/dynamic-labs/DynamicAuth/issues/2418)) ([3ed8595](https://github.com/dynamic-labs/DynamicAuth/commit/3ed859526a6ec982b61a4335a9a63512d0e631e3))
+* **DYN-2411:** WalletLockedView when user has valid jwt and all of their wallets are disconnected ([#2273](https://github.com/dynamic-labs/DynamicAuth/issues/2273)) ([2e6d0d6](https://github.com/dynamic-labs/DynamicAuth/commit/2e6d0d6ed734eb628bd05b6ad64560c496ad915f))
+* **DYN-2598:** add powered by, update copy and paddings in the select wallet chain layout ([#2391](https://github.com/dynamic-labs/DynamicAuth/issues/2391)) ([f2a7924](https://github.com/dynamic-labs/DynamicAuth/commit/f2a79241dcf1ea5720242c2cc65a6fcd077ea0e9))
+* **solana:** add logic to get network based on genesis hash ([#2402](https://github.com/dynamic-labs/DynamicAuth/issues/2402)) ([b76c626](https://github.com/dynamic-labs/DynamicAuth/commit/b76c62660bae334aef84678db5d8349a3d575630))
+
+
+### Bug Fixes
+
+* better handling of the CB wallet provider ([#2376](https://github.com/dynamic-labs/DynamicAuth/issues/2376)) ([720e510](https://github.com/dynamic-labs/DynamicAuth/commit/720e510d0793c530d06db5eaa1d5a7be608703bb))
+* clear AUTH_USER when there is no AUTH_TOKEN on LS ([#2423](https://github.com/dynamic-labs/DynamicAuth/issues/2423)) ([bf1e1c0](https://github.com/dynamic-labs/DynamicAuth/commit/bf1e1c0f8a7a7a852c67ef363613deecacdad92e))
+* set auth mode to connect-and-sign when verifiying wallet ([#2369](https://github.com/dynamic-labs/DynamicAuth/issues/2369)) ([666aa69](https://github.com/dynamic-labs/DynamicAuth/commit/666aa6954d19551a354af933a69ab8eeee7a98b5))
+* use getAuthTokenValue in initExpirationTime ([#2422](https://github.com/dynamic-labs/DynamicAuth/issues/2422)) ([fa8ff78](https://github.com/dynamic-labs/DynamicAuth/commit/fa8ff78d64421ca4447794fe9af53c175adf94c3))
+
+## [0.18.0-RC.6](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.5...v0.18.0-RC.6) (2023-06-20)
+
+
+### Features
+
+* add export keys option for magic wallets ([#2377](https://github.com/dynamic-labs/DynamicAuth/issues/2377)) ([6b40f53](https://github.com/dynamic-labs/DynamicAuth/commit/6b40f538f207691b54fe2f245ed6018c467b83fe))
+
+
+### Bug Fixes
+
+* add polyfill for css layers ([#2386](https://github.com/dynamic-labs/DynamicAuth/issues/2386)) ([3d489f5](https://github.com/dynamic-labs/DynamicAuth/commit/3d489f59d676864134a94d031697e0f83fc0d742))
+
+## [0.18.0-RC.5](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.4...v0.18.0-RC.5) (2023-06-20)
+
+
+### Bug Fixes
+
+* remove process variable declaration ([#2389](https://github.com/dynamic-labs/DynamicAuth/issues/2389)) ([3c05121](https://github.com/dynamic-labs/DynamicAuth/commit/3c05121473850444f2c8393fa6e98e10d58870bc))
+* wallet book singleton class to initalize when walletBook is undefined ([#2392](https://github.com/dynamic-labs/DynamicAuth/issues/2392)) ([7e07137](https://github.com/dynamic-labs/DynamicAuth/commit/7e0713712321439ee48e0c9ec88fef8c9aecd9cf))
+
+## [0.18.0-RC.4](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.3...v0.18.0-RC.4) (2023-06-20)
+
+
+### ⚠ BREAKING CHANGES
+
+* **DYN-1260:** integrate wallets group view with group logic (#2305)
+
+### Features
+
+* **DYN-1260:** integrate wallets group view with group logic ([#2305](https://github.com/dynamic-labs/DynamicAuth/issues/2305)) ([d5adb41](https://github.com/dynamic-labs/DynamicAuth/commit/d5adb411f263d1583abe5102e60d02573c6bf416))
+
+
+### Bug Fixes
+
+* **DYN-2507:** too long network name shrinks users avatar ([#2383](https://github.com/dynamic-labs/DynamicAuth/issues/2383)) ([8586c3b](https://github.com/dynamic-labs/DynamicAuth/commit/8586c3be5a499118b7229eb7a3702d3350642107))
+* hide wallet menu items that are not needed ([#2375](https://github.com/dynamic-labs/DynamicAuth/issues/2375)) ([35a6723](https://github.com/dynamic-labs/DynamicAuth/commit/35a67234da47f1a992a94c17e445b1fcba1c700f))
+* use overflow auto to avoid showing the disabled scrollbar on gecko browser ([#2382](https://github.com/dynamic-labs/DynamicAuth/issues/2382)) ([16a7db4](https://github.com/dynamic-labs/DynamicAuth/commit/16a7db49e5b154bc6a4ea263c8a8c8a92cf1d810))
+* use primary color for wallet group item copy ([#2384](https://github.com/dynamic-labs/DynamicAuth/issues/2384)) ([3fe439e](https://github.com/dynamic-labs/DynamicAuth/commit/3fe439ea2a271bc4b24b145db3f70774e221723e))
+
+## [0.18.0-RC.3](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.2...v0.18.0-RC.3) (2023-06-16)
+
+
+### Features
+
+* add skeleton to walletlistfooter ([#2361](https://github.com/dynamic-labs/DynamicAuth/issues/2361)) ([676be6c](https://github.com/dynamic-labs/DynamicAuth/commit/676be6c108dff8df7175f0587cf0568658276e4e))
+
+
+### Bug Fixes
+
+* **local-storage:** load auth token when stringified ([#2368](https://github.com/dynamic-labs/DynamicAuth/issues/2368)) ([3a54266](https://github.com/dynamic-labs/DynamicAuth/commit/3a54266fde3cd1f7362ccc490f89b8925132271b))
+
+## [0.18.0-RC.2](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.1...v0.18.0-RC.2) (2023-06-16)
+
+
+### Features
+
+* add Dynamic Bridge widget ([#2316](https://github.com/dynamic-labs/DynamicAuth/issues/2316)) ([0e71a88](https://github.com/dynamic-labs/DynamicAuth/commit/0e71a88c6dd740583448ed7b45fa335aaa736079))
+* add search bar to bridge wallets view ([#2357](https://github.com/dynamic-labs/DynamicAuth/issues/2357)) ([a8415fc](https://github.com/dynamic-labs/DynamicAuth/commit/a8415fc744216660a78c1443962711699e45429a))
+* bridge flow improvements ([#2367](https://github.com/dynamic-labs/DynamicAuth/issues/2367)) ([38a44be](https://github.com/dynamic-labs/DynamicAuth/commit/38a44be417fd1363b0d8e45ec1834f9aaf680427))
+* **Bridge:** add bridge navigation component ([#2340](https://github.com/dynamic-labs/DynamicAuth/issues/2340)) ([1e9adae](https://github.com/dynamic-labs/DynamicAuth/commit/1e9adaed3682bc9a7aab385221818946cad397f2))
+* **Bridge:** integrate dynamic bridge ui ([#2354](https://github.com/dynamic-labs/DynamicAuth/issues/2354)) ([1465bf8](https://github.com/dynamic-labs/DynamicAuth/commit/1465bf8717cbc9905285c2d867bc3e1d0cd1114b))
+* **DYN-2519:** create state for multiple connected wallets ([#2326](https://github.com/dynamic-labs/DynamicAuth/issues/2326)) ([fc05aa4](https://github.com/dynamic-labs/DynamicAuth/commit/fc05aa4d91b0af8950c5da84c69130557ba36b09)), closes [#2319](https://github.com/dynamic-labs/DynamicAuth/issues/2319)
+* **MultiWalletStepSelectorModal:** add modal to connect multiple wallets ([#2348](https://github.com/dynamic-labs/DynamicAuth/issues/2348)) ([39ce0b2](https://github.com/dynamic-labs/DynamicAuth/commit/39ce0b26fdf6494a4e1ba7867e80bf399d11631f))
+* use wallet-book from CDN ([#2352](https://github.com/dynamic-labs/DynamicAuth/issues/2352)) ([9d1498f](https://github.com/dynamic-labs/DynamicAuth/commit/9d1498f2aec4bb9f3e3d6b386d9cafea3a33bd58))
+
+
+### Bug Fixes
+
+* handle email only without primary wallet state ([#2342](https://github.com/dynamic-labs/DynamicAuth/issues/2342)) ([98583bb](https://github.com/dynamic-labs/DynamicAuth/commit/98583bb8820ac80967bf1059cbaf47d04bfd603a))
+* s3 cp for walletbook json ([8127b79](https://github.com/dynamic-labs/DynamicAuth/commit/8127b790333b36f40a2cc230a576c01aaad42196))
+* setting initial view when error in auth flow ([#2345](https://github.com/dynamic-labs/DynamicAuth/issues/2345)) ([85dcefb](https://github.com/dynamic-labs/DynamicAuth/commit/85dcefb54be498b540904b381b53f9ea7e0cd024))
+* typo in github action ([d746bc0](https://github.com/dynamic-labs/DynamicAuth/commit/d746bc01981a3263e3ab4f654debf77b408cda3a))
+* **widget:** add fallback icon when oauth provider does not exist ([#2349](https://github.com/dynamic-labs/DynamicAuth/issues/2349)) ([bd2a505](https://github.com/dynamic-labs/DynamicAuth/commit/bd2a505724affd6f5356c0c4f31586ffd188e539))
+
+## [0.18.0-RC.1](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.0...v0.18.0-RC.1) (2023-06-14)
+
+
+### Bug Fixes
+
+* await setEmailInput in handleSubmit for LoginWithemailForm ([#2336](https://github.com/dynamic-labs/DynamicAuth/issues/2336)) ([05b1fe0](https://github.com/dynamic-labs/DynamicAuth/commit/05b1fe09abaa1563fb187cf410b1e0e991f29c60))
+* don't remove project settings from ls if there's a connected wallet ([#2329](https://github.com/dynamic-labs/DynamicAuth/issues/2329)) ([bc2f627](https://github.com/dynamic-labs/DynamicAuth/commit/bc2f627a80d0a8e6a4637dc60c699ffd07362a19))
+
 ## [0.18.0-RC.0](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.0...v0.18.0-RC.0) (2023-06-14)
 
 

package/package.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.18.0-RC.0";
+var version = "0.18.0-RC.10";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",
-	"@dynamic-labs/sdk-api": "0.0.218",
+	"@dynamic-labs/sdk-api": "0.0.222",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	yup: "0.32.11",

package/package.js

@@ -1,8 +1,8 @@
-var version = "0.18.0-RC.0";
+var version = "0.18.0-RC.10";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",
-	"@dynamic-labs/sdk-api": "0.0.218",
+	"@dynamic-labs/sdk-api": "0.0.222",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	yup: "0.32.11",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.18.0-RC.0",
+  "version": "0.18.0-RC.10",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -9,20 +9,20 @@
   "dependencies": {
     "react-focus-lock": "2.9.2",
     "@dynamic-labs/iconic": "0.1.23",
-    "@dynamic-labs/sdk-api": "0.0.218",
+    "@dynamic-labs/sdk-api": "0.0.222",
     "@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",
-    "@dynamic-labs/logger": "0.18.0-RC.0",
-    "@dynamic-labs/multi-wallet": "0.18.0-RC.0",
-    "@dynamic-labs/rpc-providers": "0.18.0-RC.0",
-    "@dynamic-labs/types": "0.18.0-RC.0",
-    "@dynamic-labs/utils": "0.18.0-RC.0",
-    "@dynamic-labs/wallet-book": "0.18.0-RC.0",
-    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.0"
+    "@dynamic-labs/logger": "0.18.0-RC.10",
+    "@dynamic-labs/multi-wallet": "0.18.0-RC.10",
+    "@dynamic-labs/rpc-providers": "0.18.0-RC.10",
+    "@dynamic-labs/types": "0.18.0-RC.10",
+    "@dynamic-labs/utils": "0.18.0-RC.10",
+    "@dynamic-labs/wallet-book": "0.18.0-RC.10",
+    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.10"
   },
   "devDependencies": {
     "semver": "7.3.8"

package/src/index.cjs

@@ -17,10 +17,6 @@ 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 getDynamicLSKey = require('./lib/shared/utils/functions/storage/getDynamicLSKey.cjs');
-var removeFromLS = require('./lib/shared/utils/functions/storage/removeFromLS.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');
@@ -40,6 +36,8 @@ var useLocalStorage = require('./lib/shared/utils/hooks/useLocalStorage/useLocal
 var index$1 = require('./lib/shared/utils/hooks/useOnClickOutside/index.cjs');
 var usePreventPageScroll = require('./lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var useGlobalLoading = require('./lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs');
+var useMediaQuery = require('./lib/shared/utils/hooks/useMediaQuery/useMediaQuery.cjs');
+var localStorage = require('./lib/shared/utils/classes/storage/localStorage.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');
@@ -63,6 +61,7 @@ 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 key = require('./lib/shared/assets/key.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');
@@ -74,6 +73,7 @@ var tooltipArrow = require('./lib/shared/assets/tooltip-arrow.cjs');
 var switchHorizontal = require('./lib/shared/assets/switch-horizontal.cjs');
 var dotsHorizontal = require('./lib/shared/assets/dots-horizontal.cjs');
 var send = require('./lib/shared/assets/send.cjs');
+var questionMark = require('./lib/shared/assets/question-mark.cjs');
 var index$2 = require('./lib/shared/consts/index.cjs');
 var logger = require('./lib/shared/logger.cjs');
 require('./lib/utils/constants/colors.cjs');
@@ -89,6 +89,7 @@ require('./lib/components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('./lib/components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('./lib/components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('./lib/config/ApiEndpoint.cjs');
+require('./lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var isSameWalletName = require('./lib/utils/functions/isSameWalletName/isSameWalletName.cjs');
 require('./lib/context/ViewContext/ViewContext.cjs');
 require('./lib/context/ErrorContext/ErrorContext.cjs');
@@ -139,10 +140,6 @@ exports.FundingWidget = FundingWidget.FundingWidget;
 exports.DynamicBridgeWidget = DynamicBridgeWidget.DynamicBridgeWidget;
 exports.classNames = classNames.classNames;
 exports.decodeJwt = decodeJwt.decodeJwt;
-exports.getFromLS = getFromLS.getFromLS;
-exports.getDynamicLSKey = getDynamicLSKey.getDynamicLSKey;
-exports.removeFromLS = removeFromLS.removeFromLS;
-exports.setToLS = setToLS.setToLS;
 exports.validateType = validateType.validateType;
 exports.getChainIcon = getChainIcon.getChainIcon;
 exports.getChainDisplayName = getChainDisplayName.getChainDisplayName;
@@ -162,6 +159,8 @@ exports.useLocalStorage = useLocalStorage.useLocalStorage;
 exports.useOnClickOutside = index$1.useOnClickOutside;
 exports.usePreventPageScroll = usePreventPageScroll.usePreventPageScroll;
 exports.useGlobalLoading = useGlobalLoading.useGlobalLoading;
+exports.useMediaQuery = useMediaQuery.useMediaQuery;
+exports.LocalStorage = localStorage.LocalStorage;
 exports.PhantomLedgerIcon = PhantomLedgerIcon.PhantomLedgerIcon;
 exports.ArrowIcon = stroke.ReactComponent;
 exports.ArrowRightIcon = arrowRight.ReactComponent;
@@ -185,6 +184,7 @@ exports.InfoIcon = footerInfoIcon.ReactComponent;
 exports.EyeIcon = footerEyeIcon.ReactComponent;
 exports.GasIcon = footerGasIcon.ReactComponent;
 exports.KeyIcon = footerKeyIcon.ReactComponent;
+exports.KeyOutlineIcon = key.ReactComponent;
 exports.PuzzleIcon = puzzle.ReactComponent;
 exports.LinkIcon = link.ReactComponent;
 exports.ExternalLinkIcon = externalLink.ReactComponent;
@@ -196,6 +196,7 @@ exports.TooltipArrow = tooltipArrow.ReactComponent;
 exports.SwitchHorizontalIcon = switchHorizontal.ReactComponent;
 exports.DotsHorizontalIcon = dotsHorizontal.ReactComponent;
 exports.SendIcon = send.ReactComponent;
+exports.QuestionMarkIcon = questionMark.ReactComponent;
 exports.authModalZIndex = index$2.authModalZIndex;
 exports.countryCodes = index$2.countryCodes;
 exports.defaultWalletsForChains = index$2.defaultWalletsForChains;

package/src/index.js

@@ -13,10 +13,6 @@ 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 { getDynamicLSKey } from './lib/shared/utils/functions/storage/getDynamicLSKey.js';
-export { removeFromLS } from './lib/shared/utils/functions/storage/removeFromLS.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';
@@ -36,6 +32,8 @@ export { useLocalStorage } from './lib/shared/utils/hooks/useLocalStorage/useLoc
 export { useOnClickOutside } from './lib/shared/utils/hooks/useOnClickOutside/index.js';
 export { usePreventPageScroll } from './lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 export { useGlobalLoading } from './lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
+export { useMediaQuery } from './lib/shared/utils/hooks/useMediaQuery/useMediaQuery.js';
+export { LocalStorage } from './lib/shared/utils/classes/storage/localStorage.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';
@@ -59,6 +57,7 @@ export { ReactComponent as InfoIcon } from './lib/shared/assets/footer-info-icon
 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 KeyOutlineIcon } from './lib/shared/assets/key.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';
@@ -70,6 +69,7 @@ export { ReactComponent as TooltipArrow } from './lib/shared/assets/tooltip-arro
 export { ReactComponent as SwitchHorizontalIcon } from './lib/shared/assets/switch-horizontal.js';
 export { ReactComponent as DotsHorizontalIcon } from './lib/shared/assets/dots-horizontal.js';
 export { ReactComponent as SendIcon } from './lib/shared/assets/send.js';
+export { ReactComponent as QuestionMarkIcon } from './lib/shared/assets/question-mark.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';
@@ -85,6 +85,7 @@ import './lib/components/Transition/ZoomTransition/ZoomTransition.js';
 import './lib/components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import './lib/components/Transition/OpacityTransition/OpacityTransition.js';
 import './lib/config/ApiEndpoint.js';
+import './lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameWalletName.js';
 import './lib/context/ViewContext/ViewContext.js';
 import './lib/context/ErrorContext/ErrorContext.js';

package/src/lib/Main.cjs

@@ -9,15 +9,13 @@ var utils = require('@dynamic-labs/utils');
 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('./config/LSSuffix.cjs');
-var removeFromLS = require('./shared/utils/functions/storage/removeFromLS.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 var ViewContext = require('./context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-var localStorage = require('./utils/constants/localStorage.cjs');
+var localStorage$1 = require('./utils/constants/localStorage.cjs');
 require('./utils/constants/colors.cjs');
+var localStorage = require('./shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 var usePreventPageScroll = require('./shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index$1 = require('./shared/consts/index.cjs');
@@ -29,6 +27,7 @@ var Portal = require('./components/Portal/Portal.cjs');
 require('react-dom');
 require('./config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('./utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var isSameWalletName = require('./utils/functions/isSameWalletName/isSameWalletName.cjs');
 require('./context/ErrorContext/ErrorContext.cjs');
 var AccessDeniedContext = require('./context/AccessDeniedContext/AccessDeniedContext.cjs');
@@ -51,7 +50,7 @@ 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, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { selectedWalletConnector, connectedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, } = useInternalDynamicContext.useInternalDynamicContext();
     const { view, goToInitialView } = ViewContext.useViewContext();
     const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
     usePreventPageScroll.usePreventPageScroll(showAuthFlow);
@@ -94,19 +93,19 @@ const Main = () => {
         }
     });
     React.useEffect(() => {
-        const newToWeb3WalletName = getFromLS.getFromLS(localStorage.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        const newToWeb3WalletName = localStorage.LocalStorage.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);
             }
-            removeFromLS.removeFromLS(localStorage.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+            localStorage.LocalStorage.removeFromLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
         }
     }, [wallets]);
     const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
     return (jsxRuntime.jsx(SocialRedirectContext.SocialRedirectContextProvider, { children: 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] })) })) }) }));
+                } }, { children: jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, Object.assign({ transitionProps: { isShown: showDynamicAuth }, onClose: handleClose, projectSettings: projectSettings, walletConnector: selectedWalletConnector }, { children: viewToComponentMap.viewToComponentMap[view] })) })) }) }));
 };
 
 exports.Main = Main;

package/src/lib/Main.js

@@ -5,15 +5,13 @@ import { isMobile } from '@dynamic-labs/utils';
 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 './config/LSSuffix.js';
-import { removeFromLS } from './shared/utils/functions/storage/removeFromLS.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from './context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY } from './utils/constants/localStorage.js';
 import './utils/constants/colors.js';
+import { LocalStorage } from './shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import { usePreventPageScroll } from './shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from './shared/consts/index.js';
@@ -25,6 +23,7 @@ import { Portal } from './components/Portal/Portal.js';
 import 'react-dom';
 import './config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import './utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import { isSameWalletName } from './utils/functions/isSameWalletName/isSameWalletName.js';
 import './context/ErrorContext/ErrorContext.js';
 import { useAccessDeniedContext } from './context/AccessDeniedContext/AccessDeniedContext.js';
@@ -47,7 +46,7 @@ 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, } = useInternalDynamicContext();
+    const { selectedWalletConnector, connectedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, } = useInternalDynamicContext();
     const { view, goToInitialView } = useViewContext();
     const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
     usePreventPageScroll(showAuthFlow);
@@ -90,19 +89,19 @@ const Main = () => {
         }
     });
     useEffect(() => {
-        const newToWeb3WalletName = getFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        const newToWeb3WalletName = LocalStorage.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);
             }
-            removeFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+            LocalStorage.removeFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
         }
     }, [wallets]);
     const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
     return (jsx(SocialRedirectContextProvider, { children: 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] })) })) }) }));
+                } }, { children: jsx(DynamicAuthLayout, Object.assign({ transitionProps: { isShown: showDynamicAuth }, onClose: handleClose, projectSettings: projectSettings, walletConnector: selectedWalletConnector }, { children: viewToComponentMap[view] })) })) }) }));
 };
 
 export { Main, Main as default };

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

@@ -9,16 +9,17 @@ require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../shared/logger.cjs');
-require('../../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/rpc-providers');
+require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
@@ -40,7 +41,7 @@ require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 
-const AccordionItem = ({ children, className = '', isOpen, dataTestId, }) => {
+const AccordionItem = ({ children, className = '', isOpen, dataTestId, dimOnHide = false, }) => {
     const childRef = React.useRef(null);
     const lastValidChildHeight = React.useRef();
     const [childEntry] = useResizeObserver.useResizeObserver(childRef);
@@ -57,9 +58,11 @@ const AccordionItem = ({ children, className = '', isOpen, dataTestId, }) => {
             lastValidChildHeight.current = childHeight;
         }
     }, [childEntry]);
-    return (jsxRuntime.jsx("div", Object.assign({ "data-testid": dataTestId, style: { maxHeight }, className: classNames.classNames(className, 'accordion-item', {
+    return (jsxRuntime.jsxs("div", Object.assign({ "data-testid": dataTestId, style: { maxHeight }, className: classNames.classNames(className, 'accordion-item', {
             'accordion-item--full-height': Boolean(maxHeight),
-        }) }, { children: jsxRuntime.jsx("div", Object.assign({ ref: childRef }, { children: children })) })));
+        }) }, { children: [dimOnHide && (jsxRuntime.jsx("div", { "data-testid": 'accordion-item-curtain', className: classNames.classNames('accordion-item__curtain', {
+                    'accordion-item__curtain--dimmed': !isOpen,
+                }) })), jsxRuntime.jsx("div", Object.assign({ ref: childRef }, { children: children }))] })));
 };
 
 exports.AccordionItem = AccordionItem;

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

@@ -1,20 +1,21 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useMemo, useEffect } from 'react';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
@@ -36,7 +37,7 @@ import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 
-const AccordionItem = ({ children, className = '', isOpen, dataTestId, }) => {
+const AccordionItem = ({ children, className = '', isOpen, dataTestId, dimOnHide = false, }) => {
     const childRef = useRef(null);
     const lastValidChildHeight = useRef();
     const [childEntry] = useResizeObserver(childRef);
@@ -53,9 +54,11 @@ const AccordionItem = ({ children, className = '', isOpen, dataTestId, }) => {
             lastValidChildHeight.current = childHeight;
         }
     }, [childEntry]);
-    return (jsx("div", Object.assign({ "data-testid": dataTestId, style: { maxHeight }, className: classNames(className, 'accordion-item', {
+    return (jsxs("div", Object.assign({ "data-testid": dataTestId, style: { maxHeight }, className: classNames(className, 'accordion-item', {
             'accordion-item--full-height': Boolean(maxHeight),
-        }) }, { children: jsx("div", Object.assign({ ref: childRef }, { children: children })) })));
+        }) }, { children: [dimOnHide && (jsx("div", { "data-testid": 'accordion-item-curtain', className: classNames('accordion-item__curtain', {
+                    'accordion-item__curtain--dimmed': !isOpen,
+                }) })), jsx("div", Object.assign({ ref: childRef }, { children: children }))] })));
 };
 
 export { AccordionItem };

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.types.d.ts

@@ -3,5 +3,6 @@ export type AccordionItemProps = {
     className?: string;
     dataTestId?: string;
     isOpen: boolean;
+    dimOnHide?: boolean;
 };
 export type AccordionItemComponent = FC<PropsWithChildren<AccordionItemProps>>;

package/src/lib/components/Alert/Alert.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
-require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
@@ -14,6 +13,7 @@ var error = require('../../shared/assets/error.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../shared/consts/index.cjs');
 var Icon = require('../Icon/Icon.cjs');

package/src/lib/components/Alert/Alert.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
-import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
@@ -10,6 +9,7 @@ import { ReactComponent as SvgError } from '../../shared/assets/error.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../shared/consts/index.js';
 import { Icon } from '../Icon/Icon.js';