Merge branch 'develop' into fix/modal-widget-width-mobile

Author: mmioana

.github/workflows/checks.yml

@@ -77,6 +77,16 @@ jobs:
       - name: Run unit tests
         run: pnpm test:unit
 
+  test-unit-components:
+    runs-on: ubuntu-latest
+    steps:
+      - *checkout
+      - *pnpm-setup
+      - *node-setup
+      - *install-dependencies
+      - name: Run unit component tests
+        run: pnpm test:unit-components
+
   test-snapshots:
     runs-on: ubuntu-latest
     steps:

.github/workflows/playwright.yml

@@ -82,7 +82,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        shard: [1, 2, 3, 4, 5, 6]
+        shard: [1, 2, 3, 4, 5]
       fail-fast: false
     steps:
       - uses: actions/checkout@v4

.storybook/withProviders.tsx

@@ -1,10 +1,8 @@
 import React, { ReactNode, useEffect, useState } from 'react';
 import { NuqsAdapter } from 'nuqs/adapters/next/app';
 import { ReactQueryProvider } from '../src/providers/ReactQueryProvider';
-import {
-  DefaultThemeProvider,
-  MUIThemeProvider,
-} from '../src/providers/ThemeProvider';
+import { DefaultThemeProvider } from '../src/providers/ThemeProvider/DefaultThemeProvider';
+import { MUIThemeProvider } from '../src/providers/ThemeProvider/MUIThemeProvider';
 import TranslationsProvider from '../src/providers/TranslationProvider';
 import { WalletProvider } from '../src/providers/WalletProvider/WalletProvider';
 import { SettingsStoreProvider } from '../src/stores/settings';

new-types.d.ts

@@ -20,5 +20,6 @@ declare namespace NodeJS {
     NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID: string;
     NEXT_PUBLIC_BACKEND_URL: string;
     NEXT_PUBLIC_INTERCOM_APP_ID: string;
+    NEXT_PUBLIC_NOTIFICATIONS_URL: string;
   }
 }

next.config.mjs

