@dynamic-labs/sdk-react-core 4.6.0 → 4.6.2

package/src/lib/shared/assets/account-and-security.cjs

@@ -0,0 +1,62 @@
+'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 _rect, _path, _path2;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
+var SvgAccountAndSecurity = function SvgAccountAndSecurity(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 28,
+    height: 28,
+    viewBox: "0 0 28 28",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
+    width: 28,
+    height: 28,
+    rx: 14,
+    fill: "#4779FF"
+  })), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M5.667 16.083a6.25 6.25 0 1 1 12.5 0 6.25 6.25 0 0 1-12.5 0Z",
+    fill: "#fff"
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.494 8.328a7.897 7.897 0 0 1 7.178 7.178 5.263 5.263 0 1 0-7.178-7.178Z",
+    fill: "#fff"
+  })));
+};
+
+exports.ReactComponent = SvgAccountAndSecurity;

package/src/lib/shared/assets/account-and-security.js

@@ -0,0 +1,38 @@
+'use client'
+import * as React from 'react';
+
+var _rect, _path, _path2;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
+var SvgAccountAndSecurity = function SvgAccountAndSecurity(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 28,
+    height: 28,
+    viewBox: "0 0 28 28",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
+    width: 28,
+    height: 28,
+    rx: 14,
+    fill: "#4779FF"
+  })), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M5.667 16.083a6.25 6.25 0 1 1 12.5 0 6.25 6.25 0 0 1-12.5 0Z",
+    fill: "#fff"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.494 8.328a7.897 7.897 0 0 1 7.178 7.178 5.263 5.263 0 1 0-7.178-7.178Z",
+    fill: "#fff"
+  })));
+};
+
+export { SvgAccountAndSecurity as ReactComponent };

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

@@ -25,6 +25,7 @@ export { ReactComponent as ChevronRightIcon } from './chevron-right.svg';
 export { ReactComponent as CircleLockerIcon } from './circle-locker.svg';
 export { ReactComponent as CloseIcon } from './close.svg';
 export { ReactComponent as ConnectedAppsIcon } from './connected-apps.svg';
+export { ReactComponent as AccountAndSecurityIcon } from './account-and-security.svg';
 export { ReactComponent as CopyIcon } from './copy.svg';
 export { ReactComponent as CurrencyIcon } from './currency.svg';
 export { ReactComponent as DefaultWallet } from './default-wallet.svg';
@@ -58,6 +59,7 @@ export { ReactComponent as IPhoneFaceId } from './iphone-face-id.svg';
 export { ReactComponent as IPhoneTouchId } from './iphone-touch-id.svg';
 export { ReactComponent as JustifiedTextIcon } from './justified-text.svg';
 export { ReactComponent as KeyOutlineIcon } from './key.svg';
+export { ReactComponent as LinkCircleIcon } from './link-circle.svg';
 export { ReactComponent as LinkIcon } from './link.svg';
 export { ReactComponent as LocationIcon } from './location.svg';
 export { ReactComponent as LockIcon } from './lock.svg';

package/src/lib/shared/assets/link-circle.cjs

@@ -0,0 +1,69 @@
+'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, _g, _defs;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
+var SvgLinkCircle = function SvgLinkCircle(_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 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z",
+    fill: "#ABACB2"
+  })), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#link-circle_svg__a)"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M13.58 8.58a1.3 1.3 0 1 1 1.84 1.84l-2 2a1.3 1.3 0 0 1-1.84 0 .7.7 0 0 0-.99.99 2.7 2.7 0 0 0 3.82 0l2-2a2.7 2.7 0 0 0-3.82-3.82l-.549.55a.7.7 0 1 0 .99.99l.55-.55Zm-3 3a1.3 1.3 0 0 1 1.84 0 .7.7 0 0 0 .99-.99 2.7 2.7 0 0 0-3.82 0l-2 2a2.7 2.7 0 0 0 3.82 3.82l.55-.552a.7.7 0 0 0-.99-.99l-.55.551a1.3 1.3 0 1 1-1.84-1.838l2-2Z",
+    fill: "#ABACB2",
+    stroke: "#ABACB2",
+    strokeWidth: 0.4,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "link-circle_svg__a"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    transform: "translate(6 6)",
+    d: "M0 0h12v12H0z"
+  })))));
+};
+
+exports.ReactComponent = SvgLinkCircle;

package/src/lib/shared/assets/link-circle.js

@@ -0,0 +1,45 @@
+'use client'
+import * as React from 'react';
+
+var _path, _g, _defs;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
+var SvgLinkCircle = function SvgLinkCircle(_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 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z",
+    fill: "#ABACB2"
+  })), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#link-circle_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M13.58 8.58a1.3 1.3 0 1 1 1.84 1.84l-2 2a1.3 1.3 0 0 1-1.84 0 .7.7 0 0 0-.99.99 2.7 2.7 0 0 0 3.82 0l2-2a2.7 2.7 0 0 0-3.82-3.82l-.549.55a.7.7 0 1 0 .99.99l.55-.55Zm-3 3a1.3 1.3 0 0 1 1.84 0 .7.7 0 0 0 .99-.99 2.7 2.7 0 0 0-3.82 0l-2 2a2.7 2.7 0 0 0 3.82 3.82l.55-.552a.7.7 0 0 0-.99-.99l-.55.551a1.3 1.3 0 1 1-1.84-1.838l2-2Z",
+    fill: "#ABACB2",
+    stroke: "#ABACB2",
+    strokeWidth: 0.4,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "link-circle_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "translate(6 6)",
+    d: "M0 0h12v12H0z"
+  })))));
+};
+
+export { SvgLinkCircle as ReactComponent };

