Feat/cross chain sync2

.env.template

@@ -12,4 +12,5 @@ PRIVATE_CURRENCYAPI_KEY=xxx
 # For integration tests and rpc proxy routes (optional)
 NEXT_PRIVATE_DRPC_KEY=xxx
 
-
+# Allow skip transaction (optional)
+NEXT_PUBLIC_ALLOW_SKIP_TRANSACTION=true

app/(app)/vebal/layout.tsx

@@ -4,7 +4,10 @@ import { TokenBalancesProvider } from '@/lib/modules/tokens/TokenBalancesProvide
 import { useTokens } from '@/lib/modules/tokens/TokensProvider'
 import { DefaultPageContainer } from '@/lib/shared/components/containers/DefaultPageContainer'
 import mainnetNetworkConfig from '@/lib/config/networks/mainnet'
+
+import { TransactionStateProvider } from '@/lib/modules/transactions/transaction-steps/TransactionStateProvider'
 import { PropsWithChildren } from 'react'
+import { CrossChainSyncProvider } from '@/lib/modules/vebal/cross-chain/hooks/useCrossChainSync'
 
 export default function VebalLayout({ children }: PropsWithChildren) {
   const { getTokensByChain } = useTokens()
@@ -19,7 +22,11 @@ export default function VebalLayout({ children }: PropsWithChildren) {
 
   return (
     <TokenBalancesProvider initTokens={[vebalBptToken]}>
-      <DefaultPageContainer minH="100vh">{children}</DefaultPageContainer>
+      <CrossChainSyncProvider>
+        <TransactionStateProvider>
+          <DefaultPageContainer minH="100vh">{children}</DefaultPageContainer>
+        </TransactionStateProvider>
+      </CrossChainSyncProvider>
     </TokenBalancesProvider>
   )
 }

app/(app)/vebal/page.tsx

@@ -2,11 +2,13 @@
 
 import { VebalInfo } from '@/lib/modules/vebal/VebalInfo'
 import { Stack } from '@chakra-ui/react'
+import { CrossChainBoost } from '@/lib/modules/vebal/cross-chain/CrossChainBoost'
 
 export default function VebalPage() {
   return (
     <Stack gap="lg">
       <VebalInfo />
+      <CrossChainBoost />
     </Stack>
   )
 }

lib/config/app.config.ts

@@ -20,6 +20,8 @@ export const isDev = process.env.NEXT_PUBLIC_APP_ENV === 'dev'
 export const isProd = process.env.NEXT_PUBLIC_APP_ENV === 'prod'
 export const isStaging = process.env.NEXT_PUBLIC_APP_ENV === 'staging'
 
+export const allowSkipTransaction = process.env.NEXT_PUBLIC_ALLOW_SKIP_TRANSACTION === 'true'
+
 const networksByChainId = keyBy(config.networks, 'chainId')
 
 /**

lib/config/config.types.ts

@@ -44,10 +44,13 @@ export interface ContractsConfig {
   veDelegationProxy?: Address
   veBAL?: Address
   permit2?: Address
+  omniVotingEscrow?: Address
+  gaugeWorkingBalanceHelper?: Address
 }
 export interface PoolsConfig {
   issues: Partial<Record<PoolIssue, string[]>>
   allowNestedActions?: string[] // pool ids
+  boostsEnabled?: boolean
 }
 
 export interface BlockExplorerConfig {
@@ -69,6 +72,8 @@ export interface NetworkConfig {
   contracts: ContractsConfig
   minConfirmations?: number
   pools: PoolsConfig
+  layerZeroChainId?: number
+  supportsVeBalSync?: boolean
 }
 
 export interface Config {

lib/config/networks/arbitrum.ts

@@ -65,7 +65,10 @@ const networkConfig: NetworkConfig = {
       ],
       [PoolIssue.CspPoolVulnWarning]: CSP_ISSUE_POOL_IDS[GqlChain.Arbitrum],
     },
+    boostsEnabled: true,
   }),
+  layerZeroChainId: 110,
+  supportsVeBalSync: true,
 }
 
 export default networkConfig

lib/config/networks/avalanche.ts

@@ -56,7 +56,10 @@ const networkConfig: NetworkConfig = {
         '0xad0e5e0778cac28f1ff459602b31351871b5754a000200000000000000000029',
       ],
     },
+    boostsEnabled: true,
   }),
+  layerZeroChainId: 106,
+  supportsVeBalSync: true,
 }
 
 export default networkConfig

lib/config/networks/base.ts

@@ -48,7 +48,9 @@ const networkConfig: NetworkConfig = {
     },
     veDelegationProxy: '0xD87F44Df0159DC78029AB9CA7D7e57E7249F5ACD',
   },
-  pools: convertHexToLowerCase({ issues: {} }),
+  pools: convertHexToLowerCase({ issues: {}, boostsEnabled: true }),
+  layerZeroChainId: 184,
+  supportsVeBalSync: true,
 }
 
 export default networkConfig

lib/config/networks/fraxtal.ts

@@ -46,7 +46,10 @@ const networkConfig: NetworkConfig = {
     issues: {
       [PoolIssue.CspPoolVulnWarning]: CSP_ISSUE_POOL_IDS[GqlChain.Fraxtal],
     },
+    boostsEnabled: true,
   }),
+  layerZeroChainId: 255,
+  supportsVeBalSync: true,
 }
 
 export default networkConfig

lib/config/networks/gnosis.ts

@@ -59,7 +59,10 @@ const networkConfig: NetworkConfig = {
   pools: convertHexToLowerCase({
     issues: { [PoolIssue.CspPoolVulnWarning]: CSP_ISSUE_POOL_IDS[GqlChain.Gnosis] },
     allowNestedActions: ['0x66888e4f35063ad8bb11506a6fde5024fb4f1db0000100000000000000000053'],
+    boostsEnabled: true,
   }),
+  layerZeroChainId: 145,
+  supportsVeBalSync: true,
 }
 
 export default networkConfig

lib/config/networks/mainnet.ts

@@ -5,7 +5,7 @@ import { NetworkConfig } from '../config.types'
 import { CSP_ISSUE_POOL_IDS } from '../../shared/data/csp-issue'
 import { SupportedWrapHandler } from '@/lib/modules/swap/swap.types'
 
-const networkConfig = {
+const networkConfig: NetworkConfig = {
   chainId: 1,
   name: 'Ethereum Mainnet',
   shortName: 'Ethereum',
@@ -80,6 +80,7 @@ const networkConfig = {
     feeDistributor: '0xD3cf852898b21fc233251427c2DC93d3d604F3BB',
     veDelegationProxy: '0x6f5a2eE11E7a772AeB5114A20d0D7c0ff61EB8A0',
     veBAL: '0xC128a9954e6c874eA3d62ce62B468bA073093F25',
+    omniVotingEscrow: '0x96484f2aBF5e58b15176dbF1A799627B53F13B6d',
   },
 
   pools: convertHexToLowerCase({
@@ -126,6 +127,7 @@ const networkConfig = {
     allowNestedActions: [
       '0x08775ccb6674d6bdceb0797c364c2653ed84f3840002000000000000000004f0', // B-80BAL-20WETH
     ],
+    boostsEnabled: true,
   }),
 } as const satisfies NetworkConfig
 

lib/config/networks/mode.ts

@@ -46,7 +46,10 @@ const networkConfig: NetworkConfig = {
     issues: {
       [PoolIssue.CspPoolVulnWarning]: CSP_ISSUE_POOL_IDS[GqlChain.Mode],
     },
+    boostsEnabled: true,
   }),
+  layerZeroChainId: 260,
+  supportsVeBalSync: true,
 }
 
 export default networkConfig

lib/config/networks/optimism.ts

@@ -57,7 +57,10 @@ const networkConfig: NetworkConfig = {
     issues: {
       [PoolIssue.CspPoolVulnWarning]: CSP_ISSUE_POOL_IDS[GqlChain.Optimism],
     },
+    boostsEnabled: true,
   }),
+  layerZeroChainId: 111,
+  supportsVeBalSync: true,
 }
 
 export default networkConfig

lib/config/networks/polygon.ts

@@ -91,7 +91,10 @@ const networkConfig: NetworkConfig = {
         '0xfd24afa5416c8de94fdbaf344840f524155a4dd00002000000000000000008db',
       ],
     },
+    boostsEnabled: true,
   }),
+  layerZeroChainId: 109,
+  supportsVeBalSync: true,
 }
 
 export default networkConfig

lib/config/networks/sepolia.ts

@@ -40,7 +40,9 @@ const networkConfig: NetworkConfig = {
   },
   pools: convertHexToLowerCase({
     issues: {},
+    boostsEnabled: true,
   }),
+  layerZeroChainId: 10161,
 }
 
 export default networkConfig

lib/config/networks/zkevm.ts

@@ -54,6 +54,8 @@ const networkConfig: NetworkConfig = {
   pools: convertHexToLowerCase({
     issues: { [PoolIssue.CspPoolVulnWarning]: CSP_ISSUE_POOL_IDS[GqlChain.Zkevm] },
   }),
+  layerZeroChainId: 158,
+  supportsVeBalSync: true,
 }
 
 export default networkConfig

lib/modules/local-storage/local-storage.constants.ts

@@ -9,4 +9,8 @@ export const LS_KEYS = {
     AcceptedPolicies: 'userSettings.AcceptedPolicies',
     AllowSounds: 'userSettings.AllowSounds',
   },
+  CrossChainSync: {
+    TempSyncingNetworks: 'сrossChainSync.tempSyncingNetworks',
+    SyncTxHashes: 'сrossChainSync.syncTxHashes',
+  },
 }

lib/modules/pool/actions/add-liquidity/modal/AddLiquiditySummary.tsx

@@ -15,7 +15,7 @@ import { BalAlert } from '@/lib/shared/components/alerts/BalAlert'
 import { StakingOptions } from './StakingOptions'
 import { isVebalPool } from '../../../pool.helpers'
 import { VebalRedirectModal } from '@/lib/modules/vebal/VebalRedirectModal'
-import { AnimateHeightChange } from '@/lib/shared/components/modals/AnimatedModalBody'
+import { AnimatedModalBody } from '@/lib/shared/components/modals/AnimatedModalBody'
 import { CardPopAnim } from '@/lib/shared/components/animations/CardPopAnim'
 import { useMemo } from 'react'
 
@@ -70,7 +70,7 @@ export function AddLiquiditySummary({
   }
 
   return (
-    <AnimateHeightChange spacing="sm">
+    <AnimatedModalBody spacing="sm">
       {isMobile && hasQuoteContext && (
         <MobileStepTracker chain={pool.chain} transactionSteps={transactionSteps} />
       )}
@@ -131,6 +131,6 @@ export function AddLiquiditySummary({
           </Card>
         </CardPopAnim>
       ) : null}
-    </AnimateHeightChange>
+    </AnimatedModalBody>
   )
 }

lib/modules/pool/actions/claim/ClaimModal.tsx

@@ -24,7 +24,7 @@ import { useEffect, useMemo, useState } from 'react'
 import { GqlChain } from '@/lib/shared/services/api/generated/graphql'
 import { useResetStepIndexOnOpen } from '../useResetStepIndexOnOpen'
 import { useRouter } from 'next/navigation'
-import { AnimateHeightChange } from '@/lib/shared/components/modals/AnimatedModalBody'
+import { AnimatedModalBody } from '@/lib/shared/components/modals/AnimatedModalBody'
 
 type Props = {
   isOpen: boolean
@@ -87,7 +87,7 @@ export function ClaimModal({
         <TransactionModalHeader label="Claim incentives" txHash={claimTxHash} chain={chain} />
         <ModalCloseButton />
         <ModalBody>
-          <AnimateHeightChange spacing="sm">
+          <AnimatedModalBody spacing="sm">
             {isMobile && <MobileStepTracker transactionSteps={transactionSteps} chain={chain} />}
             {isLoading ? (
               <Text>Loading data...</Text>
@@ -103,7 +103,7 @@ export function ClaimModal({
                 />
               </Card>
             )}
-          </AnimateHeightChange>
+          </AnimatedModalBody>
         </ModalBody>
 
         <ActionModalFooter

lib/modules/pool/actions/migrateStake/MigrateStakeModal.tsx

@@ -15,7 +15,7 @@ import { TransactionModalHeader } from '@/lib/shared/components/modals/Transacti
 import { ActionModalFooter } from '@/lib/shared/components/modals/ActionModalFooter'
 import { usePoolRedirect } from '../../pool.hooks'
 import { useResetStepIndexOnOpen } from '../useResetStepIndexOnOpen'
-import { AnimateHeightChange } from '@/lib/shared/components/modals/AnimatedModalBody'
+import { AnimatedModalBody } from '@/lib/shared/components/modals/AnimatedModalBody'
 
 type Props = {
   isOpen: boolean
@@ -60,12 +60,12 @@ export function MigrateStakeModal({
         />
         <ModalCloseButton />
         <ModalBody>
-          <AnimateHeightChange spacing="sm" w="full">
+          <AnimatedModalBody spacing="sm" w="full">
             {isMobile && (
               <MobileStepTracker chain={pool.chain} transactionSteps={transactionSteps} />
             )}
             <MigrateStakePreview />
-          </AnimateHeightChange>
+          </AnimatedModalBody>
         </ModalBody>
         <ActionModalFooter
           isSuccess={!!restakeTxHash}

lib/modules/pool/actions/remove-liquidity/modal/RemoveLiquiditySummary.tsx

@@ -8,7 +8,7 @@ import { parseUnits } from 'viem'
 import { BptRow } from '@/lib/modules/tokens/TokenRow/BptRow'
 import { TokenRowGroup } from '@/lib/modules/tokens/TokenRow/TokenRowGroup'
 import { bn } from '@/lib/shared/utils/numbers'
-import { AnimateHeightChange } from '@/lib/shared/components/modals/AnimatedModalBody'
+import { AnimatedModalBody } from '@/lib/shared/components/modals/AnimatedModalBody'
 import { useUserAccount } from '@/lib/modules/web3/UserAccountProvider'
 import { RemoveLiquidityReceiptResult } from '@/lib/modules/transactions/transaction-steps/receipts/receipt.hooks'
 import { BalAlert } from '@/lib/shared/components/alerts/BalAlert'
@@ -58,7 +58,7 @@ export function RemoveLiquiditySummary({
   }
 
   return (
-    <AnimateHeightChange spacing="sm">
+    <AnimatedModalBody spacing="sm">
       {isMobile && hasQuoteContext && (
         <MobileStepTracker transactionSteps={transactionSteps} chain={pool.chain} />
       )}
@@ -96,6 +96,6 @@ export function RemoveLiquiditySummary({
           </Card>
         </CardPopAnim>
       )}
-    </AnimateHeightChange>
+    </AnimatedModalBody>
   )
 }

lib/modules/pool/actions/stake/StakeModal.tsx

@@ -15,7 +15,7 @@ import { ActionModalFooter } from '@/lib/shared/components/modals/ActionModalFoo
 import { TransactionModalHeader } from '@/lib/shared/components/modals/TransactionModalHeader'
 import { usePoolRedirect } from '../../pool.hooks'
 import { useResetStepIndexOnOpen } from '../useResetStepIndexOnOpen'
-import { AnimateHeightChange } from '@/lib/shared/components/modals/AnimatedModalBody'
+import { AnimatedModalBody } from '@/lib/shared/components/modals/AnimatedModalBody'
 
 type Props = {
   isOpen: boolean
@@ -56,12 +56,12 @@ export function StakeModal({
         <TransactionModalHeader label="Stake LP tokens" txHash={stakeTxHash} chain={pool.chain} />
         <ModalCloseButton />
         <ModalBody>
-          <AnimateHeightChange spacing="sm">
+          <AnimatedModalBody spacing="sm">
             {isMobile && (
               <MobileStepTracker chain={pool.chain} transactionSteps={transactionSteps} />
             )}
             <StakePreview />
-          </AnimateHeightChange>
+          </AnimatedModalBody>
         </ModalBody>
         <ActionModalFooter
           isSuccess={!!stakeTxHash}

lib/modules/pool/actions/unstake/UnstakeModal.tsx

@@ -15,7 +15,7 @@ import { TransactionModalHeader } from '@/lib/shared/components/modals/Transacti
 import { ActionModalFooter } from '@/lib/shared/components/modals/ActionModalFooter'
 import { usePoolRedirect } from '../../pool.hooks'
 import { useResetStepIndexOnOpen } from '../useResetStepIndexOnOpen'
-import { AnimateHeightChange } from '@/lib/shared/components/modals/AnimatedModalBody'
+import { AnimatedModalBody } from '@/lib/shared/components/modals/AnimatedModalBody'
 
 type Props = {
   isOpen: boolean
@@ -60,12 +60,12 @@ export function UnstakeModal({
         />
         <ModalCloseButton />
         <ModalBody>
-          <AnimateHeightChange spacing="sm" w="full">
+          <AnimatedModalBody spacing="sm" w="full">
             {isMobile && (
               <MobileStepTracker chain={pool.chain} transactionSteps={transactionSteps} />
             )}
             <UnstakePreview />
-          </AnimateHeightChange>
+          </AnimatedModalBody>
         </ModalBody>
         <ActionModalFooter
           isSuccess={!!unstakeTxHash}

lib/modules/swap/modal/SwapSummary.tsx

@@ -10,7 +10,7 @@ import { useUserAccount } from '../../web3/UserAccountProvider'
 import { BalAlert } from '@/lib/shared/components/alerts/BalAlert'
 import { HumanAmount } from '@balancer/sdk'
 import { slippageDiffLabel } from '@/lib/shared/utils/slippage'
-import { AnimateHeightChange } from '@/lib/shared/components/modals/AnimatedModalBody'
+import { AnimatedModalBody } from '@/lib/shared/components/modals/AnimatedModalBody'
 import { CardPopAnim } from '@/lib/shared/components/animations/CardPopAnim'
 
 export function SwapSummary({
@@ -62,7 +62,7 @@ export function SwapSummary({
   }
 
   return (
-    <AnimateHeightChange spacing="sm" w="full">
+    <AnimatedModalBody spacing="sm" w="full">
       {isMobile && <MobileStepTracker transactionSteps={transactionSteps} chain={selectedChain} />}
 
       <Card variant="modalSubSection">
@@ -107,6 +107,6 @@ export function SwapSummary({
           </CardPopAnim>
         </>
       )}
-    </AnimateHeightChange>
+    </AnimatedModalBody>
   )
 }