@dynamic-labs/sdk-react-core 3.0.0-alpha.5 → 3.0.0-alpha.50

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

@@ -0,0 +1,54 @@
+'use client'
+'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 SvgTooltip = function SvgTooltip(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    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: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm10-5a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1Zm-1 9a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1Z",
+    fill: "#ABACB2"
+  })));
+};
+
+exports.ReactComponent = SvgTooltip;

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

@@ -0,0 +1,30 @@
+'use client'
+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 SvgTooltip = function SvgTooltip(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    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: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm10-5a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1Zm-1 9a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1Z",
+    fill: "#ABACB2"
+  })));
+};
+
+export { SvgTooltip as ReactComponent };

package/src/lib/shared/assets/wallet-outline-v2.cjs

@@ -0,0 +1,54 @@
+'use client'
+'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 SvgWalletOutlineV2 = function SvgWalletOutlineV2(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 25,
+    height: 24,
+    viewBox: "0 0 25 24",
+    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: "M15.5 2a2 2 0 0 1 2 2h-12a3.99 3.99 0 0 0-2.935 1.283A4.005 4.005 0 0 1 6.5 2h9ZM6.5 6A4 4 0 0 0 2.5 10v8a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4v-8a4 4 0 0 0-4-4H6.5ZM20.5 10a2 2 0 0 0-2-2h-12a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8Z",
+    fill: "currentColor"
+  })));
+};
+
+exports.ReactComponent = SvgWalletOutlineV2;

package/src/lib/shared/assets/wallet-outline-v2.js

@@ -0,0 +1,30 @@
+'use client'
+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 SvgWalletOutlineV2 = function SvgWalletOutlineV2(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 25,
+    height: 24,
+    viewBox: "0 0 25 24",
+    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: "M15.5 2a2 2 0 0 1 2 2h-12a3.99 3.99 0 0 0-2.935 1.283A4.005 4.005 0 0 1 6.5 2h9ZM6.5 6A4 4 0 0 0 2.5 10v8a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4v-8a4 4 0 0 0-4-4H6.5ZM20.5 10a2 2 0 0 0-2-2h-12a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8Z",
+    fill: "currentColor"
+  })));
+};
+
+export { SvgWalletOutlineV2 as ReactComponent };

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

