@kimafinance/kima-transaction-widget 1.0.0 → 1.0.2

package/dist/interface.d.ts

@@ -1,9 +1,5 @@
-export declare enum SupportNetworks {
-    Ethereum = "Ethereum",
-    Polygon = "Polygon",
-    Avalanche = "Avalanche",
-    Solana = "Solana"
-}
+export { ChainName as SupportNetworks } from './utils/constants';
+import { ChainName as SupportNetworks } from './utils/constants';
 export declare enum FontSizeOptions {
     large = "large",
     medium = "medium",
@@ -11,10 +7,12 @@ export declare enum FontSizeOptions {
 }
 export declare enum ModeOptions {
     payment = "payment",
-    bridge = "bridge"
+    bridge = "bridge",
+    status = "status"
 }
 export declare enum CurrencyOptions {
-    USDK = "USDK"
+    USDK = "USDK",
+    G$ = "GDOLLAR"
 }
 export declare enum ThemeOptions {
     light = "light",
@@ -25,7 +23,19 @@ export interface TransactionOption {
     targetAddress: string;
     amount: number;
 }
+export interface TitleOption {
+    initialTitle?: string;
+    confirmTitle?: string;
+}
 export interface DefaultProps {
     theme?: ThemeOptions;
     fontSize?: FontSizeOptions;
 }
+export interface TransactionData {
+    sourceChain?: string;
+    targetChain?: string;
+    tssPullHash?: string;
+    tssReleaseHash?: string;
+    symbol?: string;
+    amount?: number;
+}

package/dist/store/optionSlice.d.ts

@@ -7,6 +7,8 @@ export interface OptionState {
     targetNetwork: string;
     targetAddress: string;
     connectModal: boolean;
+    helpPopup: boolean;
+    hashPopup: boolean;
     solanaProvider: any;
     submitted: boolean;
     amount: number;
@@ -20,13 +22,20 @@ export interface OptionState {
     closeHandler: Function;
     successHandler: Function;
     serviceFee: number;
+    backendUrl: string;
+    nodeProviderQuery: string;
+    txId: number;
+    currencyOptions: any;
 }
 export declare const optionSlice: import("@reduxjs/toolkit").Slice<OptionState, {
+    init: (state: import("immer/dist/internal").WritableDraft<OptionState>) => void;
     setTheme: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<ThemeOptions>) => void;
     setOriginNetwork: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<string>) => void;
     setTargetNetwork: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<string>) => void;
     setTargetAddress: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<string>) => void;
     setConnectModal: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<boolean>) => void;
+    setHelpPopup: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<boolean>) => void;
+    setHashPopup: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<boolean>) => void;
     setSolanaProvider: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<any>) => void;
     setSubmitted: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<boolean>) => void;
     setTransactionOption: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<TransactionOption>) => void;
@@ -41,7 +50,11 @@ export declare const optionSlice: import("@reduxjs/toolkit").Slice<OptionState,
     setMode: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<ModeOptions>) => void;
     setConfirming: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<boolean>) => void;
     setFeeDeduct: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<boolean>) => void;
+    setBackendUrl: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<string>) => void;
+    setNodeProviderQuery: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<string>) => void;
+    setTxId: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<number>) => void;
+    setCurrencyOptions: (state: import("immer/dist/internal").WritableDraft<OptionState>, action: PayloadAction<any>) => void;
 }, "option">;
-export declare const setTheme: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeOptions, any>, setOriginNetwork: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, any>, setTargetNetwork: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, any>, setTargetAddress: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, any>, setConnectModal: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>, setSolanaProvider: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, any>, setSubmitted: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>, setTransactionOption: import("@reduxjs/toolkit").ActionCreatorWithPayload<TransactionOption, any>, setAmount: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, any>, setApproving: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>, setSubmitting: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>, setConfirming: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>, setSplAllowance: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, any>, setErrorHandler: import("@reduxjs/toolkit").ActionCreatorWithPayload<Function, any>, setCloseHandler: import("@reduxjs/toolkit").ActionCreatorWithPayload<Function, any>, setSuccessHandler: import("@reduxjs/toolkit").ActionCreatorWithPayload<Function, any>, setServiceFee: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, any>, setMode: import("@reduxjs/toolkit").ActionCreatorWithPayload<ModeOptions, any>, setFeeDeduct: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>;
+export declare const init: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<any>, setTheme: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeOptions, any>, setOriginNetwork: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, any>, setTargetNetwork: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, any>, setTargetAddress: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, any>, setConnectModal: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>, setHelpPopup: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>, setHashPopup: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>, setSolanaProvider: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, any>, setSubmitted: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>, setTransactionOption: import("@reduxjs/toolkit").ActionCreatorWithPayload<TransactionOption, any>, setAmount: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, any>, setApproving: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>, setSubmitting: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>, setConfirming: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>, setSplAllowance: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, any>, setErrorHandler: import("@reduxjs/toolkit").ActionCreatorWithPayload<Function, any>, setCloseHandler: import("@reduxjs/toolkit").ActionCreatorWithPayload<Function, any>, setSuccessHandler: import("@reduxjs/toolkit").ActionCreatorWithPayload<Function, any>, setServiceFee: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, any>, setMode: import("@reduxjs/toolkit").ActionCreatorWithPayload<ModeOptions, any>, setFeeDeduct: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, any>, setBackendUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, any>, setNodeProviderQuery: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, any>, setTxId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, any>, setCurrencyOptions: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, any>;
 declare const _default: import("redux").Reducer<OptionState, import("redux").AnyAction>;
 export default _default;

