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

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+
+var _g;
+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 SvgSend = function SvgSend(_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, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#send_svg__clip0_6894_96)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m3.846 9.3.03-.01 14.64-5.728c.199-.078.399-.156.567-.205.156-.046.465-.126.794-.02.374.123.664.413.786.787.107.33.027.638-.019.794-.049.168-.127.368-.205.567L14.702 20.15c-.08.204-.16.408-.239.568-.073.147-.226.436-.537.614a1.277 1.277 0 0 1-1.136.072c-.323-.137-.496-.405-.58-.542-.09-.149-.184-.342-.278-.535l-2.693-5.52-5.546-2.724-.027-.014c-.193-.094-.385-.189-.533-.28-.137-.082-.403-.256-.54-.578a1.277 1.277 0 0 1 .074-1.136c.178-.31.466-.463.612-.536.16-.079.363-.158.567-.238Zm.972 1.425 4.88 2.396 2.912-2.913a.848.848 0 0 1 1.2-.017.848.848 0 0 1-.017 1.2l-2.898 2.898 2.384 4.888 5.433-13.888-13.894 5.436Z",
+    fill: "currentColor",
+    fillOpacity: 0.4
+  }))));
+};
+
+export { SvgSend as ReactComponent };

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { EvmRpcProvider, SolanaRpcProvider } from '@dynamic-labs/rpc-providers';
 import type { FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { WalletProviderEnum, ProjectSettings, UserFields, NameServiceData, JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
+import { WalletProviderEnum, ProjectSettings, UserFields, NameServiceData, JwtVerifiedCredential, OauthProviderRequest } from '@dynamic-labs/sdk-api';
 import { NetworkConfigurationMap } from '@dynamic-labs/types';
 export type BrowserName = 'brave' | 'chrome' | 'edge' | 'firefox' | 'safari';
 export type Wallet = {
@@ -11,6 +11,11 @@ export type Wallet = {
     connector: WalletConnector;
     id: string;
 };
+export type WalletAction = 'select' | 'unlink';
+export type WalletWithAction = {
+    action: WalletAction;
+    wallet: Wallet;
+};
 export type UserProfile = UserFields & {
     chain?: string;
     ens?: NameServiceData;
@@ -55,6 +60,7 @@ export interface VerifyProps {
 export interface VerifyCallbackArgs {
     captchaToken?: string;
     fetchPublicAddressOpts?: FetchPublicAddressOpts;
+    oauth?: OauthProviderRequest;
     publicWalletAddress: string;
     walletConnector: WalletConnector;
 }
@@ -69,6 +75,8 @@ export interface VerifyWallet {
     captchaToken?: string;
     chain: string;
     messageToSign: string;
+    network: string | number | undefined;
+    oauth?: OauthProviderRequest;
     publicWalletAddress: string;
     signedMessage: string;
     skipEmptyAccountCheck?: boolean;
@@ -88,7 +96,7 @@ export type OnConnectSuccess = (params: {
     walletConnector: WalletConnector | undefined;
 }) => void;
 export type OnUserProfileUpdate = (user: UserProfile) => void;
-export type MultiWalletWidgetState = 'idle' | 'awaiting_account_switch' | 'awaiting_connection' | 'awaiting_signature' | 'detected_known_secondary_wallet' | 'detected_new_wallet';
+export type MultiWalletWidgetState = 'idle' | 'awaiting_account_switch' | 'awaiting_connection' | 'awaiting_signature' | 'detected_new_wallet';
 export type AccountSwitchState = 'idle' | 'linking_new_wallet' | 'switching_primary' | 'primary_not_connected';
 export type AwaitingSignatureState = 'idle' | 'linking_new_wallet' | 'transferring_wallet';
 export type LocalStorageNonce = {
@@ -135,3 +143,7 @@ export type DynamicEventsCallbacks = {
     onUnlinkSuccess?: (unlinkedWallet: JwtVerifiedCredential) => void;
     onUserProfileUpdate?: (user: UserProfile) => void;
 };
+export type AccessDeniedCustomButton = {
+    action?: () => void;
+    title: string;
+};

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const ceil = (value, precision = 0) => {
+    const multiplier = Math.pow(10, precision);
+    return Math.ceil(value * multiplier) / multiplier;
+};
+
+exports.ceil = ceil;

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

@@ -0,0 +1 @@
+export declare const ceil: (value: number, precision?: number) => number;

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

@@ -0,0 +1,6 @@
+const ceil = (value, precision = 0) => {
+    const multiplier = Math.pow(10, precision);
+    return Math.ceil(value * multiplier) / multiplier;
+};
+
+export { ceil };

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

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

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

@@ -3,20 +3,19 @@
 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, decimals) => {
+const formatBigNumber = (value, precision = 0) => {
     const formatted = ethers.ethers.utils.formatEther(value);
-    if (!decimals) {
+    if (!precision) {
         return formatted;
     }
-    const toFloat = parseFloat(formatted);
-    const power = Math.pow(10, decimals);
-    const roundedNumber = Math.round(toFloat * power) / power;
-    const hasDecimals = roundedNumber.toString().split('.').length !== 1;
-    if (hasDecimals) {
-        return roundedNumber.toString();
-    }
-    return roundedNumber.toFixed(1);
+    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

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

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

@@ -1,18 +1,17 @@
 import { ethers } from 'ethers';
+import { ceil } from '../ceil/ceil.js';
+import { trimEnd } from '../trimEnd/trimEnd.js';
 
-const formatBigNumber = (value, decimals) => {
+const formatBigNumber = (value, precision = 0) => {
     const formatted = ethers.utils.formatEther(value);
-    if (!decimals) {
+    if (!precision) {
         return formatted;
     }
-    const toFloat = parseFloat(formatted);
-    const power = Math.pow(10, decimals);
-    const roundedNumber = Math.round(toFloat * power) / power;
-    const hasDecimals = roundedNumber.toString().split('.').length !== 1;
-    if (hasDecimals) {
-        return roundedNumber.toString();
-    }
-    return roundedNumber.toFixed(1);
+    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/getWalletListItemLabel/getWalletListItemLabel.cjs

@@ -6,6 +6,7 @@ var utils = require('@dynamic-labs/utils');
 var localStorage = require('../../../../utils/constants/localStorage.cjs');
 require('../../../../utils/constants/colors.cjs');
 var getFromLS = require('../storage/getFromLS.cjs');
+require('../../../../config/LSSuffix.cjs');
 
 const comingSoonToMultiWalletMobile = ['Coinbase', 'MyAlgo', 'Braavos'];
 const comingSoonToMultiWalletDesktop = ['MyAlgo'];

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

@@ -2,6 +2,7 @@ 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';
 
 const comingSoonToMultiWalletMobile = ['Coinbase', 'MyAlgo', 'Braavos'];
 const comingSoonToMultiWalletDesktop = ['MyAlgo'];

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

@@ -12,3 +12,5 @@ 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/storage/getDynamicLSKey.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var LSSuffix = require('../../../../config/LSSuffix.cjs');
+
+const getDynamicLSKey = (key) => `${key}${LSSuffix.getSuffix()}`;
+
+exports.getDynamicLSKey = getDynamicLSKey;

package/src/lib/shared/utils/functions/storage/getDynamicLSKey.d.ts

@@ -0,0 +1 @@
+export declare const getDynamicLSKey: (key: string) => string;

package/src/lib/shared/utils/functions/storage/getDynamicLSKey.js

@@ -0,0 +1,5 @@
+import LSSuffix from '../../../../config/LSSuffix.js';
+
+const getDynamicLSKey = (key) => `${key}${LSSuffix.getSuffix()}`;
+
+export { getDynamicLSKey };

package/src/lib/shared/utils/functions/storage/getFromLS.cjs

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var logger = require('../../../logger.cjs');
+var getDynamicLSKey = require('./getDynamicLSKey.cjs');
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const getFromLS = (key) => {
     if (typeof window === 'undefined') {
         return undefined;
     }
-    const value = window.localStorage.getItem(key);
+    const value = window.localStorage.getItem(getDynamicLSKey.getDynamicLSKey(key));
     try {
         if (value) {
             return JSON.parse(value);

package/src/lib/shared/utils/functions/storage/getFromLS.js

@@ -1,11 +1,12 @@
 import { logger } from '../../../logger.js';
+import { getDynamicLSKey } from './getDynamicLSKey.js';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const getFromLS = (key) => {
     if (typeof window === 'undefined') {
         return undefined;
     }
-    const value = window.localStorage.getItem(key);
+    const value = window.localStorage.getItem(getDynamicLSKey(key));
     try {
         if (value) {
             return JSON.parse(value);

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

@@ -1,2 +1,4 @@
 export { getFromLS } from './getFromLS';
+export { getDynamicLSKey } from './getDynamicLSKey';
+export { removeFromLS } from './removeFromLS';
 export { setToLS } from './setToLS';

package/src/lib/shared/utils/functions/storage/removeFromLS.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getDynamicLSKey = require('./getDynamicLSKey.cjs');
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const removeFromLS = (key) => {
+    if (typeof window === 'undefined') {
+        return undefined;
+    }
+    return window.localStorage.removeItem(getDynamicLSKey.getDynamicLSKey(key));
+};
+
+exports.removeFromLS = removeFromLS;

package/src/lib/shared/utils/functions/storage/removeFromLS.d.ts

@@ -0,0 +1 @@
+export declare const removeFromLS: (key: string) => void;

package/src/lib/shared/utils/functions/storage/removeFromLS.js

@@ -0,0 +1,11 @@
+import { getDynamicLSKey } from './getDynamicLSKey.js';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const removeFromLS = (key) => {
+    if (typeof window === 'undefined') {
+        return undefined;
+    }
+    return window.localStorage.removeItem(getDynamicLSKey(key));
+};
+
+export { removeFromLS };

package/src/lib/shared/utils/functions/storage/setToLS.cjs

@@ -2,11 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var getDynamicLSKey = require('./getDynamicLSKey.cjs');
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const setToLS = (key, value) => {
-    if (typeof window !== 'undefined') {
-        window.localStorage.setItem(key, JSON.stringify(value));
+    if (typeof window === 'undefined') {
+        return;
     }
+    window.localStorage.setItem(getDynamicLSKey.getDynamicLSKey(key), JSON.stringify(value));
 };
 
 exports.setToLS = setToLS;

package/src/lib/shared/utils/functions/storage/setToLS.js

@@ -1,8 +1,11 @@
+import { getDynamicLSKey } from './getDynamicLSKey.js';
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const setToLS = (key, value) => {
-    if (typeof window !== 'undefined') {
-        window.localStorage.setItem(key, JSON.stringify(value));
+    if (typeof window === 'undefined') {
+        return;
     }
+    window.localStorage.setItem(getDynamicLSKey(key), JSON.stringify(value));
 };
 
 export { setToLS };

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

@@ -6,6 +6,8 @@ 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');
@@ -20,8 +22,8 @@ const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) =
         try {
             const item = getFromLS.getFromLS(key);
             if (Boolean(item) && valueValidator && !valueValidator(item)) {
-                window.localStorage.removeItem(key);
-                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => window.localStorage.removeItem(k));
+                removeFromLS.removeFromLS(key);
+                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => removeFromLS.removeFromLS(k));
                 return initialValue;
             }
             else {
@@ -44,7 +46,7 @@ const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) =
         }
     }, [key, storedValue]);
     const removeValue = React.useCallback(() => {
-        localStorage.removeItem(key);
+        removeFromLS.removeFromLS(key);
         setStoredValue(initialValue);
     }, [initialValue, key]);
     return [storedValue, setValue, removeValue];

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

@@ -2,6 +2,8 @@ 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';
@@ -16,8 +18,8 @@ const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) =
         try {
             const item = getFromLS(key);
             if (Boolean(item) && valueValidator && !valueValidator(item)) {
-                window.localStorage.removeItem(key);
-                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => window.localStorage.removeItem(k));
+                removeFromLS(key);
+                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => removeFromLS(k));
                 return initialValue;
             }
             else {
@@ -40,7 +42,7 @@ const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) =
         }
     }, [key, storedValue]);
     const removeValue = useCallback(() => {
-        localStorage.removeItem(key);
+        removeFromLS(key);
         setStoredValue(initialValue);
     }, [initialValue, key]);
     return [storedValue, setValue, removeValue];