@dynamic-labs/sdk-react-core 0.18.0-RC.1 → 0.18.0-RC.11

package/src/lib/shared/assets/key.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgKey = function SvgKey(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.25 3a3.751 3.751 0 0 0-3.59 4.84.743.743 0 0 1-.187.746L3 13.062V15h1.5v-.75a.75.75 0 0 1 .75-.75H6v-.75a.75.75 0 0 1 .75-.75h1.188l1.476-1.473a.743.743 0 0 1 .746-.187A3.751 3.751 0 1 0 11.25 3ZM6 15v.75a.75.75 0 0 1-.75.75H3A1.5 1.5 0 0 1 1.5 15v-1.938c0-.398.156-.78.438-1.062l4.171-4.172A5.251 5.251 0 0 1 11.25 1.5a5.251 5.251 0 0 1 5.251 5.25 5.251 5.251 0 0 1-6.328 5.14l-1.39 1.391a.75.75 0 0 1-.532.219H7.5v.75a.75.75 0 0 1-.75.75Zm4.5-9.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25.75.75 0 0 1-1.5 0 .75.75 0 0 0-.75-.75.75.75 0 0 1-.75-.75Zm0 0",
+    fill: "currentColor"
+  })));
+};
+
+exports.ReactComponent = SvgKey;

package/src/lib/shared/assets/key.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgKey = function SvgKey(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.25 3a3.751 3.751 0 0 0-3.59 4.84.743.743 0 0 1-.187.746L3 13.062V15h1.5v-.75a.75.75 0 0 1 .75-.75H6v-.75a.75.75 0 0 1 .75-.75h1.188l1.476-1.473a.743.743 0 0 1 .746-.187A3.751 3.751 0 1 0 11.25 3ZM6 15v.75a.75.75 0 0 1-.75.75H3A1.5 1.5 0 0 1 1.5 15v-1.938c0-.398.156-.78.438-1.062l4.171-4.172A5.251 5.251 0 0 1 11.25 1.5a5.251 5.251 0 0 1 5.251 5.25 5.251 5.251 0 0 1-6.328 5.14l-1.39 1.391a.75.75 0 0 1-.532.219H7.5v.75a.75.75 0 0 1-.75.75Zm4.5-9.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25.75.75 0 0 1-1.5 0 .75.75 0 0 0-.75-.75.75.75 0 0 1-.75-.75Zm0 0",
+    fill: "currentColor"
+  })));
+};
+
+export { SvgKey as ReactComponent };

package/src/lib/shared/assets/question-mark.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path, _path2;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgQuestionMark = function SvgQuestionMark(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 20,
+    height: 20,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 3.25a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5ZM1.667 10a8.333 8.333 0 1 1 16.666 0 8.333 8.333 0 0 1-16.666 0Z",
+    fill: "currentcolor"
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.31 7.044a1.784 1.784 0 0 0-1.133.192 1.513 1.513 0 0 0-.699.783.792.792 0 0 1-1.481-.559c.26-.689.768-1.257 1.42-1.613a3.368 3.368 0 0 1 2.144-.367 3.262 3.262 0 0 1 1.908 1.023c.496.55.775 1.254.774 1.99 0 1.201-.948 1.972-1.587 2.369a6.63 6.63 0 0 1-1.354.635l-.028.01-.008.002h-.003l-.002.001-.235-.756.235.756A.792.792 0 0 1 9.789 10h.001m0 0 .014-.005.06-.021a5.054 5.054 0 0 0 .956-.456c.575-.357.84-.717.84-1.024 0-.332-.125-.66-.367-.928a1.68 1.68 0 0 0-.982-.521M9.265 13.77c0-.438.355-.792.792-.792h.01a.792.792 0 1 1 0 1.584h-.01a.792.792 0 0 1-.792-.792Z",
+    fill: "currentcolor"
+  })));
+};
+
+exports.ReactComponent = SvgQuestionMark;

