@reown/appkit-common-react-native 1.0.2 → 1.1.0

package/src/utils/ConstantsUtil.ts

@@ -1,7 +1,25 @@
 export const ConstantsUtil = {
+  WC_NAME_SUFFIX: '.reown.id',
+  WC_NAME_SUFFIX_LEGACY: '.wcn.id',
   BLOCKCHAIN_API_RPC_URL: 'https://rpc.walletconnect.org',
   PULSE_API_URL: 'https://pulse.walletconnect.org',
   API_URL: 'https://api.web3modal.org',
   COINBASE_CONNECTOR_ID: 'coinbaseWallet',
-  COINBASE_EXPLORER_ID: 'fd20dc426fb37566d803205b19bbc1d4096b248ac04548e3cfb6b3a38bd033aa'
+  COINBASE_EXPLORER_ID: 'fd20dc426fb37566d803205b19bbc1d4096b248ac04548e3cfb6b3a38bd033aa',
+  USDT_CONTRACT_ADDRESSES: [
+    // Mainnet
+    '0xdac17f958d2ee523a2206206994597c13d831ec7',
+    // Polygon
+    '0xc2132d05d31c914a87c6611c10748aeb04b58e8f',
+    // Avalanche
+    '0x9702230a8ea53601f5cd2dc00fdbc13d4df4a8c7',
+    // Cosmos
+    '0x919C1c267BC06a7039e03fcc2eF738525769109c',
+    // Celo
+    '0x48065fbBE25f71C9282ddf5e1cD6D6A887483D5e',
+    // Binance
+    '0x55d398326f99059fF775485246999027B3197955',
+    // Arbitrum
+    '0xfd086bc7cd5c481dcc9c85ebe478a1c0b69fcbb9'
+  ]
 };

package/src/utils/ContractUtil.ts

@@ -0,0 +1,13 @@
+import { erc20ABI } from '../contracts/erc20';
+import { usdtABI } from '../contracts/usdt';
+import { ConstantsUtil } from './ConstantsUtil';
+
+export const ContractUtil = {
+  getERC20Abi: (tokenAddress: string) => {
+    if (ConstantsUtil.USDT_CONTRACT_ADDRESSES.includes(tokenAddress)) {
+      return usdtABI;
+    }
+
+    return erc20ABI;
+  }
+};

package/src/utils/DateUtil.ts

@@ -0,0 +1,47 @@
+import dayjs from 'dayjs';
+import englishLocale from 'dayjs/locale/en.js';
+import relativeTime from 'dayjs/plugin/relativeTime.js';
+import updateLocale from 'dayjs/plugin/updateLocale.js';
+
+dayjs.extend(relativeTime);
+dayjs.extend(updateLocale);
+
+const localeObject = {
+  ...englishLocale,
+  name: 'en-web3-modal',
+  relativeTime: {
+    future: 'in %s',
+    past: '%s ago',
+    s: '%d sec',
+    m: '1 min',
+    mm: '%d min',
+    h: '1 hr',
+    hh: '%d hrs',
+    d: '1 d',
+    dd: '%d d',
+    M: '1 mo',
+    MM: '%d mo',
+    y: '1 yr',
+    yy: '%d yr'
+  }
+};
+
+dayjs.locale('en-appkit', localeObject);
+
+export const DateUtil = {
+  getYear(date: string = new Date().toISOString()) {
+    return dayjs(date).year();
+  },
+
+  getRelativeDateFromNow(date: string | number) {
+    return dayjs(date).locale('en-appkit').fromNow(true);
+  },
+
+  formatDate(date: string | number, format = 'DD MMM') {
+    return dayjs(date).format(format);
+  },
+
+  getMonth(month: number) {
+    return dayjs().month(month).format('MMMM');
+  }
+};

package/src/utils/ErrorUtil.ts

@@ -0,0 +1,35 @@
+export const ErrorUtil = {
+  UniversalProviderErrors: {
+    UNAUTHORIZED_DOMAIN_NOT_ALLOWED: {
+      message: 'Unauthorized: origin not allowed',
+      alertErrorKey: 'INVALID_APP_CONFIGURATION'
+    },
+    PROJECT_ID_NOT_CONFIGURED: {
+      message: 'Project ID is missing',
+      alertErrorKey: 'PROJECT_ID_NOT_CONFIGURED'
+    },
+    JWT_VALIDATION_ERROR: {
+      message: 'JWT validation error: JWT Token is not yet valid',
+      alertErrorKey: 'JWT_TOKEN_NOT_VALID'
+    }
+  },
+  ALERT_ERRORS: {
+    INVALID_APP_CONFIGURATION: {
+      shortMessage: 'Invalid App Configuration',
+      longMessage: `Bundle ID not found on Allowlist - Please verify that your bundle ID is allowed at https://cloud.reown.com`
+    },
+    SOCIALS_TIMEOUT: {
+      shortMessage: 'Invalid App Configuration',
+      longMessage:
+        'There was an issue loading the embedded wallet. Please verify that your bundle ID is allowed at https://cloud.reown.com'
+    },
+    JWT_TOKEN_NOT_VALID: {
+      shortMessage: 'Session Expired',
+      longMessage: 'Invalid session found - please check your time settings and connect again'
+    },
+    PROJECT_ID_NOT_CONFIGURED: {
+      shortMessage: 'Project ID Not Configured',
+      longMessage: 'Project ID Not Configured - update configuration'
+    }
+  }
+};