@@ -31,9 +31,7 @@ export type DynamicEventsCallbacks = {
     onAuthInit?: (data: AuthEventPayload) => void;
 };
 export type OnAuthSuccess = (params: {
-    authToken: string;
     handleLogOut: () => Promise<void>;
-    minAuthToken: string;
     isAuthenticated: boolean;
     primaryWallet: Wallet | null;
     user: UserProfile;
@@ -58,4 +56,4 @@ destination: {
     value: PhoneData;
 }) => void;
 export type OnUserProfileUpdate = (user: UserProfile) => void;
-export type OnEmbeddedWalletCreated = (verifiedCredential: JwtVerifiedCredential | undefined, authToken: string | undefined, user: UserProfile | undefined) => void;
+export type OnEmbeddedWalletCreated = (verifiedCredential: JwtVerifiedCredential | undefined, user: UserProfile | undefined) => void;

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

@@ -14,7 +14,7 @@ export type UserOnboardingFieldResponse = {
 };
 export type HandleUserOnboarding = (missingFields: UserOnboardingFieldRequest[]) => Promise<UserOnboardingFieldResponse[]>;
 export type DynamicHandlers = {
-    handleVerifiedUser?: (params: {
+    handleAuthenticatedUser?: (params: {
         user: UserProfile;
     }) => Promise<void>;
     handleConnectedWallet?: HandleConnectedWallet;

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

@@ -1,15 +1,6 @@
 import { OauthProviderRequest, PasswordSourceTypeEnum, WalletAdditionalAddress, WalletProviderEnum } from '@dynamic-labs/sdk-api-core';
-import type { BaseWallet } from '@dynamic-labs/types';
-import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
-export type Wallet = BaseWallet & {
-    connector: WalletConnector;
-    /**
-     * Additional addresses associated to the wallet
-     * like ordinals and payment addresses for bitcoin wallets
-     */
-    additionalAddresses?: WalletAdditionalAddress[];
-    key: string;
-};
+import type { WalletConnector, Wallet } from '@dynamic-labs/wallet-connector-core';
+export type { Wallet } from '@dynamic-labs/wallet-connector-core';
 export type WalletAction = 'select' | 'unlink';
 export type WalletWithAction = {
     action: WalletAction;

package/src/lib/shared/utils/functions/chain/getChainDisplayName.cjs

@@ -8,7 +8,7 @@ var logger = require('../../../logger.cjs');
 
 const getChainDisplayName = (chain) => {
     var _a;
-    const displayName = (_a = walletConnectorCore.getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.displayName;
+    const displayName = (_a = walletConnectorCore.getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.displayName;
     if (!displayName) {
         logger.logger.error(`Chain name for "${chain}" not supported`);
         return chain;

package/src/lib/shared/utils/functions/chain/getChainDisplayName.js

@@ -1,10 +1,10 @@
 'use client'
-import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
 import { logger } from '../../../logger.js';
 
 const getChainDisplayName = (chain) => {
     var _a;
-    const displayName = (_a = getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.displayName;
+    const displayName = (_a = getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.displayName;
     if (!displayName) {
         logger.error(`Chain name for "${chain}" not supported`);
         return chain;

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

@@ -0,0 +1,14 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+
+const hasPendingMfaAction = (user) => {
+    var _a;
+    return ((_a = user.scope) === null || _a === void 0 ? void 0 : _a.includes('requiresAdditionalAuth')) ||
+        user.mfaBackupCodeAcknowledgement === sdkApiCore.MfaBackupCodeAcknowledgement.Pending;
+};
+
+exports.hasPendingMfaAction = hasPendingMfaAction;

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

@@ -0,0 +1,2 @@
+import { UserProfile } from '@dynamic-labs/types';
+export declare const hasPendingMfaAction: (user: UserProfile) => boolean;

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

@@ -0,0 +1,10 @@
+'use client'
+import { MfaBackupCodeAcknowledgement } from '@dynamic-labs/sdk-api-core';
+
+const hasPendingMfaAction = (user) => {
+    var _a;
+    return ((_a = user.scope) === null || _a === void 0 ? void 0 : _a.includes('requiresAdditionalAuth')) ||
+        user.mfaBackupCodeAcknowledgement === MfaBackupCodeAcknowledgement.Pending;
+};
+
+export { hasPendingMfaAction };

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

@@ -0,0 +1 @@
+export * from './hasPendingMfaAction';

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

@@ -0,0 +1,10 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hasPendingMfaAction = require('../hasPendingMfaAction/hasPendingMfaAction.cjs');
+
+const hasPendingRequirements = (user) => { var _a; return Boolean((_a = user.missingFields) === null || _a === void 0 ? void 0 : _a.length) || hasPendingMfaAction.hasPendingMfaAction(user); };
+
+exports.hasPendingRequirements = hasPendingRequirements;

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

@@ -0,0 +1,2 @@
+import { UserProfile } from '@dynamic-labs/types';
+export declare const hasPendingRequirements: (user: UserProfile) => boolean;

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

@@ -0,0 +1,6 @@
+'use client'
+import { hasPendingMfaAction } from '../hasPendingMfaAction/hasPendingMfaAction.js';
+
+const hasPendingRequirements = (user) => { var _a; return Boolean((_a = user.missingFields) === null || _a === void 0 ? void 0 : _a.length) || hasPendingMfaAction(user); };
+
+export { hasPendingRequirements };

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

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

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

@@ -13,3 +13,6 @@ export * from './getWalletListItemLabel';
 export * from './providerLabel';
 export * from './validatePassword';
 export * from './generateRandomPassword';
+export * from './usingSessionKeys';
+export * from './hasPendingMfaAction';
+export * from './hasPendingRequirements';

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

@@ -0,0 +1 @@
+export * from './usingSessionKeys';

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

@@ -0,0 +1,12 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+
+const usingSessionKey = (walletConnector) => walletConnectorCore.isSessionKeyCompatibleWalletConnector(walletConnector) ||
+    ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev' &&
+        walletConnectorCore.isSessionKeyCompatibleWalletConnector(walletConnector.getEOAConnector()));
+
+exports.usingSessionKey = usingSessionKey;

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

@@ -0,0 +1,2 @@
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+export declare const usingSessionKey: (walletConnector: WalletConnector) => boolean;

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

@@ -0,0 +1,8 @@
+'use client'
+import { isSessionKeyCompatibleWalletConnector } from '@dynamic-labs/wallet-connector-core';
+
+const usingSessionKey = (walletConnector) => isSessionKeyCompatibleWalletConnector(walletConnector) ||
+    ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev' &&
+        isSessionKeyCompatibleWalletConnector(walletConnector.getEOAConnector()));
+
+export { usingSessionKey };

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

@@ -6,4 +6,6 @@ export { useSessionStorage } from './useSessionStorage';
 export { useMediaQuery } from './useMediaQuery';
 export { useOnClickOutside } from './useOnClickOutside';
 export { usePreventPageScroll } from './usePreventPageScroll';
-export * from './useThrottle';
+export { useThrottle } from './useThrottle';
+export { usePrefetch } from './usePrefetch';
+export { useEffectOnceCondition } from './useEffectOnceCondition';

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

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

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

@@ -0,0 +1,26 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * Hook that runs an effect only once based on a condition.
+ *
+ * @param {Function} effect - The effect callback function to run.
+ * @param {boolean} condition - The condition that determines whether the effect should run.
+ */
+const useEffectOnceCondition = (effect, condition) => {
+    const hasRun = React.useRef(false);
+    const effectRef = React.useRef(effect);
+    effectRef.current = effect;
+    React.useEffect(() => {
+        if (condition && !hasRun.current) {
+            effectRef.current();
+            hasRun.current = true;
+        }
+    }, [condition]);
+};
+
+exports.useEffectOnceCondition = useEffectOnceCondition;

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

@@ -0,0 +1,7 @@
+/**
+ * Hook that runs an effect only once based on a condition.
+ *
+ * @param {Function} effect - The effect callback function to run.
+ * @param {boolean} condition - The condition that determines whether the effect should run.
+ */
+export declare const useEffectOnceCondition: (effect: () => void, condition: boolean) => void;

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

@@ -0,0 +1,22 @@
+'use client'
+import { useRef, useEffect } from 'react';
+
+/**
+ * Hook that runs an effect only once based on a condition.
+ *
+ * @param {Function} effect - The effect callback function to run.
+ * @param {boolean} condition - The condition that determines whether the effect should run.
+ */
+const useEffectOnceCondition = (effect, condition) => {
+    const hasRun = useRef(false);
+    const effectRef = useRef(effect);
+    effectRef.current = effect;
+    useEffect(() => {
+        if (condition && !hasRun.current) {
+            effectRef.current();
+            hasRun.current = true;
+        }
+    }, [condition]);
+};
+
+export { useEffectOnceCondition };

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

@@ -3,23 +3,49 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var React = require('react');
+var logger = require('../../../logger.cjs');
 var index = require('../../functions/lastAuthenticatedAccount/index.cjs');
 
-const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSettings, primaryWallet, user, walletBook, }) => {
+const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSettings, primaryWallet, user, walletBook, enableInstrumentation, appName, environmentId, }) => {
     var _a, _b;
+    // Once we declare the SDK as loaded, we do not ever want to flip back to false
+    const hasLoaded = React.useRef(false);
+    const loadingStart = React.useRef(new Date().getTime());
+    const finishLoading = () => {
+        if (hasLoaded.current)
+            return;
+        hasLoaded.current = true;
+        // Calculate how long loading took and emit log
+        if (enableInstrumentation) {
+            const loadingTime = new Date().getTime() - loadingStart.current;
+            // Pass as default arg and as an object. The object value will be injected
+            // in the log later on, keeping its format as a number for calculation purposes
+            logger.logger.instrument(`SDK loaded in (ms) ${loadingTime}`, {
+                appName,
+                environmentId,
+                key: 'sdkHasLoaded',
+                primaryWalletId: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id,
+                time: loadingTime,
+                userId: user === null || user === void 0 ? void 0 : user.userId,
+            });
+        }
+    };
+    if (hasLoaded.current)
+        return true;
+    const hasWalletBookLoaded = Boolean(Object.keys((_a = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _a !== void 0 ? _a : {}).length);
     const isPrimaryWalletLoading = user &&
-        ((_a = index.lastAuthenticatedAccount(user)) === null || _a === void 0 ? void 0 : _a.format) === 'blockchain' &&
+        ((_b = index.lastAuthenticatedAccount(user)) === null || _b === void 0 ? void 0 : _b.format) === 'blockchain' &&
         !primaryWallet;
     const isConnectOnlyWalletsLoading = authMode === 'connect-only' &&
         connectedInfo &&
         connectedWallets.length === 0;
-    const hasWalletBookLoaded = Boolean(Object.keys((_b = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _b !== void 0 ? _b : {}).length);
-    if (!hasWalletBookLoaded ||
-        !projectSettings ||
-        isPrimaryWalletLoading ||
-        isConnectOnlyWalletsLoading)
-        return false;
-    return true;
+    if (hasWalletBookLoaded &&
+        Boolean(projectSettings) &&
+        !isPrimaryWalletLoading &&
+        !isConnectOnlyWalletsLoading)
+        finishLoading();
+    return hasLoaded.current;
 };
 
 exports.useGlobalLoading = useGlobalLoading;

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

@@ -11,6 +11,9 @@ type Props = {
     projectSettings: ProjectSettings | undefined;
     user: UserProfile | undefined;
     walletBook: WalletBookSchema;
+    enableInstrumentation: boolean;
+    appName: string;
+    environmentId: string;
 };
-export declare const useGlobalLoading: ({ authMode, connectedInfo, connectedWallets, projectSettings, primaryWallet, user, walletBook, }: Props) => boolean;
+export declare const useGlobalLoading: ({ authMode, connectedInfo, connectedWallets, projectSettings, primaryWallet, user, walletBook, enableInstrumentation, appName, environmentId, }: Props) => boolean;
 export {};

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

@@ -1,21 +1,47 @@
 'use client'
+import { useRef } from 'react';
+import { logger } from '../../../logger.js';
 import { lastAuthenticatedAccount } from '../../functions/lastAuthenticatedAccount/index.js';
 
-const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSettings, primaryWallet, user, walletBook, }) => {
+const useGlobalLoading = ({ authMode, connectedInfo, connectedWallets, projectSettings, primaryWallet, user, walletBook, enableInstrumentation, appName, environmentId, }) => {
     var _a, _b;
+    // Once we declare the SDK as loaded, we do not ever want to flip back to false
+    const hasLoaded = useRef(false);
+    const loadingStart = useRef(new Date().getTime());
+    const finishLoading = () => {
+        if (hasLoaded.current)
+            return;
+        hasLoaded.current = true;
+        // Calculate how long loading took and emit log
+        if (enableInstrumentation) {
+            const loadingTime = new Date().getTime() - loadingStart.current;
+            // Pass as default arg and as an object. The object value will be injected
+            // in the log later on, keeping its format as a number for calculation purposes
+            logger.instrument(`SDK loaded in (ms) ${loadingTime}`, {
+                appName,
+                environmentId,
+                key: 'sdkHasLoaded',
+                primaryWalletId: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id,
+                time: loadingTime,
+                userId: user === null || user === void 0 ? void 0 : user.userId,
+            });
+        }
+    };
+    if (hasLoaded.current)
+        return true;
+    const hasWalletBookLoaded = Boolean(Object.keys((_a = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _a !== void 0 ? _a : {}).length);
     const isPrimaryWalletLoading = user &&
-        ((_a = lastAuthenticatedAccount(user)) === null || _a === void 0 ? void 0 : _a.format) === 'blockchain' &&
+        ((_b = lastAuthenticatedAccount(user)) === null || _b === void 0 ? void 0 : _b.format) === 'blockchain' &&
         !primaryWallet;
     const isConnectOnlyWalletsLoading = authMode === 'connect-only' &&
         connectedInfo &&
         connectedWallets.length === 0;
-    const hasWalletBookLoaded = Boolean(Object.keys((_b = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _b !== void 0 ? _b : {}).length);
-    if (!hasWalletBookLoaded ||
-        !projectSettings ||
-        isPrimaryWalletLoading ||
-        isConnectOnlyWalletsLoading)
-        return false;
-    return true;
+    if (hasWalletBookLoaded &&
+        Boolean(projectSettings) &&
+        !isPrimaryWalletLoading &&
+        !isConnectOnlyWalletsLoading)
+        finishLoading();
+    return hasLoaded.current;
 };
 
 export { useGlobalLoading };

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

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

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

@@ -0,0 +1,52 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('@dynamic-labs/sdk-api-core');
+require('../../../logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+var isSSR = require('../../functions/isSSR/isSSR.cjs');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
+require('../../classes/storage/localStorage.cjs');
+require('../../classes/storage/sessionStorage.cjs');
+
+/**
+ * Prefetches a resource
+ * Adds a link element to the head of the document with the provided attributes
+ * when the element is not already present
+ * @param {PrefetchProps} prefetchProps
+ * @returns {void}
+ *
+ * @example
+ * usePrefetch({
+ *  href: 'https://example.com/image.jpg',
+ *  as: 'image',
+ *  type: 'image/jpeg',
+ *  id: 'image-prefetch',
+ * });
+ */
+const usePrefetch = ({ as, href, id, type }) => {
+    // Do not run on server side
+    if (isSSR.isSSR())
+        return;
+    const predefinedElement = document.head.querySelector(`#${id}`);
+    // Do not add the element if it already exists
+    if (predefinedElement)
+        return;
+    const element = document.createElement('link');
+    element.setAttribute('id', id);
+    element.setAttribute('rel', 'prefetch');
+    element.setAttribute('href', href);
+    element.setAttribute('as', as);
+    element.setAttribute('type', type);
+    document.head.insertAdjacentElement('beforeend', element);
+};
+
+exports.usePrefetch = usePrefetch;

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

@@ -0,0 +1,23 @@
+type PrefetchProps = {
+    href: string;
+    as: string;
+    type: string;
+    id: string;
+};
+/**
+ * Prefetches a resource
+ * Adds a link element to the head of the document with the provided attributes
+ * when the element is not already present
+ * @param {PrefetchProps} prefetchProps
+ * @returns {void}
+ *
+ * @example
+ * usePrefetch({
+ *  href: 'https://example.com/image.jpg',
+ *  as: 'image',
+ *  type: 'image/jpeg',
+ *  id: 'image-prefetch',
+ * });
+ */
+export declare const usePrefetch: ({ as, href, id, type }: PrefetchProps) => void;
+export {};