@dynamic-labs/sdk-react-core 0.17.0-RC.3 → 0.17.0-RC.30

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

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

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var logger = require('../../../logger.cjs');
 
 const getChainDisplayName = (chain) => {
     var _a;
-    const displayName = (_a = multiWallet.getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.displayName;
+    const displayName = (_a = walletConnectorCore.getChainInfo(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,4 +1,4 @@
-import { getChainInfo } from '@dynamic-labs/multi-wallet';
+import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 import { logger } from '../../../logger.js';
 
 const getChainDisplayName = (chain) => {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var iconic = require('@dynamic-labs/iconic');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('react');
@@ -19,7 +19,7 @@ const chainIconMap = {
 };
 const getChainIcon = (chain) => {
     var _a, _b, _c;
-    const chainName = (_b = (_a = multiWallet.getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '';
+    const chainName = (_b = (_a = walletConnectorCore.getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '';
     return (_c = chainIconMap[chainName]) !== null && _c !== void 0 ? _c : error.ReactComponent;
 };
 

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

@@ -1,5 +1,5 @@
 import { AlgorandIcon, CosmosIcon, EthereumIcon, FlowIcon, SolanaIcon, StarknetIcon } from '@dynamic-labs/iconic';
-import { getChainInfo } from '@dynamic-labs/multi-wallet';
+import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../../context/ViewContext/ViewContext.js';
 import 'react';

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

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ethers = require('ethers');
+var ceil = require('../ceil/ceil.cjs');
+var trimEnd = require('../trimEnd/trimEnd.cjs');
+
+const formatBigNumber = (value, precision = 0) => {
+    const formatted = ethers.ethers.utils.formatEther(value);
+    if (!precision) {
+        return formatted;
+    }
+    const floatValue = parseFloat(formatted);
+    const formattedAtPrecision = ceil.ceil(floatValue, precision).toFixed(precision);
+    const [integerPart, decimalPart] = formattedAtPrecision.split('.');
+    const decimalPartTrimmed = trimEnd.trimEnd(decimalPart, '0');
+    return `${integerPart}.${decimalPartTrimmed || '0'}`;
+};
+
+exports.formatBigNumber = formatBigNumber;

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

@@ -0,0 +1,2 @@
+import { ethers } from 'ethers';
+export declare const formatBigNumber: (value: ethers.BigNumber, precision?: number) => string;

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

@@ -0,0 +1,17 @@
+import { ethers } from 'ethers';
+import { ceil } from '../ceil/ceil.js';
+import { trimEnd } from '../trimEnd/trimEnd.js';
+
+const formatBigNumber = (value, precision = 0) => {
+    const formatted = ethers.utils.formatEther(value);
+    if (!precision) {
+        return formatted;
+    }
+    const floatValue = parseFloat(formatted);
+    const formattedAtPrecision = ceil(floatValue, precision).toFixed(precision);
+    const [integerPart, decimalPart] = formattedAtPrecision.split('.');
+    const decimalPartTrimmed = trimEnd(decimalPart, '0');
+    return `${integerPart}.${decimalPartTrimmed || '0'}`;
+};
+
+export { formatBigNumber };

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

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

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

@@ -2,23 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var utils = require('@dynamic-labs/utils');
 var localStorage = require('../../../../utils/constants/localStorage.cjs');
 require('../../../../utils/constants/colors.cjs');
 var getFromLS = require('../storage/getFromLS.cjs');
 
-const comingSoonToMultiWalletMobile = [
-    'Coinbase',
-    'MyAlgo',
-    'Braavos',
-    'Fortmatic',
-];
-const comingSoonToMultiWalletDesktop = ['MyAlgo', 'Fortmatic'];
+const comingSoonToMultiWalletMobile = ['Coinbase', 'MyAlgo', 'Braavos'];
+const comingSoonToMultiWalletDesktop = ['MyAlgo'];
 const getWalletListItemLabel = ({ walletName, usingMultiWallet, isInstalledOnBrowser, }) => {
     let label;
     const isComingSoon = usingMultiWallet &&
-        ((multiWallet.isMobile() && comingSoonToMultiWalletMobile.includes(walletName)) ||
-            (!multiWallet.isMobile() && comingSoonToMultiWalletDesktop.includes(walletName)));
+        ((utils.isMobile() && comingSoonToMultiWalletMobile.includes(walletName)) ||
+            (!utils.isMobile() && comingSoonToMultiWalletDesktop.includes(walletName)));
     const lastUsed = getFromLS.getFromLS(localStorage.LAST_USED_WALLET) === walletName;
     if (isComingSoon) {
         label = 'Coming soon';

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

@@ -1,15 +1,10 @@
-import { isMobile } from '@dynamic-labs/multi-wallet';
+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';
 
-const comingSoonToMultiWalletMobile = [
-    'Coinbase',
-    'MyAlgo',
-    'Braavos',
-    'Fortmatic',
-];
-const comingSoonToMultiWalletDesktop = ['MyAlgo', 'Fortmatic'];
+const comingSoonToMultiWalletMobile = ['Coinbase', 'MyAlgo', 'Braavos'];
+const comingSoonToMultiWalletDesktop = ['MyAlgo'];
 const getWalletListItemLabel = ({ walletName, usingMultiWallet, isInstalledOnBrowser, }) => {
     let label;
     const isComingSoon = usingMultiWallet &&

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

@@ -11,3 +11,6 @@ export * from './isSSR';
 export * from './isDisplayOrderPriorityForWeb3';
 export * from './isDisplayOrderPriorityForWeb2';
 export * from './getWalletListItemLabel';
+export * from './formatBigNumber';
+export * from './trimEnd';
+export * from './ceil';

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const DEFAULT_BREAKPOINT = 12;
+const DEFAULT_CUT_END = 4;
+const DEFAULT_CUT_START = 4;
+const shortenString = (str, start, end) => str.replace(str.substring(start, end), '...');
+const shortenEmail = (email, options) => {
+    if (!email)
+        return '';
+    const breakpoint = (options === null || options === void 0 ? void 0 : options.breakpoint) || DEFAULT_BREAKPOINT;
+    const cutStart = (options === null || options === void 0 ? void 0 : options.cutStart) || DEFAULT_CUT_START;
+    const cutEnd = (options === null || options === void 0 ? void 0 : options.cutEnd) || DEFAULT_CUT_END;
+    let [username, domain] = email.split('@');
+    const shouldShortenUsername = (username === null || username === void 0 ? void 0 : username.length) > breakpoint;
+    if (shouldShortenUsername) {
+        username = shortenString(username, cutStart, username.length - cutEnd);
+    }
+    const shouldShortenDomain = (domain === null || domain === void 0 ? void 0 : domain.length) > breakpoint;
+    if (shouldShortenDomain) {
+        domain = shortenString(domain, cutStart, domain.length - cutEnd);
+    }
+    return `${username}@${domain}`;
+};
+
+exports.shortenEmail = shortenEmail;

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

@@ -0,0 +1,6 @@
+export type ShortenEmailOptions = {
+    breakpoint?: number;
+    cutEnd?: number;
+    cutStart?: number;
+};
+export declare const shortenEmail: (email?: string, options?: ShortenEmailOptions) => string;

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

@@ -0,0 +1,23 @@
+const DEFAULT_BREAKPOINT = 12;
+const DEFAULT_CUT_END = 4;
+const DEFAULT_CUT_START = 4;
+const shortenString = (str, start, end) => str.replace(str.substring(start, end), '...');
+const shortenEmail = (email, options) => {
+    if (!email)
+        return '';
+    const breakpoint = (options === null || options === void 0 ? void 0 : options.breakpoint) || DEFAULT_BREAKPOINT;
+    const cutStart = (options === null || options === void 0 ? void 0 : options.cutStart) || DEFAULT_CUT_START;
+    const cutEnd = (options === null || options === void 0 ? void 0 : options.cutEnd) || DEFAULT_CUT_END;
+    let [username, domain] = email.split('@');
+    const shouldShortenUsername = (username === null || username === void 0 ? void 0 : username.length) > breakpoint;
+    if (shouldShortenUsername) {
+        username = shortenString(username, cutStart, username.length - cutEnd);
+    }
+    const shouldShortenDomain = (domain === null || domain === void 0 ? void 0 : domain.length) > breakpoint;
+    if (shouldShortenDomain) {
+        domain = shortenString(domain, cutStart, domain.length - cutEnd);
+    }
+    return `${username}@${domain}`;
+};
+
+export { shortenEmail };

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

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

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const trimEnd = (text, char = '') => {
+    let endIndex = text.length - 1;
+    while (endIndex >= 0 && text[endIndex] === char) {
+        endIndex--;
+    }
+    return text.slice(0, endIndex + 1);
+};
+
+exports.trimEnd = trimEnd;

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

@@ -0,0 +1 @@
+export declare const trimEnd: (text: string, char?: string) => string;

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

@@ -0,0 +1,9 @@
+const trimEnd = (text, char = '') => {
+    let endIndex = text.length - 1;
+    while (endIndex >= 0 && text[endIndex] === char) {
+        endIndex--;
+    }
+    return text.slice(0, endIndex + 1);
+};
+
+export { trimEnd };

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

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

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

@@ -8,10 +8,12 @@ require('@dynamic-labs/sdk-api');
 var getFromLS = require('../../functions/storage/getFromLS.cjs');
 var setToLS = require('../../functions/storage/setToLS.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('ethers');
 
 const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) => {
     const [storedValue, setStoredValue] = React.useState(() => {

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

@@ -4,10 +4,12 @@ import '@dynamic-labs/sdk-api';
 import { getFromLS } from '../../functions/storage/getFromLS.js';
 import { setToLS } from '../../functions/storage/setToLS.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
+import 'ethers';
 
 const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) => {
     const [storedValue, setStoredValue] = useState(() => {