package/src/lib/shared/assets/question-mark.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+
+var _path, _path2;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgQuestionMark = function SvgQuestionMark(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 20,
+    height: 20,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 3.25a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5ZM1.667 10a8.333 8.333 0 1 1 16.666 0 8.333 8.333 0 0 1-16.666 0Z",
+    fill: "currentcolor"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.31 7.044a1.784 1.784 0 0 0-1.133.192 1.513 1.513 0 0 0-.699.783.792.792 0 0 1-1.481-.559c.26-.689.768-1.257 1.42-1.613a3.368 3.368 0 0 1 2.144-.367 3.262 3.262 0 0 1 1.908 1.023c.496.55.775 1.254.774 1.99 0 1.201-.948 1.972-1.587 2.369a6.63 6.63 0 0 1-1.354.635l-.028.01-.008.002h-.003l-.002.001-.235-.756.235.756A.792.792 0 0 1 9.789 10h.001m0 0 .014-.005.06-.021a5.054 5.054 0 0 0 .956-.456c.575-.357.84-.717.84-1.024 0-.332-.125-.66-.367-.928a1.68 1.68 0 0 0-.982-.521M9.265 13.77c0-.438.355-.792.792-.792h.01a.792.792 0 1 1 0 1.584h-.01a.792.792 0 0 1-.792-.792Z",
+    fill: "currentcolor"
+  })));
+};
+
+export { SvgQuestionMark as ReactComponent };

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

@@ -42,6 +42,9 @@ export interface WalletOption {
     group?: string;
     groupedWallets?: WalletOption[];
 }
+export type WalletGroupOption = WalletOption & {
+    groupedWallets: WalletOption[];
+};
 export type ErrorWithCode = Error & {
     code: string;
 };

package/src/lib/shared/utils/classes/index.d.ts

@@ -0,0 +1 @@
+export { LocalStorage } from './storage/localStorage';

package/src/lib/shared/utils/classes/storage/localStorage.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var localStorage = require('../../../../utils/constants/localStorage.cjs');
+require('../../../../utils/constants/colors.cjs');
+var logger = require('../../../logger.cjs');
+
+class LocalStorage {
+    static getDynamicLSKey(key) {
+        return `${key}${LocalStorage.getSuffix()}`;
+    }
+    static setSuffix(localStorageSuffix) {
+        if (!LocalStorage.__suffix__) {
+            const suffix = (localStorageSuffix && `_${localStorageSuffix}`) || '';
+            LocalStorage.__suffix__ = suffix;
+        }
+    }
+    // Will be refactored on INC-155
+    static getAuthTokenValue() {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        const value = window.localStorage.getItem(LocalStorage.getDynamicLSKey(localStorage.AUTH_TOKEN));
+        try {
+            if (value) {
+                return JSON.parse(value);
+            }
+        }
+        catch (e) {
+            logger.logger.debug(e);
+            // Return auth token string for backwards compatibility
+            return value || undefined;
+        }
+        return undefined;
+    }
+    static getFromLS(key) {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        const value = window.localStorage.getItem(LocalStorage.getDynamicLSKey(key));
+        try {
+            if (value) {
+                return JSON.parse(value);
+            }
+        }
+        catch (e) {
+            logger.logger.error(e);
+        }
+        return undefined;
+    }
+    static removeFromLS(key) {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        return window.localStorage.removeItem(LocalStorage.getDynamicLSKey(key));
+    }
+    static setToLS(key, value) {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        window.localStorage.setItem(LocalStorage.getDynamicLSKey(key), JSON.stringify(value));
+    }
+    static getKeys() {
+        if (typeof window === 'undefined') {
+            return [];
+        }
+        return Object.keys(window.localStorage);
+    }
+}
+LocalStorage.getSuffix = () => LocalStorage.__suffix__ || '';
+
+exports.LocalStorage = LocalStorage;
+exports["default"] = LocalStorage;

package/src/lib/shared/utils/classes/storage/localStorage.d.ts

@@ -0,0 +1,12 @@
+export declare class LocalStorage {
+    private static __suffix__;
+    static getSuffix: () => string;
+    private static getDynamicLSKey;
+    static setSuffix(localStorageSuffix?: string): void;
+    static getAuthTokenValue(): string | undefined;
+    static getFromLS<T = any>(key: string): T | undefined;
+    static removeFromLS(key: string): void;
+    static setToLS<T = any>(key: string, value: T): void;
+    static getKeys(): string[];
+}
+export default LocalStorage;

package/src/lib/shared/utils/classes/storage/localStorage.js