package/src/utils/NamesUtil.ts

@@ -0,0 +1,10 @@
+import { ConstantsUtil } from './ConstantsUtil';
+
+export const NamesUtil = {
+  isReownName(value: string) {
+    return (
+      value?.endsWith(ConstantsUtil.WC_NAME_SUFFIX_LEGACY) ||
+      value?.endsWith(ConstantsUtil.WC_NAME_SUFFIX)
+    );
+  }
+};

package/src/utils/NumberUtil.ts

@@ -0,0 +1,31 @@
+import * as BigNumber from 'bignumber.js';
+
+export const NumberUtil = {
+  bigNumber(value: BigNumber.BigNumber.Value) {
+    return new BigNumber.BigNumber(value);
+  },
+
+  /**
+   * Multiply two numbers represented as strings with BigNumber to handle decimals correctly
+   * @param a string
+   * @param b string
+   * @returns
+   */
+  multiply(a: BigNumber.BigNumber.Value | undefined, b: BigNumber.BigNumber.Value | undefined) {
+    if (a === undefined || b === undefined) {
+      return BigNumber.BigNumber(0);
+    }
+
+    const aBigNumber = new BigNumber.BigNumber(a);
+    const bBigNumber = new BigNumber.BigNumber(b);
+
+    return aBigNumber.multipliedBy(bBigNumber);
+  },
+
+  roundNumber(number: number, threshold: number, fixed: number) {
+    const roundedNumber =
+      number.toString().length >= threshold ? Number(number).toFixed(fixed) : number;
+
+    return roundedNumber;
+  }
+};

package/src/utils/StringUtil.ts

@@ -0,0 +1,9 @@
+export const StringUtil = {
+  capitalize(value?: string) {
+    if (!value) {
+      return '';
+    }
+
+    return value.charAt(0).toUpperCase() + value.slice(1);
+  }
+};

package/src/utils/TypeUtil.ts

@@ -0,0 +1,89 @@
+export interface Balance {
+  name: string;
+  symbol: string;
+  chainId: string;
+  address?: string;
+  value?: number;
+  price: number;
+  quantity: BalanceQuantity;
+  iconUrl: string;
+}
+
+type BalanceQuantity = {
+  decimals: string;
+  numeric: string;
+};
+
+export type TransactionStatus = 'confirmed' | 'failed' | 'pending';
+export type TransactionDirection = 'in' | 'out' | 'self';
+export type TransactionImage = {
+  type: 'FUNGIBLE' | 'NFT' | undefined;
+  url: string | undefined;
+};
+
+export interface Transaction {
+  id: string;
+  metadata: TransactionMetadata;
+  transfers: TransactionTransfer[];
+}
+
+export interface TransactionMetadata {
+  application: {
+    iconUrl: string | null;
+    name: string | null;
+  };
+  operationType: string;
+  hash: string;
+  minedAt: string;
+  sentFrom: string;
+  sentTo: string;
+  status: TransactionStatus;
+  nonce: number;
+  chain?: string;
+}
+
+export interface TransactionTransfer {
+  fungible_info?: {
+    name?: string;
+    symbol?: string;
+    icon?: {
+      url: string;
+    };
+  };
+  nft_info?: TransactionNftInfo;
+  direction: TransactionDirection;
+  quantity: TransactionQuantity;
+  value?: number;
+  price?: number;
+}
+
+export interface TransactionNftInfo {
+  name?: string;
+  content?: TransactionContent;
+  flags: TransactionNftInfoFlags;
+}
+
+export interface TransactionNftInfoFlags {
+  is_spam: boolean;
+}
+
+export interface TransactionContent {
+  preview?: TransactionPreview;
+  detail?: TransactionDetail;
+}
+
+export interface TransactionPreview {
+  url: string;
+  content_type?: null;
+}
+
+export interface TransactionDetail {
+  url: string;
+  content_type?: null;
+}
+
+export interface TransactionQuantity {
+  numeric: string;
+}
+
+export type SocialProvider = 'apple' | 'x' | 'discord' | 'farcaster';