@@ -10,11 +10,11 @@ const nextConfig = {
   serverExternalPackages: ['pino', 'pino-pretty', 'thread-stream'],
   experimental: {
     serverSourceMaps: false,
-    optimizePackageImports: [
-      'recharts',
-      '@mui/material-nextjs',
-      '@sentry/nextjs',
-    ],
+    optimizePackageImports: [],
+    staleTimes: {
+      dynamic: 30,
+      static: 180,
+    },
   },
   webpack: (config) => {
     config.resolve.extensionAlias = {

package.json

@@ -24,26 +24,28 @@
     "@formatjs/intl-localematcher": "^0.8.2",
     "@intercom/messenger-js-sdk": "^0.0.18",
     "@lifi/explorer": "0.6.3",
-    "@lifi/sdk": "^4.0.0-beta.5",
-    "@lifi/sdk-provider-bitcoin": "^4.0.0-beta.5",
-    "@lifi/sdk-provider-ethereum": "^4.0.0-beta.5",
-    "@lifi/sdk-provider-solana": "^4.0.0-beta.5",
-    "@lifi/sdk-provider-sui": "^4.0.0-beta.5",
-    "@lifi/wallet-management": "4.0.0-beta.12",
-    "@lifi/widget": "4.0.0-beta.14",
-    "@lifi/widget-provider": "4.0.0-beta.11",
-    "@lifi/widget-provider-bitcoin": "^4.0.0-beta.11",
-    "@lifi/widget-provider-ethereum": "^4.0.0-beta.11",
-    "@lifi/widget-provider-solana": "^4.0.0-beta.11",
-    "@lifi/widget-provider-sui": "^4.0.0-beta.11",
+    "@lifi/sdk": "^4.0.0-beta.7",
+    "@lifi/sdk-provider-bitcoin": "^4.0.0-beta.7",
+    "@lifi/sdk-provider-ethereum": "^4.0.0-beta.7",
+    "@lifi/sdk-provider-solana": "^4.0.0-beta.7",
+    "@lifi/sdk-provider-sui": "^4.0.0-beta.7",
+    "@lifi/sdk-provider-tron": "^4.0.0-beta.7",
+    "@lifi/wallet-management": "4.0.0-beta.17",
+    "@lifi/widget": "4.0.0-beta.17",
+    "@lifi/widget-provider": "4.0.0-beta.17",
+    "@lifi/widget-provider-bitcoin": "^4.0.0-beta.17",
+    "@lifi/widget-provider-ethereum": "^4.0.0-beta.17",
+    "@lifi/widget-provider-solana": "^4.0.0-beta.17",
+    "@lifi/widget-provider-sui": "^4.0.0-beta.17",
+    "@lifi/widget-provider-tron": "^4.0.0-beta.17",
     "@merkl/api": "1.9.23",
     "@metamask/connect-evm": "^0.9.1",
     "@mswjs/interceptors": "^0.41.3",
-    "@mui/icons-material": "^7.3.9",
-    "@mui/material": "^7.3.9",
-    "@mui/material-nextjs": "^7.3.9",
-    "@mui/system": "^7.3.9",
-    "@mui/utils": "^7.3.9",
+    "@mui/icons-material": "^9.0.0",
+    "@mui/material": "^9.0.0",
+    "@mui/material-nextjs": "^9.0.0",
+    "@mui/system": "^9.0.0",
+    "@mui/utils": "^9.0.0",
     "@mysten/dapp-kit-react": "^2.0.0",
     "@mysten/sui": "^2.15.0",
     "@safe-global/safe-apps-sdk": "^9.1.0",
@@ -56,6 +58,7 @@
     "@strapi/blocks-react-renderer": "^1.0.2",
     "@tanstack/react-form": "^1.28.6",
     "@tanstack/react-query": "^5.97.0",
+    "@tronweb3/tronwallet-adapter-react-hooks": "^1.1.11",
     "@turtledev/api": "1.4.5",
     "@wagmi/core": "^3.4.1",
     "@walletconnect/ethereum-provider": "^2.23.9",
@@ -178,6 +181,7 @@
     "test:ci:e2e": "npx playwright test",
     "test:ci:e2e:qase": "QASE_MODE=testops npx playwright test",
     "test:unit": "vitest run --project=unit",
+    "test:unit-components": "vitest run --project=unit-components",
     "test:snapshots": "vitest run --project=snapshots",
     "test:snapshots:generate": "vitest run --project=snapshots -u",
     "test:storybook": "vitest run --project=storybook",

pnpm-lock.yaml

@@ -5,6 +5,7 @@ import { Layout } from 'src/Layout';
 import App from '../../ui/app/App';
 
 export const fetchCache = 'default-cache';
+export const revalidate = 300; // 5 minutes
 
 export const metadata: Metadata = {
   other: {

src/app/[lng]/(main)/layout.tsx

@@ -0,0 +1,22 @@
+import { notFound } from 'next/navigation';
+import { MainWidgetContainer } from 'src/components/Containers/MainWidgetContainer';
+import { isAnonymousSwapEnabled } from '@/app/lib/getFeatureFlag';
+import { Widget } from '@/components/Widgets/Widget';
+import { Widgets } from '@/components/Widgets/Widgets';
+
+const Page = async () => {
+  const variant = 'private';
+
+  if (!isAnonymousSwapEnabled()) {
+    return notFound();
+  }
+
+  return (
+    <MainWidgetContainer>
+      <Widget starterVariant={variant} />
+      <Widgets widgetVariant={variant} />
+    </MainWidgetContainer>
+  );
+};
+
+export default Page;

src/app/[lng]/(main)/private/page.tsx

@@ -0,0 +1,5 @@
+import { EarnsPageSkeleton } from '@/app/ui/earn/EarnsPageSkeleton';
+
+export default function Loading() {
+  return <EarnsPageSkeleton />;
+}