package/dist/store/selectors.d.ts

@@ -4,6 +4,8 @@ export declare const selectOriginNetwork: (state: RootState) => string;
 export declare const selectTargetNetwork: (state: RootState) => string;
 export declare const selectTargetAddress: (state: RootState) => string;
 export declare const selectConnectModal: (state: RootState) => boolean;
+export declare const selectHelpPopup: (state: RootState) => boolean;
+export declare const selectHashPopup: (state: RootState) => boolean;
 export declare const selectSolanaProvider: (state: RootState) => any;
 export declare const selectSubmitted: (state: RootState) => boolean;
 export declare const selectTransactionOption: (state: RootState) => import("../interface").TransactionOption | undefined;
@@ -18,3 +20,7 @@ export declare const selectServiceFee: (state: RootState) => number;
 export declare const selectMode: (state: RootState) => import("..").ModeOptions;
 export declare const selectConfirming: (state: RootState) => boolean;
 export declare const selectFeeDeduct: (state: RootState) => boolean;
+export declare const selectBackendUrl: (state: RootState) => string;
+export declare const selectNodeProviderQuery: (state: RootState) => string;
+export declare const selectTxId: (state: RootState) => number;
+export declare const selectCurrencyOptions: (state: RootState) => any;

package/dist/utils/config.d.ts

@@ -1,8 +1,6 @@
-export declare const ETHEREUM_POOL_ADDRESS = "0x369b28f227C0188478cb05F8467bdd52002EcC4E";
-export declare const POLYGON_POOL_ADDRESS = "0x369b28f227C0188478cb05F8467bdd52002EcC4E";
-export declare const AVAX_POOL_ADDRESS = "0x369b28f227C0188478cb05F8467bdd52002EcC4E";
-export declare const SOLANA_POOL_ADDRESS = "DRmLANN1qXBELs69gW5upY4qH4iWc23MTcRPjDuzZYuH";
 export declare const SOLANA_USDK_ADDRESS = "GkbnUDkymDTF4U6Z5wM5kKJn3GmGndMn2rN5typmyUHY";
 export declare const ETHEREUM_USDK_ADDRESS = "0x8BAd07F2445D6390DD94Eca08882b7d515EAbe6C";
 export declare const POLYGON_USDK_ADDRESS = "0x5bd4865a6dEd507dA08ed1aBE3cd971a7e0405D7";
 export declare const AVAX_USDK_ADDRESS = "0x7C043d4D2b505740742dF6Fdb79C5caEe08728a5";
+export declare const FUSE_GDOLLAR_ADDRESS = "0x79BeecC4b165Ccf547662cB4f7C0e83b3796E5b3";
+export declare const CELO_GDOLLAR_ADDRESS = "0xAB89A70d1Af04ED8badf915Ba1f5b28E9F322624";

package/dist/utils/constants.d.ts

@@ -1,6 +1,37 @@
 /// <reference types="react" />
