Merge pull request #203 from bnb-chain/wenty/pancake

feat: pancake involves changes to widgets

.release/.changeset/cold-baboons-serve.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Add attribute `data-address` to all routes

.release/.changeset/gorgeous-lies-dance.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Use rpc in chainsConfig to get balance

.release/.changeset/happy-insects-give.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Add more customizable configs

.release/.changeset/hip-news-reflect.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Keep the previous selected route after routes refreshing

.release/.changeset/honest-adults-mate.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Fixed an issue caused by sdk not building

.release/.changeset/large-jeans-jam.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Support custom toast for errors

.release/.changeset/lazy-vans-applaud.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Split `TransferWidget` into `BridgeTransfer` and `BridgeRoutes`

.release/.changeset/long-rivers-type.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+AlertIcon supports customize color

.release/.changeset/lovely-terms-walk.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Add blocked rules to celer bridge

.release/.changeset/metal-scissors-repeat.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Add to token address to route

.release/.changeset/pre.json

@@ -0,0 +1,24 @@
+{
+  "mode": "pre",
+  "tag": "alpha",
+  "initialVersions": {
+    "@bnb-chain/canonical-bridge-sdk": "0.4.2",
+    "@bnb-chain/canonical-bridge-widget": "0.5.9"
+  },
+  "changesets": [
+    "cold-baboons-serve",
+    "gorgeous-lies-dance",
+    "happy-insects-give",
+    "hip-news-reflect",
+    "honest-adults-mate",
+    "large-jeans-jam",
+    "lazy-vans-applaud",
+    "long-rivers-type",
+    "lovely-terms-walk",
+    "metal-scissors-repeat",
+    "quiet-hotels-accept",
+    "silent-keys-fold",
+    "small-mangos-lay",
+    "tough-carrots-report"
+  ]
+}

.release/.changeset/quiet-hotels-accept.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Support custom toast for errors

.release/.changeset/silent-keys-fold.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Support custom toast for errors

.release/.changeset/small-mangos-lay.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Remove bridge bottom element if `routeContentBottom` not setted

.release/.changeset/tough-carrots-report.md

@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Support specific wallets to exclude unsupported chains

apps/canonical-bridge-ui/core/components/Layout/index.tsx

