@reef-chain/react-lib 2.0.0

package/dist/utils/transactionUtil.d.ts

@@ -0,0 +1,37 @@
+import { Provider } from '@reef-chain/evm-provider';
+import { BigNumber } from 'ethers';
+import { Network, ReefSigner } from '../state';
+export type TxStatusHandler = (status: TxStatusUpdate) => void;
+export declare enum TX_STATUS_ERROR_CODE {
+    ERROR_MIN_BALANCE_AFTER_TX = 0,
+    ERROR_BALANCE_TOO_LOW = 1,
+    ERROR_UNDEFINED = 2
+}
+export interface TxStatusUpdate {
+    txIdent: string;
+    txHash?: string;
+    error?: {
+        message: string;
+        code: TX_STATUS_ERROR_CODE;
+    };
+    isInBlock?: boolean;
+    isComplete?: boolean;
+    txTypeEvm?: boolean;
+    url?: string;
+    componentTxType?: string;
+    addresses?: string[];
+}
+export declare const handleErr: (e: {
+    message: string;
+} | string, txIdent: string, txHash: string, txHandler: TxStatusHandler, signer: ReefSigner) => void;
+export declare const nativeTransfer: (amount: string, destinationAddress: string, provider: Provider, signer: ReefSigner) => Promise<void>;
+export declare const sendToNativeAddress: (provider: Provider, signer: ReefSigner, toAmt: BigNumber, to: string, txHandler: TxStatusHandler) => string;
+export declare const getExtrinsicUrl: (extrinsic: {
+    id: string;
+}, network?: Network) => string;
+export declare const getTransferUrl: (extrinsic: {
+    id: string;
+}, event: {
+    index: string;
+}, network?: Network) => string;
+export declare const getContractUrl: (address: string, network?: Network) => string;

package/dist/utils/utils.d.ts

@@ -0,0 +1,32 @@
+import { BigNumber } from 'ethers';
+export type Optional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+export declare const REEF_ADDRESS = "0x0000000000000000000000000000000001000000";
+export declare const EMPTY_ADDRESS = "0x";
+export declare const REEF_ADDRESS_SPECIFIC_STRING = "(ONLY for Reef chain!)";
+export declare const MIN_NATIVE_TX_BALANCE = 1;
+export declare const MIN_EVM_TX_BALANCE = 65;
+export declare const POLL_INTERVAL = 5000;
+export interface ButtonStatus {
+    text: string;
+    isValid: boolean;
+}
+export declare const trim: (value: string, size?: number) => string;
+export declare const toAddressShortDisplay: (address: string) => string;
+export declare const shortAddress: (address: string) => string;
+export declare const ensure: (condition: boolean, message: string) => void;
+export declare const toReefBalanceDisplay: (value?: BigNumber) => string;
+export declare const uniqueCombinations: <T>(array: T[]) => [T, T][];
+export declare const errorStatus: (text: string) => ButtonStatus;
+export declare const ensureVoidRun: (canRun: boolean) => <I>(fun: (obj: I) => void, obj: I) => void;
+export declare const removeUndefinedItem: <Type>(item: Type | undefined) => item is Type;
+export declare const formatAgoDate: (timestamp: number | string) => string;
+export declare const dropDuplicatesMultiKey: <Obj, Key extends keyof Obj>(objects: Obj[], keys: Key[]) => Obj[];
+export declare const fromReefEVMAddressWithNotification: (address: string) => string;
+export declare const toReefEVMAddressWithNotification: (address: string) => string;
+/**
+ *  Returns icnUrl if exists, otherwise return sample icon based on calculated
+ *  checksum from provided address. Returned sample icon is svg encoded to base64
+ *  and prefixed with data string, so it can be used directly with <img /> tag.
+ */
+export declare const getIconUrl: (tokenAddress?: string) => string;
+export declare const showEvmCopyAddressAlert: () => void;

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "@reef-chain/react-lib",
+  "version": "2.0.0",
+  "description": "Reef React Library",
+  "author": "Reef chain",
+  "license": "MIT",
+  "repository": "git@github.com:reef-chain/react-lib.git",
+  "main": "dist/index.js",
+  "module": "dist/index.modern.js",
+  "source": "src/index.ts",
+  "engines": {
+    "node": ">=10"
+  },
+  "scripts": {
+    "mb": "microbundle --jsx 'React.createElement' --jsxImportSource react --globals react/jsx-runtime=jsx --format modern,cjs",
+    "build": "yarn run mb",
+    "start": "yarn run mb watch --no-compress",
+    "prepare": "run-s build",
+    "test": "run-s test:unit test:lint test:build",
+    "lint": "yarn prettier ./src && eslint --fix --ext .ts,.tsx ./src/",
+    "test:build": "run-s build",
+    "test:lint": "eslint .",
+    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "predeploy": "cd example && yarn install && yarn run build",
+    "deploy": "gh-pages -d example/build"
+  },
+  "dependencies": {
+    "@fortawesome/free-regular-svg-icons": "^6.1.0",
+    "@fortawesome/free-solid-svg-icons": "^6.1.0",
+    "@polkadot/extension-dapp": "^0.40.4",
+    "@polkadot/react-identicon": "^0.86.4",
+    "@reef-chain/util-lib": "^1.0.0-rc9",
+    "@reef-chain/evm-provider": "^1.0.12",
+    "@reef-defi/extension-base": "^1.0.14",
+    "@reef-defi/extension-dapp": "^1.0.14",
+    "@reef-defi/extension-inject": "^1.0.14",
+    "@reef-chain/ui-kit": "^1.1.4",
+    "@types/react-router-dom": "^5.3.0",
+    "axios": "^0.21.4",
+    "bignumber.js": "^9.0.2",
+    "bootstrap": "^5.1.1",
+    "eslint-import-resolver-typescript": "^2.4.0",
+    "ethers": "^5.7.0",
+    "process": "^0.11.10",
+    "react-copy-to-clipboard": "^5.0.4",
+    "react-router-dom": "^5.3.0",
+    "react-tooltip": "^4.2.21",
+    "rxjs": "^7.5.4"
+  },
+  "resolutions": {
+    "@types/react": "17.0.2",
+    "@types/react-dom": "17.0.2",
+    "ethers": "^5.7.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^4.2.4",
+    "@testing-library/react": "^11.1.0",
+    "@testing-library/user-event": "^7.2.1",
+    "@types/bootstrap": "^5.1.12",
+    "@types/jest": "^25.1.4",
+    "@types/node": "^12.12.38",
+    "@types/react": "^17.0.2",
+    "@types/react-copy-to-clipboard": "^5.0.1",
+    "@types/react-dom": "^17.0.2",
+    "@types/react-tooltip": "^4.2.4",
+    "@types/validator": "^13.1.0",
+    "@typescript-eslint/eslint-plugin": "^4.18.0",
+    "@typescript-eslint/parser": "^4.18.0",
+    "babel-eslint": "^10.0.3",
+    "cross-env": "^7.0.2",
+    "eslint": "^7.29.0",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-react": "^7.24.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "gh-pages": "^2.2.0",
+    "microbundle": "^0.14.2",
+    "npm-run-all": "^4.1.5",
+    "prettier": "2.5.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-scripts": "5.0.0",
+    "tslib": "^2.4.0",
+    "typescript": "^4.6.3",
+    "yalc": "^1.0.0-pre.53"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "private": false
+}