+export declare enum ChainName {
+    ETHEREUM = "ETH",
+    POLYGON = "POL",
+    AVALANCHE = "AVX",
+    SOLANA = "SOL",
+    FUSE = "FUS",
+    CELO = "CEL"
+}
+export declare enum SupportedChainId {
+    ETHEREUM = 5,
+    POLYGON = 80001,
+    AVALANCHE = 43113,
+    FUSE = 122,
+    CELO = 42220
+}
+export declare const CHAIN_NAMES_TO_IDS: {
+    [chainName: string]: SupportedChainId;
+};
+export declare const CHAIN_NAMES_TO_STRING: {
+    [chainName: string]: string;
+};
+export declare const CHAIN_NAMES_TO_EXPLORER: {
+    [chainName: string]: string;
+};
+export declare const CHAIN_NAMES_TO_GECKO_ID: {
+    [chainName: string]: string;
+};
+export declare const CHAIN_IDS_TO_NAMES: {
+    [chainId: number]: string;
+};
 export declare const networkOptions: {
     id: string;
+    label: string;
     icon: ({ width, height, ...rest }: {
         [x: string]: any;
         width?: number | undefined;
@@ -9,6 +40,7 @@ export declare const networkOptions: {
 }[];
 export declare const getNetworkOption: (id: string) => {
     id: string;
+    label: string;
     icon: ({ width, height, ...rest }: {
         [x: string]: any;
         width?: number | undefined;
@@ -18,33 +50,29 @@ export declare const getNetworkOption: (id: string) => {
 export declare type Cluster = 'devnet' | 'testnet' | 'mainnet';
 export declare const CLUSTER: Cluster;
 export declare const SOLANA_HOST: string;
-export declare const CHAIN_STRING_SOLANA = "Solana";
-export declare const CHAIN_STRING_ETHEREUM = "Ethereum";
-export declare const CHAIN_STRING_POLYGON = "Polygon";
-export declare const CHAIN_STRING_AVALANCHE = "Avalanche";
-export declare const getEvmChainId: (chainId: string) => 5 | 80001 | 43113 | undefined;
-export declare const getEvmChainString: (chainId: number) => "Ethereum" | "Polygon" | "Avalanche" | "Unknown";
-export declare const getPoolAddress: (chainId: string) => "0x369b28f227C0188478cb05F8467bdd52002EcC4E" | "DRmLANN1qXBELs69gW5upY4qH4iWc23MTcRPjDuzZYuH" | undefined;
 export declare const isEVMChain: (chainId: string) => boolean;
 export declare const GOERLI_ETH_NETWORK_CHAIN_ID = 5;
 export declare const POLYGON_NETWORK_CHAIN_ID = 80001;
 export declare const AVAX_NETWORK_CHAIN_ID = 43113;
-declare type coinOptions = {
+export declare const FUSE_NETWORK_CHAIN_ID = 122;
+export declare const CELO_NETWORK_CHAIN_ID = 42220;
+declare type CoinOptions = {
     [key: string]: any;
 };
-export declare const COIN_LIST: coinOptions;
-export declare const FEE_PERCENT = 0.005;
-export declare const PAY_AVAILABLE = "Available";
-export declare const PAY_CONFIRMED = "Confirmed";
-export declare const PAY_PAID = "Paid";
-export declare const PAY_FAILED = "FailedToPay";
-export declare const PAY_UNAVAILABLE = "UnAvailable";
-export declare const PAY_KEYSIGNED = "KeySigned";
+export declare const COIN_LIST: CoinOptions;
+export declare enum TransactionStatus {
+    AVAILABLE = "Available",
+    CONFIRMED = "Confirmed",
+    PAID = "Paid",
+    COMPLETED = "Completed",
+    FAILED = "FailedToPay",
+    UNAVAILABLE = "UnAvailable",
+    KEYSIGNED = "KeySigned"
+}
 export declare const tooltipInfo: string[][];
 export declare const ETH_USD_PROXY = "0x5f4eC3Df9cbd43714FE2740f5E3616155c5b8419";
 export declare const AVAX_USD_PROXY = "0xFF3EEb22B5E3dE6e705b44749C2559d704923FD7";
 export declare const MATIC_USD_PROXY = "0x7bAC85A8a13A4BcD8abb3eB7d6b4d632c5a57676";
 export declare const SOL_USD_PROXY = "0x4ffC43a60e009B551865A93d232E33Fce9f01507";
 export declare const ETHEREUM_NODE_PROVIDER = "https://eth-mainnet.g.alchemy.com/v2/KuGxhvDhFDX-r40tmVfgopWs0KdcjHPI";
-export declare const DIVERSIFI_NODE_PROVIDER1_QUERY = "api.testnode1.kima.finance";
 export {};

package/dist/utils/testId.d.ts

@@ -0,0 +1 @@
+export declare const connectWalletBtn = "connect-wallet-btn";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kimafinance/kima-transaction-widget",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Kima Transaction Widget",
   "author": "",
   "license": "MIT",
@@ -12,15 +12,23 @@
     "node": ">=10"
   },
   "scripts": {
-    "build": "microbundle-crl --no-compress --format modern,cjs --css-modules false",
+    "build": "microbundle-crl --jsx jsx --no-compress --format modern,cjs --css-modules false",
     "start": "microbundle-crl watch --no-compress --format modern,cjs --css-modules false",
-    "sass": "node-sass src/styles/main.scss src/index.css -w"
+    "sass": "node-sass src/styles/main.scss src/index.css -w",
+    "run-build" : "serve -s ./example/build -p 3001",
+    "run-test": "react-scripts test",
+    "test": "npm-run-all -p -l run-build run-test"
   },
   "peerDependencies": {
-    "react": "^16.5.0"
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.1",
+    "react-redux": ">=7.2.2",
+    "redux": ">=4.1.2"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
+    "@testing-library/react-hooks": "^7.0.1",
     "@types/jest": "^29.1.2",
     "@types/node": "^18.8.3",
     "@types/react": "^18.0.21",
@@ -28,12 +36,18 @@
     "@types/react-redux": "^7.1.24",
     "cross-env": "^7.0.2",
     "gh-pages": "^4.0.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.0.3",
+    "jest-environment-jsdom": "^29.3.1",
     "microbundle-crl": "^0.13.10",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
+    "serve": "^14.1.2",
+    "ts-jest": "^29.0.3",
+    "ts-node": "^10.9.1",
     "typescript": "^4.8.4"
   },
   "files": [
@@ -59,6 +73,7 @@
     "https-browserify": "^1.0.0",
     "node-sass": "^7.0.3",
     "os-browserify": "^0.3.0",
+    "puppeteer": "18.1.0",
     "react-redux": "^8.0.4",
     "redux": "^4.2.0",
     "stream-browserify": "^3.0.0",