package/src/lib/store/internalImplementation/store.cjs

@@ -10,7 +10,6 @@ require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 var stateConfig = require('../stateConfig.cjs');
 var version = require('../../../version.cjs');
-var clearExpiredData = require('./utils/clearExpiredData/clearExpiredData.cjs');
 var syncLegacyStorage = require('./utils/syncLegacyStorage/syncLegacyStorage.cjs');
 
 let store;
@@ -43,7 +42,6 @@ const initializeStore = (props) => {
         store: store$1.createStore(() => stateConfig.createInitialStates(props)),
         version: utils.formatVersion(version.VERSION, 'major.minor'),
     }));
-    clearExpiredData.clearExpiredData(store);
 };
 const getStorage = () => {
     if (typeof localStorage === 'undefined') {

package/src/lib/store/internalImplementation/store.js

@@ -6,7 +6,6 @@ import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import { transformStateForLocalStorage, createInitialStates } from '../stateConfig.js';
 import { VERSION } from '../../../version.js';
-import { clearExpiredData } from './utils/clearExpiredData/clearExpiredData.js';
 import { syncLegacyStorage } from './utils/syncLegacyStorage/syncLegacyStorage.js';
 
 let store;
@@ -39,7 +38,6 @@ const initializeStore = (props) => {
         store: createStore(() => createInitialStates(props)),
         version: formatVersion(VERSION, 'major.minor'),
     }));
