remove bignumber.js

jest.config.js

@@ -0,0 +1,7 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} **/
+module.exports = {
+  testEnvironment: "node",
+  transform: {
+    "^.+.tsx?$": ["ts-jest",{}],
+  },
+};

lerna.json

@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "1.1.35",
+  "version": "2.0.23",
   "useNx": false,
   "useWorkspaces": true,
   "progress": true,

package.json

@@ -8,19 +8,20 @@
   "devDependencies": {
     "@testing-library/jest-dom": "5.x",
     "@testing-library/react": "13.x",
+    "@types/jest": "^29.5.13",
     "@types/styled-components": "^5.1.34",
     "@types/uuid": "^10.0.0",
     "@types/web3-provider-engine": "^14.0.1",
     "@typescript-eslint/eslint-plugin": "5.x",
     "@typescript-eslint/parser": "5.x",
     "eslint": "8.x",
     "eslint-plugin-import": "2.x",
-    "jest": "29.x",
+    "jest": "^29.7.0",
     "jest-environment-jsdom": "29.x",
     "lerna": "6.x",
     "nodemon": "2.x",
     "react-scripts": "5.x",
-    "ts-jest": "29.x",
+    "ts-jest": "^29.2.5",
     "typescript": "4.x"
   },
   "scripts": {
@@ -29,7 +30,8 @@
     "start": "PORT=3005 lerna run start --parallel",
     "test": "lerna run test",
     "test:watch": "cd packages/lib; npm run test:watch",
-    "publish": "npm run build && lerna publish --force-publish"
+    "publish": "npm run build && lerna publish --force-publish",
+    "sdk:test:unit": "jest packages/sdk"
   },
   "prettier": {
     "printWidth": 180

packages/arbidex/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbs-network/twap-ui-arbidex",
-  "version": "1.1.35",
+  "version": "2.0.23",
   "description": "TWAP UI for Arbidex",
   "license": "MIT",
   "author": "Orbs",
@@ -20,7 +20,7 @@
     "test": "eslint src"
   },
   "dependencies": {
-    "@orbs-network/twap-ui": "^1.1.35",
+    "@orbs-network/twap-ui": "^2.0.23",
     "web3": "1.x"
   },
   "peerDependencies": {

packages/baseswap/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbs-network/twap-ui-baseswap",
-  "version": "1.1.35",
+  "version": "2.0.23",
   "description": "TWAP UI for BaseSwap",
   "license": "MIT",
   "author": "Orbs",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@orbs-network/twap": "^2.0.1",
-    "@orbs-network/twap-ui": "^1.1.35",
+    "@orbs-network/twap-ui": "^2.0.23",
     "web3": "1.x"
   },
   "peerDependencies": {

packages/chronos/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbs-network/twap-ui-chronos",
-  "version": "1.1.35",
+  "version": "2.0.23",
   "description": "TWAP UI for Chronos",
   "license": "MIT",
   "author": "Orbs",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@orbs-network/twap": "^2.0.1",
-    "@orbs-network/twap-ui": "^1.1.35",
+    "@orbs-network/twap-ui": "^2.0.23",
     "web3": "1.x"
   },
   "peerDependencies": {

packages/chronos/src/index.tsx

@@ -7,12 +7,10 @@ import {
   TWAPTokenSelectProps,
   hooks,
   TWAPProps,
-  ORDERS_CONTAINER_ID,
   Styles,
   size,
   compact,
   TooltipProps,
-  Status,
   Configs,
   Token,
 } from "@orbs-network/twap-ui";
@@ -52,6 +50,7 @@ import { VscSettings } from "@react-icons/all-files/vsc/VscSettings";
 import { IoIosArrowDown } from "@react-icons/all-files/io/IoIosArrowDown";
 import { IoWalletOutline } from "@react-icons/all-files/io5/IoWalletOutline";
 import { ThemeProvider } from "styled-components";
+import { OrderStatus } from "@orbs-network/twap-sdk";
 
 const useMobile = () => {
   return hooks.useWindowWidth() < 768;
@@ -68,7 +67,7 @@ interface ChronosTWAPProps extends TWAPProps {
 const uiPreferences: TwapContextUIPreferences = {
   getOrdersTabsLabel: (name: string, amount: number) => `${name} (${amount})`,
   qrSize: 120,
-  orderTabsToExclude: [Status.Canceled],
+  orderTabsToExclude: [OrderStatus.Canceled],
 };
 
 const makeElipsisAddress = (address?: string, padding = 6): string => {
@@ -370,49 +369,6 @@ const TWAP = (props: ChronosTWAPProps) => {
   );
 };
 
-const MobileTabs = () => {
-  const setTab = hooks.stateActions.useSelectOrdersTab();
-  const tab = useTwapContext().state.selectedOrdersTab;
-
-  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
-  const open = Boolean(anchorEl);
-  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-
-  const onSelected = (value: number) => {
-    setTab(value);
-    setAnchorEl(null);
-  };
-
-  return (
-    <>
-      <StyledMobileTabsMenuButton aria-controls={open ? "basic-menu" : undefined} aria-expanded={open ? "true" : undefined} onClick={handleClick}>
-        <TwapStyles.StyledRowFlex gap={5}>
-          <VscSettings />
-        </TwapStyles.StyledRowFlex>
-      </StyledMobileTabsMenuButton>
-    </>
-  );
-};
-
-const OrdersLayout = () => {
-  const mobile = useMobile();
-
-  return (
-    <StyledOrders className="twap-orders">
-      <StyledOrdersHeader className="twap-chronos-orders-header">
-        <StyledOrderHeaderRight className="twap-chronos-orders-header-right">
-          <Components.Base.Odnp />
-        </StyledOrderHeaderRight>
-      </StyledOrdersHeader>
-    </StyledOrders>
-  );
-};
-
 const TWAPPanel = () => {
   return (
     <div className="twap-container">
@@ -461,7 +417,6 @@ const TotalTrades = () => {
         </div>
         <Styles.StyledRowFlex style={{ alignItems: "stretch" }}>
           <Components.ChunkSelector.Input />
-          <Components.ChunkSelector.Slider />
         </Styles.StyledRowFlex>
       </div>
     </Components.ChunkSelector>

packages/dapp-example/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbs-network/twap-ui-dapp-example",
-  "version": "1.1.35",
+  "version": "2.0.23",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -12,21 +12,21 @@
     "@emotion/react": "^11.13.0",
     "@emotion/styled": "^11.13.0",
     "@mui/material": "^5.16.4",
-    "@orbs-network/twap-ui": "^1.1.35",
-    "@orbs-network/twap-ui-arbidex": "^1.1.35",
-    "@orbs-network/twap-ui-baseswap": "^1.1.35",
-    "@orbs-network/twap-ui-chronos": "^1.1.35",
-    "@orbs-network/twap-ui-kinetix": "^1.1.35",
-    "@orbs-network/twap-ui-lynex": "^1.1.35",
-    "@orbs-network/twap-ui-pancake": "^1.1.35",
-    "@orbs-network/twap-ui-pangolin": "^1.1.35",
-    "@orbs-network/twap-ui-quickswap": "^1.1.35",
-    "@orbs-network/twap-ui-spiritswap": "^1.1.35",
-    "@orbs-network/twap-ui-spookyswap": "^1.1.35",
-    "@orbs-network/twap-ui-stellaswap": "^1.1.35",
-    "@orbs-network/twap-ui-sushiswap": "^1.1.35",
-    "@orbs-network/twap-ui-syncswap": "^1.1.35",
-    "@orbs-network/twap-ui-thena": "^1.1.35",
+    "@orbs-network/twap-ui": "^2.0.23",
+    "@orbs-network/twap-ui-arbidex": "^2.0.23",
+    "@orbs-network/twap-ui-baseswap": "^2.0.23",
+    "@orbs-network/twap-ui-chronos": "^2.0.23",
+    "@orbs-network/twap-ui-kinetix": "^2.0.23",
+    "@orbs-network/twap-ui-lynex": "^2.0.23",
+    "@orbs-network/twap-ui-pancake": "^2.0.23",
+    "@orbs-network/twap-ui-pangolin": "^2.0.23",
+    "@orbs-network/twap-ui-quickswap": "^2.0.23",
+    "@orbs-network/twap-ui-spiritswap": "^2.0.23",
+    "@orbs-network/twap-ui-spookyswap": "^2.0.23",
+    "@orbs-network/twap-ui-stellaswap": "^2.0.23",
+    "@orbs-network/twap-ui-sushiswap": "^2.0.23",
+    "@orbs-network/twap-ui-syncswap": "^2.0.23",
+    "@orbs-network/twap-ui-thena": "^2.0.23",
     "@tanstack/react-query": "4.x",
     "@tanstack/react-query-devtools": "4.x",
     "@types/react": "18.x",

packages/dapp-example/src/Components.tsx

@@ -24,8 +24,9 @@ import useMediaQuery from "@mui/material/useMediaQuery";
 import { FiMenu } from "@react-icons/all-files/fi/FiMenu";
 import Backdrop from "@mui/material/Backdrop";
 import { Button, styled, TextField, Typography } from "@mui/material";
-import { Components, Config, hooks, isEmpty, size, Styles, Token } from "@orbs-network/twap-ui";
+import { Components, hooks, isEmpty, size, Styles, Token } from "@orbs-network/twap-ui";
 import { eqIgnoreCase } from "@defi.org/web3-candies";
+import { Config } from "@orbs-network/twap-sdk";
 
 import { AiOutlineClose } from "@react-icons/all-files/ai/AiOutlineClose";
 import { BsMoon } from "@react-icons/all-files/bs/BsMoon";

packages/dapp-example/src/SushiSwap.tsx

@@ -6,7 +6,7 @@ import { Dapp, Popup, TokensList, UISelector } from "./Components";
 import { ReactNode, useCallback, useEffect, useMemo, useState } from "react";
 import MuiTooltip from "@mui/material/Tooltip";
 import { SelectorOption, TokenListItem } from "./types";
-import { Components, getConfig, mapCollection, size, TooltipProps, Configs } from "@orbs-network/twap-ui";
+import { getConfig, mapCollection, size, TooltipProps, Configs } from "@orbs-network/twap-ui";
 import { DappProvider } from "./context";
 import { baseSwapTokens } from "./BaseSwap";
 import { network } from "@defi.org/web3-candies";
@@ -207,7 +207,7 @@ const useConfig = () => {
 };
 
 const DappComponent = () => {
-  const [selected, setSelected] = useState(SelectorOption.LIMIT);
+  const [selected, setSelected] = useState(SelectorOption.TWAP);
   const { isDarkTheme } = useTheme();
 
   const config = useConfig();

packages/dapp-example/src/context.tsx

@@ -1,4 +1,4 @@
-import { Config } from "@orbs-network/twap-ui";
+import { Config } from "@orbs-network/twap-sdk";
 import { createContext, useContext, useMemo } from "react";
 
 interface ContextProps {

packages/kinetix/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbs-network/twap-ui-kinetix",
-  "version": "1.1.35",
+  "version": "2.0.23",
   "description": "TWAP UI for Kinetix",
   "license": "MIT",
   "author": "Orbs",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@orbs-network/twap": "^2.0.1",
-    "@orbs-network/twap-ui": "^1.1.35",
+    "@orbs-network/twap-ui": "^2.0.23",
     "web3": "1.x"
   },
   "peerDependencies": {

packages/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbs-network/twap-ui",
-  "version": "1.1.35",
+  "version": "2.0.23",
   "description": "TWAP UI",
   "license": "MIT",
   "author": "Orbs",
@@ -23,6 +23,7 @@
   "dependencies": {
     "@defi.org/web3-candies": "^5.0.0",
     "@orbs-network/twap": "^2.0.1",
+    "@orbs-network/twap-sdk": "^2.0.23",
     "@react-icons/all-files": "^4.1.0",
     "@tanstack/react-query": "4.x",
     "bignumber.js": "9.x",

packages/lib/src/ErrorHandling.tsx

@@ -1,8 +1,6 @@
 import { styled } from "styled-components";
 import React from "react";
 import { ErrorBoundary } from "react-error-boundary";
-import { useTwapContext } from ".";
-import { analytics } from "./analytics";
 
 const StyledContainer = styled("div")<{ isDarkTheme?: number }>(({ theme, isDarkTheme }) => {
   return {
@@ -41,7 +39,6 @@ export function TwapErrorWrapper({ children }: { children: React.ReactNode }) {
   return (
     <ErrorBoundary
       onError={(error) => {
-        analytics.onUiCreashed(error);
         // You can also log the error to an error reporting service like AppSignal
         // logErrorToMyService(error, errorInfo);
         console.error(error);
@@ -55,12 +52,7 @@ export function TwapErrorWrapper({ children }: { children: React.ReactNode }) {
 
 export function OrdersErrorWrapper({ children }: { children: React.ReactNode }) {
   return (
-    <ErrorBoundary
-      onError={(error) => {
-        analytics.onUiCreashed(error);
-      }}
-      fallbackRender={OrdersFallbackUI}
-    >
+    <ErrorBoundary fallbackRender={OrdersFallbackUI}>
       <>{children}</>
     </ErrorBoundary>
   );