feat: release packages react19 compatibility

example/react-app/package.json

@@ -9,10 +9,10 @@
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.5.2",
     "@types/node": "^16.11.57",
-    "@types/react": "^18.0.18",
-    "@types/react-dom": "^18.0.6",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-redux": "^8.0.2",
     "react-scripts": "5.0.1",
     "typescript": "^5.6.3",

packages/doc/package.json

@@ -13,9 +13,9 @@
     "@storybook/addon-docs": "^9.1.10",
     "@web3modal/ethers5": "^3.5.5",
     "lodash": "^4.17.21",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-copy-to-clipboard": "^5.1.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-redux": "^8.0.2",
     "redux": "^4.2.0",
     "redux-thunk": "^2.4.1",
@@ -30,7 +30,7 @@
     "@storybook/addon-webpack5-compiler-swc": "^4.0.1",
     "@storybook/react-webpack5": "^9.1.10",
     "@svgr/webpack": "^6.3.1",
-    "@types/react": "^18.0.14",
+    "@types/react": "^18.3.0",
     "@types/react-copy-to-clipboard": "^5.0.4",
     "@types/react-dom": "^18.0.5",
     "@vitejs/plugin-react": "^1.3.2",

packages/dodoex-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/components",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "UI component library",
   "source": "src/index.ts",
   "types": "dist/types/index.d.ts",
@@ -41,7 +41,7 @@
   "license": "GPL-3.0-or-later",
   "dependencies": {
     "@babel/runtime": "^7.17.0",
-    "@dodoex/icons": "^2.0.3",
+    "@dodoex/icons": "^2.1.0",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@mui/base": "5.0.0-beta.58",
@@ -53,8 +53,8 @@
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
-    "react": ">=17.0.1",
-    "react-dom": ">=17.0.1"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@rollup/plugin-babel": "^6.0.4",

packages/dodoex-icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/icons",
-  "version": "2.0.3",
+  "version": "2.1.0",
   "description": "DODO icons distributed as SVG React components.",
   "main": "build/index.js",
   "source": "src/index.js",
@@ -41,8 +41,8 @@
   },
   "license": "GPL-3.0-or-later",
   "peerDependencies": {
-    "@types/react": "^17.0.0 || ^18.0.0",
-    "react": "^17.0.0 || ^18.0.0"
+    "@types/react": "^18.0.0 || ^19.0.0",
+    "react": "^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {

packages/dodoex-widgets/lingui.config.ts

@@ -9,8 +9,9 @@ export default {
     },
   ],
   format: 'po',
-  service: {
-    name: 'TranslationIO',
-    apiKey: process.env.LINGUI_KEY,
-  },
+  // Uncomment if using Translation.io service
+  // service: {
+  //   name: 'TranslationIO',
+  //   apiKey: process.env.LINGUI_KEY,
+  // },
 };

packages/dodoex-widgets/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/widgets",
-  "version": "3.10.8",
+  "version": "3.11.0",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/types/index.d.ts",
@@ -59,17 +59,17 @@
   "dependencies": {
     "@babel/runtime": "^7.17.0",
     "@dodoex/api": "3.5.0",
-    "@dodoex/components": "^3.1.0",
+    "@dodoex/components": "^3.2.0",
     "@dodoex/contract-request": "^1.3.0",
     "@dodoex/dodo-contract-request": "^1.32.0",
-    "@dodoex/icons": "^2.0.3",
+    "@dodoex/icons": "^2.1.0",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@ethersproject/bignumber": "^5.6.2",
     "@ethersproject/contracts": "^5.7.0",
-    "@lingui/core": "^4.3.0",
-    "@lingui/macro": "^4.3.0",
-    "@lingui/react": "^4.3.0",
+    "@lingui/core": "^5.7.0",
+    "@lingui/macro": "^5.7.0",
+    "@lingui/react": "^5.7.0",
     "@reduxjs/toolkit": "^1.6.1",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/git": "^10.0.1",
@@ -87,32 +87,36 @@
     "dayjs": "^1.11.11",
     "identicon.js": "^2.3.3",
     "jsbi": "^3.1.4",
-    "konva": "^9.3.6",
+    "konva": "^9.3.15",
     "lodash": "^4.17.21",
     "make-plural": "^7.0.0",
     "moment": "^2.29.4",
-    "react-datetime": "^3.1.1",
+    "react-datetime": "^3.3.0",
     "react-icons": "^5.0.1",
     "react-infinite-scroller": "^1.2.6",
-    "react-konva": "^18.2.10",
+    "react-konva": "^19.0.0",
     "react-transition-group": "^4.4.5",
-    "react-window": "^1.8.8",
-    "recharts": "^2.12.7",
+    "react-window": "^1.8.11",
+    "recharts": "^2.15.0",
     "rmc-date-picker": "^6.0.10",
     "tiny-invariant": "^1.1.0",
     "zustand": "^4.5.5"
   },
   "peerDependencies": {
     "@babel/runtime": ">=7.17.0",
-    "react": ">=17.0.1",
-    "react-dom": ">=17.0.1"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-infinite-scroller": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.16.7",
-    "@lingui/babel-preset-react": "^2.9.2",
-    "@lingui/cli": "^4.3.0",
+    "@lingui/cli": "^5.7.0",
     "@nomicfoundation/hardhat-network-helpers": "^1.0.6",
     "@nomiclabs/hardhat-ethers": "^2.1.1",
     "@rollup/plugin-babel": "^6.0.4",
@@ -124,8 +128,8 @@
     "@rollup/plugin-typescript": "^12.1.1",
     "@rollup/plugin-url": "^8.0.2",
     "@svgr/rollup": "^6.2.1",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/d3": "7.4.3",
     "@types/identicon.js": "^2.3.1",
@@ -151,5 +155,8 @@
     "svg-jest": "^1.0.1",
     "ts-jest": "^29.0.1",
     "typescript": "^5.6.3"
+  },
+  "optionalDependencies": {
+    "pino-pretty": "^13.1.3"
   }
 }

packages/dodoex-widgets/src/components/Swap/components/ReviewDialog.tsx

@@ -448,14 +448,9 @@ export function ReviewDialog({
               )}
             </Box>
             <Box>
-              <Trans
-                id="Price impact reaches <0>{priceImpact}</0>%, accept the quote"
-                // @ts-ignore: Unreachable code error
-                components={{
-                  0: <Box component="span" sx={{ color: 'error.main' }} />,
-                }}
-                values={{ priceImpact }}
-              />
+              <Trans>
+                Price impact reaches <Box component="span" sx={{ color: 'error.main' }}>{priceImpact}</Box>%, accept the quote
+              </Trans>
             </Box>
           </Box>
         )}

packages/dodoex-widgets/src/components/Swap/index.tsx

@@ -81,7 +81,7 @@ export interface SwapProps {
   onPayTokenChange?: (token: TokenInfo) => void;
   onReceiveTokenChange?: (token: TokenInfo) => void;
 }
-
+console.log('[WIDGETS DEBUG] Swap component loaded');
 export function Swap({
   showPreviewInfoCard,
   slippageQuickInput,