-    clearExpiredData(store);
 };
 const getStorage = () => {
     if (typeof localStorage === 'undefined') {

package/src/lib/store/state/nonce/nonce.cjs

@@ -89,7 +89,7 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../index.cjs');
 require('../tokenBalances.cjs');
 require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

package/src/lib/store/state/nonce/nonce.js

@@ -85,7 +85,7 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../context/OnrampContext/OnrampContext.js';
-import '../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../index.js';
 import '../tokenBalances.js';
 import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

package/src/lib/store/state/projectSettings/projectSettings.cjs

@@ -10,6 +10,7 @@ require('../../../config/ApiEndpoint.cjs');
 require('../../../utils/constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
+var localStorage = require('../../../utils/constants/localStorage.cjs');
 require('../../../utils/constants/colors.cjs');
 require('react-international-phone');
 require('@dynamic-labs/iconic');
@@ -22,7 +23,7 @@ require('../../../shared/consts/index.cjs');
 require('../nonce/nonce.cjs');
 var dynamicContextProps = require('../dynamicContextProps/dynamicContextProps.cjs');
 require('../primaryWalletId/primaryWalletId.cjs');
-require('../user/user.cjs');
+var user = require('../user/user.cjs');
 var settings = require('../../../data/api/settings/settings.cjs');
 require('../../../locale/locale.cjs');
 var useDynamicEvents = require('../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
@@ -89,7 +90,7 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../index.cjs');
 require('../tokenBalances.cjs');
 require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
@@ -97,9 +98,18 @@ var createStoreState = require('../../internalImplementation/utils/createStoreSt
 
 const { getProjectSettings: getProjectSettingsRaw, setProjectSettings, useProjectSettings: useProjectSettingsRaw, resetProjectSettings, } = createStoreState.createStoreState('projectSettings');
 const getProjectSettings = () => getProjectSettingsRaw().settings;
+const getProjectSettingsExpireAt = () => getProjectSettingsRaw().expiresAt;
 const useProjectSettings = () => useProjectSettingsRaw().settings;
 const useFetchProjectSettings = ({ retries = 2, } = {}) => {
-    const lsSettingsExists = Boolean(useProjectSettings());
+    const originalProjectSettings = getProjectSettings();
+    const expiresAt = getProjectSettingsExpireAt();
+    const isProjectSettingsPresent = Boolean(originalProjectSettings);
+    const didProjectSettingsExpire = expiresAt ? expiresAt < Date.now() : false;
+    const hasUser = user.getUser() !== undefined;
+    const hasConnectedWallet = (utils.StorageService.getItem(localStorage.CONNECTED_WALLETS_INFO) || []).length > 0;
+    const enableProjectSettingsFetch = !isProjectSettingsPresent ||
+        didProjectSettingsExpire ||
+        (hasUser === false && hasConnectedWallet === false);
     const environmentId = dynamicContextProps.useEnvironmentId();
     const { retrigger } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const settings$1 = yield settings.fetchProjectSettings(environmentId);
@@ -108,7 +118,7 @@ const useFetchProjectSettings = ({ retries = 2, } = {}) => {
         return settings$1;
     }), {
         deps: [environmentId],
-        enabled: !lsSettingsExists,
+        enabled: enableProjectSettingsFetch,
         onResolve: (projectSettings) => {
             const expiry = new Date().getTime() + 60000 * 5;
             setProjectSettings({
@@ -123,6 +133,7 @@ const useFetchProjectSettings = ({ retries = 2, } = {}) => {
 };
 
 exports.getProjectSettings = getProjectSettings;
+exports.getProjectSettingsExpireAt = getProjectSettingsExpireAt;
 exports.resetProjectSettings = resetProjectSettings;
 exports.setProjectSettings = setProjectSettings;
 exports.useFetchProjectSettings = useFetchProjectSettings;

package/src/lib/store/state/projectSettings/projectSettings.js

@@ -1,11 +1,12 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { DynamicError } from '@dynamic-labs/utils';
+import { StorageService, DynamicError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
 import '../../../config/ApiEndpoint.js';
 import '../../../utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
+import { CONNECTED_WALLETS_INFO } from '../../../utils/constants/localStorage.js';
 import '../../../utils/constants/colors.js';
 import 'react-international-phone';
 import '@dynamic-labs/iconic';
@@ -18,7 +19,7 @@ import '../../../shared/consts/index.js';
 import '../nonce/nonce.js';
 import { useEnvironmentId } from '../dynamicContextProps/dynamicContextProps.js';
 import '../primaryWalletId/primaryWalletId.js';
-import '../user/user.js';
+import { getUser } from '../user/user.js';
 import { fetchProjectSettings } from '../../../data/api/settings/settings.js';
 import '../../../locale/locale.js';
 import { useDynamicEvents } from '../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
@@ -85,7 +86,7 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../context/OnrampContext/OnrampContext.js';
-import '../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../index.js';
 import '../tokenBalances.js';
 import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
@@ -93,9 +94,18 @@ import { createStoreState } from '../../internalImplementation/utils/createStore
 
 const { getProjectSettings: getProjectSettingsRaw, setProjectSettings, useProjectSettings: useProjectSettingsRaw, resetProjectSettings, } = createStoreState('projectSettings');
 const getProjectSettings = () => getProjectSettingsRaw().settings;
+const getProjectSettingsExpireAt = () => getProjectSettingsRaw().expiresAt;
 const useProjectSettings = () => useProjectSettingsRaw().settings;
 const useFetchProjectSettings = ({ retries = 2, } = {}) => {
-    const lsSettingsExists = Boolean(useProjectSettings());
+    const originalProjectSettings = getProjectSettings();
+    const expiresAt = getProjectSettingsExpireAt();
+    const isProjectSettingsPresent = Boolean(originalProjectSettings);
+    const didProjectSettingsExpire = expiresAt ? expiresAt < Date.now() : false;
+    const hasUser = getUser() !== undefined;
+    const hasConnectedWallet = (StorageService.getItem(CONNECTED_WALLETS_INFO) || []).length > 0;
+    const enableProjectSettingsFetch = !isProjectSettingsPresent ||
+        didProjectSettingsExpire ||
+        (hasUser === false && hasConnectedWallet === false);
     const environmentId = useEnvironmentId();
     const { retrigger } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
         const settings = yield fetchProjectSettings(environmentId);
@@ -104,7 +114,7 @@ const useFetchProjectSettings = ({ retries = 2, } = {}) => {
         return settings;
     }), {
         deps: [environmentId],
-        enabled: !lsSettingsExists,
+        enabled: enableProjectSettingsFetch,
         onResolve: (projectSettings) => {
             const expiry = new Date().getTime() + 60000 * 5;
             setProjectSettings({
@@ -118,4 +128,4 @@ const useFetchProjectSettings = ({ retries = 2, } = {}) => {
     return { refetchProjectSettings: retrigger };
 };
 
-export { getProjectSettings, resetProjectSettings, setProjectSettings, useFetchProjectSettings, useProjectSettings };
+export { getProjectSettings, getProjectSettingsExpireAt, resetProjectSettings, setProjectSettings, useFetchProjectSettings, useProjectSettings };

package/src/lib/store/state/user/user.cjs

@@ -43,7 +43,13 @@ const useUser = () => {
     hasFullyLoggedIn.current = true;
     return { user: userFromStore };
 };
+const useUserCoalesced = () => {
+    var _a;
+    const user = useUser();
+    return (_a = user.user) !== null && _a !== void 0 ? _a : user.userWithMissingInfo;
+};
 
 exports.getUser = getUser;
 exports.setUser = setUser;
 exports.useUser = useUser;
+exports.useUserCoalesced = useUserCoalesced;

package/src/lib/store/state/user/user.js

@@ -39,5 +39,10 @@ const useUser = () => {
     hasFullyLoggedIn.current = true;
     return { user: userFromStore };
 };
+const useUserCoalesced = () => {
+    var _a;
+    const user = useUser();
+    return (_a = user.user) !== null && _a !== void 0 ? _a : user.userWithMissingInfo;
+};
 
-export { getUser, setUser, useUser };
+export { getUser, setUser, useUser, useUserCoalesced };