@@ -0,0 +1,69 @@
+import { AUTH_TOKEN } from '../../../../utils/constants/localStorage.js';
+import '../../../../utils/constants/colors.js';
+import { logger } from '../../../logger.js';
+
+class LocalStorage {
+    static getDynamicLSKey(key) {
+        return `${key}${LocalStorage.getSuffix()}`;
+    }
+    static setSuffix(localStorageSuffix) {
+        if (!LocalStorage.__suffix__) {
+            const suffix = (localStorageSuffix && `_${localStorageSuffix}`) || '';
+            LocalStorage.__suffix__ = suffix;
+        }
+    }
+    // Will be refactored on INC-155
+    static getAuthTokenValue() {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        const value = window.localStorage.getItem(LocalStorage.getDynamicLSKey(AUTH_TOKEN));
+        try {
+            if (value) {
+                return JSON.parse(value);
+            }
+        }
+        catch (e) {
+            logger.debug(e);
+            // Return auth token string for backwards compatibility
+            return value || undefined;
+        }
+        return undefined;
+    }
+    static getFromLS(key) {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        const value = window.localStorage.getItem(LocalStorage.getDynamicLSKey(key));
+        try {
+            if (value) {
+                return JSON.parse(value);
+            }
+        }
+        catch (e) {
+            logger.error(e);
+        }
+        return undefined;
+    }
+    static removeFromLS(key) {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        return window.localStorage.removeItem(LocalStorage.getDynamicLSKey(key));
+    }
+    static setToLS(key, value) {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        window.localStorage.setItem(LocalStorage.getDynamicLSKey(key), JSON.stringify(value));
+    }
+    static getKeys() {
+        if (typeof window === 'undefined') {
+            return [];
+        }
+        return Object.keys(window.localStorage);
+    }
+}
+LocalStorage.getSuffix = () => LocalStorage.__suffix__ || '';
+
+export { LocalStorage, LocalStorage as default };

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.cjs

@@ -3,15 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = require('@dynamic-labs/utils');
-var localStorage = require('../../../../utils/constants/localStorage.cjs');
+var localStorage$1 = require('../../../../utils/constants/localStorage.cjs');
 require('../../../../utils/constants/colors.cjs');
-var getFromLS = require('../storage/getFromLS.cjs');
-require('../../../../config/LSSuffix.cjs');
+var localStorage = require('../../classes/storage/localStorage.cjs');
 var isWalletGroup = require('../../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.cjs');
 
 const comingSoonToMultiWalletMobile = ['Coinbase', 'MyAlgo', 'Braavos'];
 const comingSoonToMultiWalletDesktop = ['MyAlgo'];
-const getLastUsedWalletName = () => getFromLS.getFromLS(localStorage.LAST_USED_WALLET);
+const getLastUsedWalletName = () => localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
     const lastUsedWalletName = getLastUsedWalletName();
     const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.name === lastUsedWalletName);

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.js

@@ -1,13 +1,12 @@
 import { isMobile } from '@dynamic-labs/utils';
 import { LAST_USED_WALLET } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
-import { getFromLS } from '../storage/getFromLS.js';
-import '../../../../config/LSSuffix.js';
+import { LocalStorage } from '../../classes/storage/localStorage.js';
 import { isWalletGroup } from '../../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.js';
 
 const comingSoonToMultiWalletMobile = ['Coinbase', 'MyAlgo', 'Braavos'];
 const comingSoonToMultiWalletDesktop = ['MyAlgo'];
-const getLastUsedWalletName = () => getFromLS(LAST_USED_WALLET);
+const getLastUsedWalletName = () => LocalStorage.getFromLS(LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
     const lastUsedWalletName = getLastUsedWalletName();
     const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.name === lastUsedWalletName);

package/src/lib/shared/utils/functions/index.d.ts

@@ -1,5 +1,4 @@
 export * from './decodeJwt';
-export * from './storage';
 export * from './validateType';
 export * from './chain';
 export * from './wallet';

package/src/lib/shared/utils/functions/wallet/createWallet.cjs

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var walletBook = require('@dynamic-labs/wallet-book');
 
