feat(ui-kit): add bnb and other fixes

Author: riyanshu-patro

packages/ui-kit/package.json

@@ -19,7 +19,7 @@
   "dependencies": {
     "@coral-xyz/anchor": "^0.31.1",
     "@metamask/sdk": "^0.32.0",
-    "@pushchain/core": "2.0.19",
+    "@pushchain/core": "2.1.0",
     "@solana/web3.js": "^1.98.2",
     "@walletconnect/ethereum-provider": "^2.21.5",
     "buffer": "^6.0.3",

packages/ui-kit/src/lib/components/LoginModal/index.tsx

@@ -196,7 +196,7 @@ const LoginModal: FC<LoginModalProps> = ({
               <MainFrameContainer>
                 <iframe
                   src={`
-                    ${WALLET_CONFIG_URL[config.network]}/auth?app=${window.location.origin}&version=2
+                    ${WALLET_CONFIG_URL[config.network]}/auth?app=${window.location.origin}&version=3
                   `}
                   allow="clipboard-write; clipboard-read; publickey-credentials-create; publickey-credentials-get; display-capture; *"
                   ref={iframeRef}
@@ -429,6 +429,7 @@ const TextContainer = styled.div<{
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
+  text-align: left;
   color: ${({ $themeMode, $textColor }) =>
     $themeMode === PushUI.CONSTANTS.THEME.LIGHT
       ? $textColor

packages/ui-kit/src/lib/components/common/icons/BnbMonotone.tsx

@@ -9,26 +9,14 @@ const BnbMonotone = () => {
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
         >
-            <g clipPath="url(#clip0_8547_11030)">
-                <path
-                    d="M0 8C0 3.58172 3.58172 0 8 0H12C16.4183 0 20 3.58172 20 8V12C20 16.4183 16.4183 20 12 20H8C3.58172 20 0 16.4183 0 12V8Z"
-                    fill="#EAEBF2"
-                />
-                <path
-                    d="M7.56919 9.00324L9.99996 6.57247L12.4319 9.00427L13.8462 7.58992L9.99996 3.74377L6.15498 7.5888L7.56919 9.00324ZM3.74182 10.0019L5.15621 8.58734L6.57052 10.0016L5.15611 11.416L3.74182 10.0019ZM7.56919 11.0008L9.99996 13.4314L12.4319 10.9996L13.8469 12.4132L13.8462 12.414L9.99996 16.2601L6.15498 12.4151L6.15297 12.4131L7.56919 11.0008ZM13.4294 10.0025L14.8438 8.58814L16.2581 10.0024L14.8438 11.4168L13.4294 10.0025Z"
-                    fill="#202124"
-                />
-                <path
-                    d="M11.6051 10.0017H11.6058L10.0006 8.39648L8.81418 9.58258L8.67788 9.71894L8.39673 10.0001L8.39453 10.0023L8.39673 10.0046L10.0006 11.6087L11.6059 10.0034L11.6067 10.0025L11.6051 10.0017Z"
-                    fill="#202124"
-                />
+            <g clip-path="url(#clip0_8547_11030)">
+                <path d="M0 8C0 3.58172 3.58172 0 8 0H12C16.4183 0 20 3.58172 20 8V12C20 16.4183 16.4183 20 12 20H8C3.58172 20 0 16.4183 0 12V8Z" fill="#313338"/>
+                <path d="M7.56919 9.00324L9.99996 6.57247L12.4319 9.00427L13.8462 7.58992L9.99996 3.74377L6.15498 7.5888L7.56919 9.00324ZM3.74182 10.0019L5.15621 8.58734L6.57052 10.0016L5.15611 11.416L3.74182 10.0019ZM7.56919 11.0008L9.99996 13.4314L12.4319 10.9996L13.8469 12.4132L13.8462 12.414L9.99996 16.2601L6.15498 12.4151L6.15297 12.4131L7.56919 11.0008ZM13.4294 10.0025L14.8438 8.58814L16.2581 10.0024L14.8438 11.4168L13.4294 10.0025Z" fill="#B0B3B9"/>
+                <path d="M11.6051 10.0017H11.6058L10.0006 8.39648L8.81418 9.58258L8.67788 9.71894L8.39673 10.0001L8.39453 10.0023L8.39673 10.0046L10.0006 11.6087L11.6059 10.0034L11.6067 10.0025L11.6051 10.0017Z" fill="#B0B3B9"/>
             </g>
             <defs>
                 <clipPath id="clip0_8547_11030">
-                    <path
-                        d="M0 8C0 3.58172 3.58172 0 8 0H12C16.4183 0 20 3.58172 20 8V12C20 16.4183 16.4183 20 12 20H8C3.58172 20 0 16.4183 0 12V8Z"
-                        fill="white"
-                    />
+                    <path d="M0 8C0 3.58172 3.58172 0 8 0H12C16.4183 0 20 3.58172 20 8V12C20 16.4183 16.4183 20 12 20H8C3.58172 20 0 16.4183 0 12V8Z" fill="white"/>
                 </clipPath>
             </defs>
         </svg>

packages/ui-kit/src/lib/constants/index.ts

@@ -15,7 +15,15 @@ import BaseMonotone from '../components/common/icons/BaseMonotone';
 export const PushUI = {
   CONSTANTS: {
     PUSH_NETWORK: PushChain.CONSTANTS.PUSH_NETWORK,
-    CHAIN: { ETHEREUM: 'ethereum', SOLANA: 'solana' },
+    CHAIN: {
+      PUSH: 'pushWallet',
+      ETHEREUM: 'ethereum',
+      SOLANA: 'solana',
+      BASE: 'base',
+      ARBITRUM: 'arbitrum',
+      BINANCE: 'binance',
+      WALLET_CONNECT: 'walletConnect'
+    },
     THEME: { LIGHT: 'light', DARK: 'dark' },
     LOGIN: { LAYOUT: { SPLIT: 'split', SIMPLE: 'simple' } },
     CONNECTED: {

packages/ui-kit/src/lib/providers/walletProviders/ethereum/metamask.ts

@@ -15,6 +15,7 @@ export class MetamaskProvider extends BaseWalletProvider {
       ChainType.ETHEREUM,
       ChainType.ARBITRUM,
       ChainType.BASE,
+      ChainType.BINANCE,
       ChainType.PUSH_WALLET,
     ]);
     this.sdk = new MetaMaskSDK({

packages/ui-kit/src/lib/types/PushWalletProvider.types.ts

@@ -8,6 +8,7 @@ export type LoginMethodConfig = {
   wallet?: {
     enabled?: boolean;
     chains?: (typeof PushUI.CONSTANTS.CHAIN)[keyof typeof PushUI.CONSTANTS.CHAIN][];
+    excludedChains?: (typeof PushUI.CONSTANTS.CHAIN)[keyof typeof PushUI.CONSTANTS.CHAIN][];
   };
   appPreview?: boolean;
 };

packages/ui-kit/src/lib/types/wallet.types.ts

@@ -4,8 +4,8 @@ import { TypedData, TypedDataDomain } from 'viem';
 export enum ChainType {
   ETHEREUM = 'sepolia',
   SOLANA = 'solana',
-  BINANCE = 'bsc',
-  ARBITRUM = 'arbitrum',
+  BINANCE = 'bscTestnet',
+  ARBITRUM = 'arbitrumSepolia',
   BASE = "baseSepolia",
   AVALANCHE = 'avalanche',
   WALLET_CONNECT = 'walletConnect',

packages/ui-kit/yarn.lock

@@ -794,9 +794,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@pushchain/core@npm:2.0.19":
-  version: 2.0.19
-  resolution: "@pushchain/core@npm:2.0.19"
+"@pushchain/core@npm:2.1.0":
+  version: 2.1.0
+  resolution: "@pushchain/core@npm:2.1.0"
   dependencies:
     "@bufbuild/protobuf": "npm:^2.0.0"
     "@coral-xyz/anchor": "npm:^0.31.0"
@@ -813,7 +813,7 @@ __metadata:
     tslib: "npm:^2.3.0"
     tweetnacl: "npm:^1.0.3"
     viem: "npm:2.27.2"
-  checksum: 10/c2019bd78cc7fd7adbcd42a299cbc63882f04a37fcb924169356a2efdd519085be33b1c48d6a154f478263aca82214c560bf2641e026330e11bbd1d1324752dd
+  checksum: 10/dea3ab4b660966c2e5e6b5ddf62886cd2463269a31e230d6300527051be924c25518e79de23f89c3326943cd6d0bc64f1bf46f0a834b80f23f02bc3ca4a9f4d3
   languageName: node
   linkType: hard
 
@@ -823,7 +823,7 @@ __metadata:
   dependencies:
     "@coral-xyz/anchor": "npm:^0.31.1"
     "@metamask/sdk": "npm:^0.32.0"
-    "@pushchain/core": "npm:2.0.19"
+    "@pushchain/core": "npm:2.1.0"
     "@solana/web3.js": "npm:^1.98.2"
     "@types/react": "npm:^18.3.13"
     "@types/react-is": "npm:^19"