@kimafinance/kima-transaction-widget 1.1.18 → 1.1.20-beta.1

package/README.md

@@ -18,12 +18,12 @@ import React from 'react'
 import {
   KimaTransactionWidget,
   KimaProvider,
-  ThemeOptions,
   FontSizeOptions,
   ModeOptions,
-  SupportNetworks
-} from 'kima-transfer-widget'
-import 'kima-transfer-widget/dist/index.css'
+  SupportNetworks,
+  ColorModeOptions
+} from 'kima-transaction-widget'
+import 'kima-transaction-widget/dist/index.css'
 
 const App = () => {
   return (
@@ -35,9 +35,11 @@ const App = () => {
       >
         <div className='container'>
           <KimaTransactionWidget
-            theme={ThemeOptions.light}
-            fontSize={FontSizeOptions.medium}
-            mode={ModeOptions.bridge}
+            theme={{
+              colorMode: ColorModeOptions.light,
+              fontSize: FontSizeOptions.medium
+            }}
+            mode={ModeOptions.payment}
             kimaBackendUrl='https://trasnaction_backend.kima.finance'
             kimaNodeProviderQuery='https://api_staging_testnet.kima.finance'
             titleOption={{
@@ -85,11 +87,11 @@ import React from 'react'
 import {
   KimaTransactionWidget,
   KimaProvider,
-  ThemeOptions,
   FontSizeOptions,
-  ModeOptions
-} from 'kima-transfer-widget'
-import 'kima-transfer-widget/dist/index.css'
+  ModeOptions,
+  ColorModeOptions
+} from 'kima-transaction-widget'
+import 'kima-transaction-widget/dist/index.css'
 
 const App = () => {
   return (
@@ -101,8 +103,10 @@ const App = () => {
       >
         <div className='container'>
           <KimaTransactionWidget
-            theme={ThemeOptions.light}
-            fontSize={FontSizeOptions.medium}
+            theme={{
+              colorMode: ColorModeOptions.light,
+              fontSize: FontSizeOptions.medium
+            }}
             mode={ModeOptions.bridge}
             kimaBackendUrl='https://trasnaction_backend.kima.finance'
             kimaNodeProviderQuery='https://api_staging_testnet.kima.finance'
@@ -130,8 +134,7 @@ export default App
 
 | Prop Name                      | Type               | Description              | Values          | Default Value |
 | ------------------------------ | ------------------ | ------------------------ | ----------------| ------------- |
-| theme `(optional)`             | ThemeOptions       | color theme of widget    | `light`, `dark` |  `light` |
-| fontSize `(optional)`          | FontSizeOptions    | font size of widget      | `small`, `medium`, `large` | `medium` |
+| theme `(required)`             | ThemeOptions       | colorMode, fontSize, fontFamily, backgroundColor    |  | |
 | mode `(required)`              | ModeOptions        | scenario of the widget   | `payment`, `bridge` | |
 | transactionOption `(optional)` | TransactionOption  | target chain, address and currency | | |
 | titleOption `(optional)`       | TitleOption        | titles of widget for every steps | | |

package/dist/assets/icons/Arbitrium.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Arbitrium: ({ width, height, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+}) => JSX.Element;
+export default Arbitrium;

package/dist/assets/icons/Optimism.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Optimism: ({ width, height, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+}) => JSX.Element;
+export default Optimism;

package/dist/assets/icons/index.d.ts

@@ -9,6 +9,8 @@ export { default as EthereumIcon } from './Ethereum';
 export { default as SolanaIcon } from './Solana';
 export { default as PolygonIcon } from './Polygon';
 export { default as AvalancheIcon } from './Avalanche';
+export { default as ArbitriumIcon } from './Arbitrium';
+export { default as OptimismIcon } from './Optimism';
 export { default as USDCIcon } from './USDC';
 export { default as USDTIcon } from './USDT';
 export { default as FuseIcon } from './Fuse';

package/dist/index.js

@@ -392,12 +392,85 @@ var Avalanche = function Avalanche(_ref) {
 };
 
 var _excluded$b = ["width", "height"];
+var Arbitrium = function Arbitrium(_ref) {
+  var rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+  return React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "124.983",
+    height: "140.32",
+    viewBox: "0 0 124.983 140.32"
+  }, React__default.createElement("g", Object.assign({
+    id: "symbol",
+    transform: "translate(-177.491 -53.193)"
+  }, rest), React__default.createElement("path", {
+    id: "Path_153",
+    "data-name": "Path 153",
+    d: "M266.978,128.665l10.305-17.485,27.776,43.262.013,8.3-.091-57.131a4.3,4.3,0,0,0-1.99-3.428L252.984,73.42a4.408,4.408,0,0,0-3.821.018,4.352,4.352,0,0,0-.448.259l-.174.11L200,101.935l-.189.085a4.417,4.417,0,0,0-.717.418,4.29,4.29,0,0,0-1.729,2.731,4.419,4.419,0,0,0-.062.505l.076,46.556,25.872-40.1c3.257-5.317,10.354-7.03,16.942-6.937l7.732.2-45.56,73.064,5.371,3.092,46.106-76.083,20.379-.074-45.987,78L247.4,194.422l2.29,1.317a4.4,4.4,0,0,0,3.087.061l50.71-29.387-9.7,5.618Zm3.932,56.627-19.356-30.379,11.815-20.049,25.42,40.066Z",
+    transform: "translate(-11.186 -11.178)",
+    fill: "#2d374b"
+  }), React__default.createElement("path", {
+    id: "Path_154",
+    "data-name": "Path 154",
+    d: "M321.883,235.122,341.239,265.5l17.88-10.362L333.7,215.073Z",
+    transform: "translate(-81.515 -91.387)",
+    fill: "#28a0f0"
+  }), React__default.createElement("path", {
+    id: "Path_155",
+    "data-name": "Path 155",
+    d: "M395.4,212.248l-.013-8.3-27.776-43.262L357.3,178.169l26.814,43.366,9.7-5.618a4.3,4.3,0,0,0,1.587-3.129Z",
+    transform: "translate(-101.511 -60.683)",
+    fill: "#28a0f0"
+  }), React__default.createElement("path", {
+    id: "Path_156",
+    "data-name": "Path 156",
+    d: "M177.491,212.312l13.691,7.889,45.56-73.064-7.732-.2c-6.588-.093-13.685,1.619-16.942,6.937l-25.872,40.1-8.7,13.373v4.969Z",
+    transform: "translate(0 -52.917)",
+    fill: "#fff"
+  }), React__default.createElement("path", {
+    id: "Path_157",
+    "data-name": "Path 157",
+    d: "M287.75,147.406l-20.378.074-46.106,76.083,16.115,9.279,4.382-7.433Z",
+    transform: "translate(-24.713 -53.187)",
+    fill: "#fff"
+  }), React__default.createElement("path", {
+    id: "Path_158",
+    "data-name": "Path 158",
+    d: "M302.474,94.114a12.98,12.98,0,0,0-6.093-10.435L245.719,54.545a13.178,13.178,0,0,0-11.624,0c-.423.213-49.268,28.542-49.268,28.542a13.016,13.016,0,0,0-1.94,1.148,12.881,12.881,0,0,0-5.4,9.854v60.338l8.7-13.373L186.12,94.5a4.325,4.325,0,0,1,1.791-3.236c.23-.165,49.909-28.921,50.067-29a4.408,4.408,0,0,1,3.821-.018l50.007,28.765a4.3,4.3,0,0,1,1.99,3.428v57.672a4.2,4.2,0,0,1-1.495,3.129l-9.7,5.618-5,2.9-17.88,10.362-18.133,10.509a4.395,4.395,0,0,1-3.087-.061l-21.453-12.339-4.382,7.432,19.28,11.1c.638.362,1.206.684,1.672.946.722.4,1.214.675,1.387.759a12.528,12.528,0,0,0,5.118,1.053,12.89,12.89,0,0,0,4.72-.888l52.667-30.5a12.876,12.876,0,0,0,4.962-9.7Z",
+    transform: "translate(-0.001)",
+    fill: "#96bedc"
+  })));
+};
+
+var _excluded$c = ["width", "height"];
+var Optimism = function Optimism(_ref) {
+  var rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+  return React__default.createElement("svg", Object.assign({
+    version: "1.0",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "40.000000pt",
+    height: "40.000000pt",
+    viewBox: "0 0 40.000000 40.000000",
+    preserveAspectRatio: "xMidYMid meet"
+  }, rest), React__default.createElement("g", {
+    transform: "translate(0.000000,40.000000) scale(0.100000,-0.100000)",
+    fill: "#000000",
+    stroke: "none"
+  }, React__default.createElement("path", {
+    d: "M109 372 c-43 -22 -59 -38 -81 -81 -36 -68 -36 -114 0 -182 22 -43\r\n    38 -59 81 -81 68 -36 114 -36 182 0 43 22 59 38 81 81 36 68 36 114 0 182 -22\r\n    43 -38 59 -81 81 -31 16 -69 28 -91 28 -22 0 -60 -12 -91 -28z m79 -124 c16\r\n    -16 15 -60 -1 -82 -9 -12 -23 -17 -42 -14 -26 3 -30 8 -33 36 -5 54 44 92 76\r\n    60z m96 -1 c26 -19 13 -54 -24 -62 -17 -4 -30 -13 -30 -21 0 -8 -6 -14 -14\r\n    -14 -10 0 -12 9 -5 43 4 23 8 48 9 55 0 16 41 16 64 -1z"
+  }), React__default.createElement("path", {
+    d: "M140 219 c-14 -24 -7 -49 14 -49 15 0 28 34 19 56 -7 20 -21 17 -33\r\n    -7z"
+  }), React__default.createElement("path", {
+    d: "M247 233 c-12 -11 -8 -23 8 -23 8 0 15 7 15 15 0 16 -12 20 -23 8z"
+  })));
+};
+
+var _excluded$d = ["width", "height"];
 var USDT = function USDT(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? 37 : _ref$width,
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? 37 : _ref$height,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   return React__default.createElement("svg", Object.assign({
     width: width,
     height: height,
@@ -423,13 +496,13 @@ var USDT = function USDT(_ref) {
   })));
 };
 
-var _excluded$c = ["width", "height"];
+var _excluded$e = ["width", "height"];
 var Fuse = function Fuse(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? 37 : _ref$width,
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? 37 : _ref$height,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   return React__default.createElement("svg", Object.assign({
     width: width,
     height: height,
@@ -455,13 +528,13 @@ var Fuse = function Fuse(_ref) {
   })));
 };
 
-var _excluded$d = ["width", "height"];
+var _excluded$f = ["width", "height"];
 var Celo = function Celo(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? 37 : _ref$width,
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? 37 : _ref$height,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   return React__default.createElement("svg", Object.assign({
     width: width,
     height: height,
@@ -487,13 +560,13 @@ var Celo = function Celo(_ref) {
   })));
 };
 
-var _excluded$e = ["width", "height"];
+var _excluded$g = ["width", "height"];
 var GoodDollar = function GoodDollar(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? 37 : _ref$width,
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? 37 : _ref$height,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   return React__default.createElement("svg", Object.assign({
     width: width,
     height: height,
@@ -519,7 +592,7 @@ var GoodDollar = function GoodDollar(_ref) {
   })));
 };
 
-var _excluded$f = ["width", "height", "fill"];
+var _excluded$h = ["width", "height", "fill"];
 var Copy = function Copy(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? 20 : _ref$width,
@@ -527,7 +600,7 @@ var Copy = function Copy(_ref) {
     height = _ref$height === void 0 ? 20 : _ref$height,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#979797' : _ref$fill,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   return React__default.createElement("svg", Object.assign({
     width: width,
     height: height,
@@ -546,13 +619,13 @@ var Copy = function Copy(_ref) {
   })));
 };
 
-var _excluded$g = ["width", "height"];
+var _excluded$i = ["width", "height"];
 var Bank = function Bank(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? 32 : _ref$width,
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? 32 : _ref$height,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   return React__default.createElement("svg", Object.assign({
     width: width,
     height: height,
@@ -589,13 +662,13 @@ var Bank = function Bank(_ref) {
   })));
 };
 
-var _excluded$h = ["width", "height"];
+var _excluded$j = ["width", "height"];
 var BNB = function BNB(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? 59 : _ref$width,
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? 58 : _ref$height,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   return React__default.createElement("svg", Object.assign({
     width: width,
     height: height,
@@ -696,6 +769,9 @@ var AVAX_USDK_ADDRESS = '0x7C043d4D2b505740742dF6Fdb79C5caEe08728a5';
 var BSC_USDK_ADDRESS = '0x824B0e195d4C6bfdaE9D52b3fE7079a238306572';
 var FUSE_GDOLLAR_ADDRESS = '0x79BeecC4b165Ccf547662cB4f7C0e83b3796E5b3';
 var CELO_GDOLLAR_ADDRESS = '0xAB89A70d1Af04ED8badf915Ba1f5b28E9F322624';
+var OPTIMISM_USDK_ADDRESS = '0xb57D22Fb3aF7A5FCb675df09D2BBE74048462838';
+var ARBITRIUM_USDK_ADDRESS = '0xb57D22Fb3aF7A5FCb675df09D2BBE74048462838';
+var POLYGON_ZKEVM_ADDRESS = '0xb57D22Fb3aF7A5FCb675df09D2BBE74048462838';
 
 var _CHAIN_NAMES_TO_IDS, _CHAIN_NAMES_TO_STRIN, _CHAIN_NAMES_TO_EXPLO, _CHAIN_NAMES_TO_GECKO, _CHAIN_IDS_TO_NAMES;
 (function (ChainName) {
@@ -706,6 +782,9 @@ var _CHAIN_NAMES_TO_IDS, _CHAIN_NAMES_TO_STRIN, _CHAIN_NAMES_TO_EXPLO, _CHAIN_NA
   ChainName["FUSE"] = "FUS";
   ChainName["CELO"] = "CEL";
   ChainName["BSC"] = "BSC";
+  ChainName["ARBITRIUM"] = "ARB";
+  ChainName["OPTIMISM"] = "OPT";
+  ChainName["POLYGON_ZKEVM"] = "ZKE";
 })(exports.SupportNetworks || (exports.SupportNetworks = {}));
 var SupportedChainId;
 (function (SupportedChainId) {
@@ -715,12 +794,15 @@ var SupportedChainId;
   SupportedChainId[SupportedChainId["FUSE"] = 122] = "FUSE";
   SupportedChainId[SupportedChainId["CELO"] = 42220] = "CELO";
   SupportedChainId[SupportedChainId["BSC"] = 97] = "BSC";
+  SupportedChainId[SupportedChainId["ARBITRIUM"] = 421613] = "ARBITRIUM";
+  SupportedChainId[SupportedChainId["OPTIMISM"] = 420] = "OPTIMISM";
+  SupportedChainId[SupportedChainId["POLYGON_ZKEM"] = 1442] = "POLYGON_ZKEM";
 })(SupportedChainId || (SupportedChainId = {}));
-var CHAIN_NAMES_TO_IDS = (_CHAIN_NAMES_TO_IDS = {}, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.ETHEREUM] = SupportedChainId.ETHEREUM, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.POLYGON] = SupportedChainId.POLYGON, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.AVALANCHE] = SupportedChainId.AVALANCHE, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.FUSE] = SupportedChainId.FUSE, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.CELO] = SupportedChainId.CELO, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.BSC] = SupportedChainId.BSC, _CHAIN_NAMES_TO_IDS);
-var CHAIN_NAMES_TO_STRING = (_CHAIN_NAMES_TO_STRIN = {}, _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.ETHEREUM] = 'Ethereum', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.POLYGON] = 'Polygon', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.AVALANCHE] = 'Avalanche', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.FUSE] = 'Fuse', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.CELO] = 'Celo', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.SOLANA] = 'Solana', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.BSC] = 'Binance', _CHAIN_NAMES_TO_STRIN);
-var CHAIN_NAMES_TO_EXPLORER = (_CHAIN_NAMES_TO_EXPLO = {}, _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.ETHEREUM] = 'sepolia.etherscan.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.POLYGON] = 'mumbai.polygonscan.com', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.AVALANCHE] = 'testnet.snowtrace.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.FUSE] = 'explorer.fuse.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.CELO] = 'explorer.celo.org', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.SOLANA] = 'solscan.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.BSC] = 'testnet.bscscan.com', _CHAIN_NAMES_TO_EXPLO);
-var CHAIN_NAMES_TO_GECKO_ID = (_CHAIN_NAMES_TO_GECKO = {}, _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.ETHEREUM] = 'ethereum', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.POLYGON] = 'matic-network', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.AVALANCHE] = 'avalanche-2', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.FUSE] = 'fuse-network-token', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.CELO] = 'celo', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.SOLANA] = 'solana', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.BSC] = 'binancecoin', _CHAIN_NAMES_TO_GECKO);
-var CHAIN_IDS_TO_NAMES = (_CHAIN_IDS_TO_NAMES = {}, _CHAIN_IDS_TO_NAMES[SupportedChainId.ETHEREUM] = exports.SupportNetworks.ETHEREUM, _CHAIN_IDS_TO_NAMES[SupportedChainId.POLYGON] = exports.SupportNetworks.POLYGON, _CHAIN_IDS_TO_NAMES[SupportedChainId.AVALANCHE] = exports.SupportNetworks.AVALANCHE, _CHAIN_IDS_TO_NAMES[SupportedChainId.FUSE] = exports.SupportNetworks.FUSE, _CHAIN_IDS_TO_NAMES[SupportedChainId.CELO] = exports.SupportNetworks.CELO, _CHAIN_IDS_TO_NAMES[SupportedChainId.BSC] = exports.SupportNetworks.BSC, _CHAIN_IDS_TO_NAMES);
+var CHAIN_NAMES_TO_IDS = (_CHAIN_NAMES_TO_IDS = {}, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.ETHEREUM] = SupportedChainId.ETHEREUM, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.POLYGON] = SupportedChainId.POLYGON, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.AVALANCHE] = SupportedChainId.AVALANCHE, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.FUSE] = SupportedChainId.FUSE, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.CELO] = SupportedChainId.CELO, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.BSC] = SupportedChainId.BSC, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.OPTIMISM] = SupportedChainId.OPTIMISM, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.ARBITRIUM] = SupportedChainId.ARBITRIUM, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.POLYGON_ZKEVM] = SupportedChainId.POLYGON_ZKEM, _CHAIN_NAMES_TO_IDS);
+var CHAIN_NAMES_TO_STRING = (_CHAIN_NAMES_TO_STRIN = {}, _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.ETHEREUM] = 'Ethereum', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.POLYGON] = 'Polygon', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.AVALANCHE] = 'Avalanche', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.FUSE] = 'Fuse', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.CELO] = 'Celo', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.SOLANA] = 'Solana', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.BSC] = 'Binance', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.OPTIMISM] = 'Optimism', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.ARBITRIUM] = 'Arbitrium', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.POLYGON_ZKEVM] = 'Polygon zkEVM', _CHAIN_NAMES_TO_STRIN);
+var CHAIN_NAMES_TO_EXPLORER = (_CHAIN_NAMES_TO_EXPLO = {}, _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.ETHEREUM] = 'sepolia.etherscan.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.POLYGON] = 'mumbai.polygonscan.com', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.AVALANCHE] = 'testnet.snowtrace.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.FUSE] = 'explorer.fuse.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.CELO] = 'explorer.celo.org', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.SOLANA] = 'solscan.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.BSC] = 'testnet.bscscan.com', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.OPTIMISM] = 'goerli-optimism.etherscan.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.ARBITRIUM] = 'goerli.arbiscan.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.POLYGON_ZKEVM] = 'explorer.public.zkevm-test.net', _CHAIN_NAMES_TO_EXPLO);
+var CHAIN_NAMES_TO_GECKO_ID = (_CHAIN_NAMES_TO_GECKO = {}, _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.ETHEREUM] = 'ethereum', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.POLYGON] = 'matic-network', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.AVALANCHE] = 'avalanche-2', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.FUSE] = 'fuse-network-token', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.CELO] = 'celo', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.SOLANA] = 'solana', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.BSC] = 'binancecoin', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.OPTIMISM] = 'ethereum', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.ARBITRIUM] = 'ethereum', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.POLYGON_ZKEVM] = 'matic-network', _CHAIN_NAMES_TO_GECKO);
+var CHAIN_IDS_TO_NAMES = (_CHAIN_IDS_TO_NAMES = {}, _CHAIN_IDS_TO_NAMES[SupportedChainId.ETHEREUM] = exports.SupportNetworks.ETHEREUM, _CHAIN_IDS_TO_NAMES[SupportedChainId.POLYGON] = exports.SupportNetworks.POLYGON, _CHAIN_IDS_TO_NAMES[SupportedChainId.AVALANCHE] = exports.SupportNetworks.AVALANCHE, _CHAIN_IDS_TO_NAMES[SupportedChainId.FUSE] = exports.SupportNetworks.FUSE, _CHAIN_IDS_TO_NAMES[SupportedChainId.CELO] = exports.SupportNetworks.CELO, _CHAIN_IDS_TO_NAMES[SupportedChainId.BSC] = exports.SupportNetworks.BSC, _CHAIN_IDS_TO_NAMES[SupportedChainId.OPTIMISM] = exports.SupportNetworks.OPTIMISM, _CHAIN_IDS_TO_NAMES[SupportedChainId.ARBITRIUM] = exports.SupportNetworks.ARBITRIUM, _CHAIN_IDS_TO_NAMES[SupportedChainId.POLYGON_ZKEM] = exports.SupportNetworks.POLYGON_ZKEVM, _CHAIN_IDS_TO_NAMES);
 var networkOptions = [{
   id: exports.SupportNetworks.ETHEREUM,
   label: 'Ethereum',
@@ -749,6 +831,18 @@ var networkOptions = [{
   id: exports.SupportNetworks.SOLANA,
   label: 'Solana',
   icon: Solana
+}, {
+  id: exports.SupportNetworks.ARBITRIUM,
+  label: 'Arbitrium',
+  icon: Arbitrium
+}, {
+  id: exports.SupportNetworks.OPTIMISM,
+  label: 'Optimism',
+  icon: Optimism
+}, {
+  id: exports.SupportNetworks.POLYGON_ZKEVM,
+  label: 'Polygon zkEVM',
+  icon: Ethereum$1
 }];
 var getNetworkOption = function getNetworkOption(id) {
   var index = networkOptions.findIndex(function (item) {
@@ -760,7 +854,7 @@ var getNetworkOption = function getNetworkOption(id) {
 var CLUSTER = 'devnet';
 var SOLANA_HOST = web3_js.clusterApiUrl(CLUSTER);
 var isEVMChain = function isEVMChain(chainId) {
-  return chainId === exports.SupportNetworks.ETHEREUM || chainId === exports.SupportNetworks.POLYGON || chainId === exports.SupportNetworks.AVALANCHE || chainId === exports.SupportNetworks.FUSE || chainId === exports.SupportNetworks.CELO || chainId === exports.SupportNetworks.BSC;
+  return chainId === exports.SupportNetworks.ETHEREUM || chainId === exports.SupportNetworks.POLYGON || chainId === exports.SupportNetworks.AVALANCHE || chainId === exports.SupportNetworks.FUSE || chainId === exports.SupportNetworks.CELO || chainId === exports.SupportNetworks.BSC || chainId === exports.SupportNetworks.OPTIMISM || chainId === exports.SupportNetworks.ARBITRIUM || chainId === exports.SupportNetworks.POLYGON_ZKEVM;
 };
 var COIN_LIST = {
   USDK: {
@@ -772,7 +866,10 @@ var COIN_LIST = {
       ETH: ETHEREUM_USDK_ADDRESS,
       POL: POLYGON_USDK_ADDRESS,
       AVX: AVAX_USDK_ADDRESS,
-      BSC: BSC_USDK_ADDRESS
+      BSC: BSC_USDK_ADDRESS,
+      OPT: OPTIMISM_USDK_ADDRESS,
+      ARB: ARBITRIUM_USDK_ADDRESS,
+      ZKE: POLYGON_ZKEVM_ADDRESS
     },
     decimals: 6
   },