@@ -9,11 +9,12 @@ export function Layout({ children }: React.PropsWithChildren) {
       <Header />
       <Flex
         as="main"
-        flexDir="column"
         flex={1}
-        w={['100%', '100%', '100%', 'auto']}
         p={['24px 20px', '24px 20px', '40px']}
-        alignItems="center"
+        w={['100%']}
+        mb={['120px', '120px', '160px']}
+        alignItems={'flex-start'}
+        justifyContent={'center'}
       >
         {children}
       </Flex>

apps/canonical-bridge-ui/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

apps/canonical-bridge-ui/pages/mainnet/index.tsx

@@ -1,8 +1,11 @@
 import {
   CanonicalBridgeProvider,
   ICanonicalBridgeConfig,
-  TransferWidget,
+  BridgeTransfer,
+  BridgeRoutes,
 } from '@bnb-chain/canonical-bridge-widget';
+import { useMemo } from 'react';
+import { useAccount } from 'wagmi';
 
 import { useTransferConfig } from '@/token-config/mainnet/useTransferConfig';
 import { chains } from '@/token-config/mainnet/chains';
@@ -13,6 +16,13 @@ import { useWalletModal } from '@/core/wallet/hooks/useWalletModal';
 import { WalletProvider } from '@/core/wallet/WalletProvider';
 import { Layout } from '@/core/components/Layout';
 
+const unsupportedChainsInWallets = [
+  {
+    wallets: ['BinanceW3WSDK', 'binanceWeb3Wallet'],
+    chains: [1101],
+  },
+];
+
 export const bridgeConfig: ICanonicalBridgeConfig = {
   appName: env.APP_NAME,
   assetPrefix: env.ASSET_PREFIX,
@@ -43,15 +53,29 @@ function BridgeWidget() {
   const transferConfig = useTransferConfig();
   const { onOpen } = useWalletModal();
 
+  const { connector } = useAccount();
+  const supportedChains = useMemo(() => {
+    return chains.filter((e) => {
+      if (connector) {
+        const unsupportedChains = unsupportedChainsInWallets.find((e) =>
+          e.wallets.includes(connector.id),
+        )?.chains;
+        return !unsupportedChains?.includes(e.id);
+      }
+      return true;
+    });
+  }, [connector]);
+
   return (
     <CanonicalBridgeProvider
       config={bridgeConfig}
       transferConfig={transferConfig}
-      chains={chains}
+      chains={supportedChains}
       onClickConnectWalletButton={onOpen}
     >
       <Layout>
-        <TransferWidget />
+        <BridgeTransfer />
+        <BridgeRoutes />
       </Layout>
     </CanonicalBridgeProvider>
   );

apps/canonical-bridge-ui/pages/testnet/index.tsx

@@ -1,7 +1,8 @@
 import {
   CanonicalBridgeProvider,
   ICanonicalBridgeConfig,
-  TransferWidget,
+  BridgeTransfer,
+  BridgeRoutes,
 } from '@bnb-chain/canonical-bridge-widget';
 
 import { useTestnetTransferConfig } from '@/token-config/testnet/useTestnetTransferConfig';
@@ -52,7 +53,8 @@ function BridgeWidget() {
       onClickConnectWalletButton={onOpen}
     >
       <Layout>
-        <TransferWidget />
+        <BridgeTransfer />
+        <BridgeRoutes />
       </Layout>
     </CanonicalBridgeProvider>
   );

apps/canonical-bridge-ui/token-config/mainnet/useTransferConfig.ts

@@ -97,6 +97,9 @@ export function useTransferConfig() {
             '0x1d17CBcF0D6D143135aE902365D2E5e2A16538D4': 'USDC',
             '0x3355df6D4c9C3035724Fd0e3914dE96A5a83aaf4': 'USDC.e',
           },
+          1101: {
+            '0x37eAA0eF3549a5Bb7D431be78a3D99BD360d19e5': 'USDC.e',
+          },
           42161: {
             '0xFF970A61A04b1cA14834A43f5dE4533eBDDB5CC8': 'USDC.e',
           },
@@ -129,11 +132,15 @@ export function useTransferConfig() {
               56: [
                 '0x67d66e8ec1fd25d98b3ccd3b19b7dc4b4b7fc493',
                 '0x0000000000000000000000000000000000000000',
+                '0x9c7beba8f6ef6643abd725e45a4e8387ef260649',
               ],
               137: ['cUSDCv3'],
               42161: ['cUSDCv3'],
               43114: ['BNB'],
-              7565164: ['So11111111111111111111111111111111111111112'],
+              7565164: [
+                'So11111111111111111111111111111111111111112',
+                'FmqVMWXBESyu4g6FT1uz1GABKdJ4j6wbuuLFwPJtqpmu',
+              ],
             },
           },
           bridgedTokenGroups: [

packages/canonical-bridge-widget/CHANGELOG.md

@@ -1,5 +1,90 @@
 # @bnb-chain/canonical-bridge-widget
 
+## 0.5.14-alpha.5
+
+### Patch Changes
+
+- Use rpc in chainsConfig to get balance
+
+## 0.5.14-alpha.4
+
+### Patch Changes
+
+- Add blocked rules to celer bridge
+
+## 0.5.14-alpha.3
+
+### Patch Changes
+
+- Add attribute `data-address` to all routes
+
+## 0.5.14-alpha.2
+
+### Patch Changes
+
+- Fixed an issue caused by sdk not building
+
+## 0.5.14-alpha.1
+
+### Patch Changes
+
+- Support specific wallets to exclude unsupported chains
+
+## 0.5.14-alpha.0
+
+### Patch Changes
+
+- Add to token address to route
+
+## 0.5.12-alpha.3
+
+### Patch Changes
+
+- Support custom toast for errors
+
+## 0.5.12-alpha.2
+
+### Patch Changes
+
+- Support custom toast for errors
+
+## 0.5.12-alpha.1
+
+### Patch Changes
+
+- Support custom toast for errors
+
+## 0.5.12-alpha.0
+
+### Patch Changes
+
+- Keep the previous selected route after routes refreshing
+
+## 0.5.10-alpha.4
+
+### Patch Changes
+
+- Remove bridge bottom element if `routeContentBottom` not setted
+
+## 0.5.10-alpha.3
+
+### Patch Changes
+
+- Split `TransferWidget` into `BridgeTransfer` and `BridgeRoutes`
+
+## 0.5.10-alpha.2
+
+### Patch Changes
+
+- 2849332: Add more customizable configs
+- AlertIcon supports customize color
+
+## 0.5.10-alpha.0
+
+### Patch Changes
+
+- Add more customizable configs
+
 ## 0.5.12
 
 ### Patch Changes

packages/canonical-bridge-widget/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bnb-chain/canonical-bridge-widget",
-  "version": "0.5.12",
+  "version": "0.5.14-alpha.5",
   "description": "canonical bridge widget",
   "author": "bnb-chain",
   "private": false,