-const createWallet = (wallet) => {
+const createWallet = (walletBook$1, wallet) => {
     var _a, _b;
     return ({
-        group: (_a = walletBook.findWalletBookWallet(wallet.name)) === null || _a === void 0 ? void 0 : _a.group,
+        group: (_a = walletBook.findWalletBookWallet(walletBook$1, wallet.name)) === null || _a === void 0 ? void 0 : _a.group,
         isInstalledOnBrowser: (_b = wallet.isInstalledOnBrowser()) !== null && _b !== void 0 ? _b : false,
         key: wallet.key,
         name: wallet.name,

package/src/lib/shared/utils/functions/wallet/createWallet.d.ts

@@ -1,3 +1,4 @@
+import { WalletBookSchema } from '@dynamic-labs/wallet-book';
 import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { WalletOption } from '../../../types';
-export declare const createWallet: (wallet: WalletConnector) => WalletOption;
+export declare const createWallet: (walletBook: WalletBookSchema, wallet: WalletConnector) => WalletOption;

package/src/lib/shared/utils/functions/wallet/createWallet.js

@@ -1,9 +1,9 @@
 import { findWalletBookWallet } from '@dynamic-labs/wallet-book';
 
-const createWallet = (wallet) => {
+const createWallet = (walletBook, wallet) => {
     var _a, _b;
     return ({
-        group: (_a = findWalletBookWallet(wallet.name)) === null || _a === void 0 ? void 0 : _a.group,
+        group: (_a = findWalletBookWallet(walletBook, wallet.name)) === null || _a === void 0 ? void 0 : _a.group,
         isInstalledOnBrowser: (_b = wallet.isInstalledOnBrowser()) !== null && _b !== void 0 ? _b : false,
         key: wallet.key,
         name: wallet.name,

package/src/lib/shared/utils/hooks/index.d.ts

@@ -2,3 +2,4 @@ export { useLocalStorage } from './useLocalStorage';
 export { useOnClickOutside } from './useOnClickOutside';
 export { usePreventPageScroll } from './usePreventPageScroll';
 export { useGlobalLoading } from './useGlobalLoading';
+export { useMediaQuery } from './useMediaQuery';

package/src/lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var index = require('../../functions/lastAuthenticatedAccount/index.cjs');
 
-const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, }) => {
+const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, walletBook, }) => {
     var _a;
     const [sdkHasLoaded, setSdkHasLoaded] = React.useState(false);
     const primaryWalletIsLoading = user &&
@@ -13,6 +13,10 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSet
         !primaryWallet;
     const connectOnlyUserIsLoading = authMode === 'connect-only' && connectedInfo && !connectedWallet;
     React.useEffect(() => {
+        var _a;
+        if (!Object.keys((_a = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _a !== void 0 ? _a : {}).length) {
+            return;
+        }
         if (projectSettings) {
             if (primaryWalletIsLoading || connectOnlyUserIsLoading) {
                 return;
@@ -25,6 +29,7 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSet
         user,
         primaryWalletIsLoading,
         connectOnlyUserIsLoading,
+        walletBook,
     ]);
     return {
         sdkHasLoaded,

package/src/lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
+import { WalletBookSchema } from '@dynamic-labs/wallet-book';
 import { UserProfile, Wallet } from '../../../types';
 import { ConnectedWalletConnectorType } from '../../../../utils/hooks/useConnectWallet/useConnectWallet';
 type Props = {
@@ -9,8 +10,9 @@ type Props = {
     primaryWallet: Wallet | null;
     projectSettings: ProjectSettings | undefined;
     user: UserProfile | undefined;
+    walletBook: WalletBookSchema;
 };
-export declare const useGlobalLoading: ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, }: Props) => {
+export declare const useGlobalLoading: ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, walletBook, }: Props) => {
     sdkHasLoaded: boolean;
     setSdkHasLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };

package/src/lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.js

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import { lastAuthenticatedAccount } from '../../functions/lastAuthenticatedAccount/index.js';
 
-const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, }) => {
+const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, walletBook, }) => {
     var _a;
     const [sdkHasLoaded, setSdkHasLoaded] = useState(false);
     const primaryWalletIsLoading = user &&
@@ -9,6 +9,10 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSet
         !primaryWallet;
     const connectOnlyUserIsLoading = authMode === 'connect-only' && connectedInfo && !connectedWallet;
     useEffect(() => {
+        var _a;
+        if (!Object.keys((_a = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _a !== void 0 ? _a : {}).length) {
+            return;
+        }
         if (projectSettings) {
             if (primaryWalletIsLoading || connectOnlyUserIsLoading) {
                 return;
@@ -21,6 +25,7 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSet
         user,
         primaryWalletIsLoading,
         connectOnlyUserIsLoading,
+        walletBook,
     ]);
     return {
         sdkHasLoaded,

package/src/lib/shared/utils/hooks/useLocalStorage/useLocalStorage.cjs

@@ -4,27 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var logger = require('../../../logger.cjs');
-require('@dynamic-labs/sdk-api');
-var getFromLS = require('../../functions/storage/getFromLS.cjs');
-require('../../../../config/LSSuffix.cjs');
-var removeFromLS = require('../../functions/storage/removeFromLS.cjs');
-var setToLS = require('../../functions/storage/setToLS.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('react/jsx-runtime');
-require('../../../../context/ViewContext/ViewContext.cjs');
-require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
-require('../../../../utils/constants/colors.cjs');
-require('ethers');
+var localStorage = require('../../classes/storage/localStorage.cjs');
 
 const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) => {
     const [storedValue, setStoredValue] = React.useState(() => {
         try {
-            const item = getFromLS.getFromLS(key);
+            const item = localStorage.LocalStorage.getFromLS(key);
             if (Boolean(item) && valueValidator && !valueValidator(item)) {
-                removeFromLS.removeFromLS(key);
-                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => removeFromLS.removeFromLS(k));
+                localStorage.LocalStorage.removeFromLS(key);
+                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => localStorage.LocalStorage.removeFromLS(k));
                 return initialValue;
             }
             else {
@@ -40,14 +28,14 @@ const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) =
         try {
             const valueToStore = value instanceof Function ? value(storedValue) : value;
             setStoredValue(valueToStore);
-            setToLS.setToLS(key, valueToStore);
+            localStorage.LocalStorage.setToLS(key, valueToStore);
         }
         catch (error) {
             logger.logger.error(error);
         }
     }, [key, storedValue]);
     const removeValue = React.useCallback(() => {
-        removeFromLS.removeFromLS(key);
+        localStorage.LocalStorage.removeFromLS(key);
         setStoredValue(initialValue);
     }, [initialValue, key]);
     return [storedValue, setValue, removeValue];

package/src/lib/shared/utils/hooks/useLocalStorage/useLocalStorage.js

@@ -1,26 +1,14 @@
 import { useState, useCallback } from 'react';
 import { logger } from '../../../logger.js';
-import '@dynamic-labs/sdk-api';
-import { getFromLS } from '../../functions/storage/getFromLS.js';
-import '../../../../config/LSSuffix.js';
-import { removeFromLS } from '../../functions/storage/removeFromLS.js';
-import { setToLS } from '../../functions/storage/setToLS.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import 'react/jsx-runtime';
-import '../../../../context/ViewContext/ViewContext.js';
-import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
-import '../../../../utils/constants/colors.js';
-import 'ethers';
+import { LocalStorage } from '../../classes/storage/localStorage.js';
 
 const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) => {
     const [storedValue, setStoredValue] = useState(() => {
         try {
-            const item = getFromLS(key);
+            const item = LocalStorage.getFromLS(key);
             if (Boolean(item) && valueValidator && !valueValidator(item)) {
-                removeFromLS(key);
-                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => removeFromLS(k));
+                LocalStorage.removeFromLS(key);
+                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => LocalStorage.removeFromLS(k));
                 return initialValue;
             }
             else {
@@ -36,14 +24,14 @@ const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) =
         try {
             const valueToStore = value instanceof Function ? value(storedValue) : value;
             setStoredValue(valueToStore);
-            setToLS(key, valueToStore);
+            LocalStorage.setToLS(key, valueToStore);
         }
         catch (error) {
             logger.error(error);
         }
     }, [key, storedValue]);
     const removeValue = useCallback(() => {
-        removeFromLS(key);
+        LocalStorage.removeFromLS(key);
         setStoredValue(initialValue);
     }, [initialValue, key]);
     return [storedValue, setValue, removeValue];

package/src/lib/shared/utils/hooks/useMediaQuery/index.d.ts

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

package/src/lib/shared/utils/hooks/useMediaQuery/useMediaQuery.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+// This hook is based on https://usehooks-ts.com/react-hook/use-media-query
+const useMediaQuery = (query) => {
+    const getMatches = (query) => {
+        // Prevents SSR issues
+        if (typeof window !== 'undefined') {
+            return window.matchMedia(query).matches;
+        }
+        return false;
+    };
+    const [matches, setMatches] = React.useState(getMatches(query));
+    const handleChange = () => setMatches(getMatches(query));
+    React.useEffect(() => {
+        const matchMedia = window.matchMedia(query);
+        // Triggered at the first client-side load and if query changes
+        handleChange();
+        matchMedia.addEventListener('change', handleChange);
+        return () => {
+            matchMedia.removeEventListener('change', handleChange);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [query]);
+    return matches;
+};
+
+exports.useMediaQuery = useMediaQuery;

package/src/lib/shared/utils/hooks/useMediaQuery/useMediaQuery.d.ts

@@ -0,0 +1 @@
+export declare const useMediaQuery: (query: string) => boolean;