upgrade to pjs 11.2.1

package.json

@@ -3,39 +3,40 @@
   "version": "0.1.0",
   "private": true,
   "resolutions": {
-    "@polkadot/api": "^10.9.1",
-    "@polkadot/api-augment": "10.9.1",
-    "@polkadot/api-derive": "10.9.1",
-    "@polkadot/api-base": "10.9.1",
-    "@polkadot/rpc-augment": "10.9.1",
-    "@polkadot/rpc-core": "10.9.1",
-    "@polkadot/rpc-provider": "10.9.1",
-    "@polkadot/types": "10.9.1",
-    "@polkadot/types-augment": "10.9.1",
-    "@polkadot/types-codec": "10.9.1",
-    "@polkadot/types-create": "10.9.1",
-    "@polkadot/types-known": "10.9.1",
-    "@polkadot/keyring": "^12.3.2",
-    "@polkadot/util": "^12.3.2",
-    "@polkadot/util-crypto": "^12.3.2",
+    "@polkadot/api": "^11.2.1",
+    "@polkadot/api-augment": "11.2.1",
+    "@polkadot/api-derive": "11.2.1",
+    "@polkadot/api-base": "11.2.1",
+    "@polkadot/rpc-augment": "11.2.1",
+    "@polkadot/rpc-core": "11.2.1",
+    "@polkadot/rpc-provider": "11.2.1",
+    "@polkadot/types": "11.2.1",
+    "@polkadot/types-augment": "11.2.1",
+    "@polkadot/types-codec": "11.2.1",
+    "@polkadot/types-create": "11.2.1",
+    "@polkadot/types-known": "11.2.1",
+    "@polkadot/keyring": "^12.6.2",
+    "@polkadot/util": "^12.6.2",
+    "@polkadot/util-crypto": "^12.6.2",
     "@polkadot/ui-shared": "^3.1.4"
   },
   "dependencies": {
     "@basilisk/jsx": "link:./src/jsx",
     "@emotion/is-prop-valid": "^1.2.0",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
-    "@galacticcouncil/api-augment": "^0.0.3",
-    "@galacticcouncil/apps": "3.3.3",
-    "@galacticcouncil/math-lbp": "^0.1.3",
-    "@galacticcouncil/math-liquidity-mining": "^0.1.3",
-    "@galacticcouncil/math-xyk": "^0.1.3",
-    "@galacticcouncil/sdk": "^1.1.11",
-    "@galacticcouncil/ui": "^3.1.2",
-    "@galacticcouncil/xcm-cfg": "^1.10.4",
-    "@galacticcouncil/xcm-sdk": "^2.3.1",
+    "@galacticcouncil/apps": "^4.3.0",
+    "@galacticcouncil/math-lbp": "^1.0.0",
+    "@galacticcouncil/math-liquidity-mining": "^1.0.0",
+    "@galacticcouncil/math-xyk": "^1.0.0",
+    "@galacticcouncil/sdk": "^3.1.0",
+    "@galacticcouncil/ui": "^4.1.0",
+    "@galacticcouncil/xcm-cfg": "^2.8.0",
+    "@galacticcouncil/xcm-core": "^1.7.0",
+    "@galacticcouncil/xcm-sdk": "^3.5.0",
+    "@moonbeam-network/xcm-utils": "2.1.1",
     "@lit-labs/react": "^1.1.0",
-    "@polkadot/api": "10.9.1",
+    "@polkadot/api": "11.2.1",
     "@polkadot/apps-config": "^0.132.1",
     "@polkadot/extension-inject": "^0.44.5",
     "@polkadot/ui-shared": "^3.1.4",
@@ -141,6 +142,7 @@
     "@babel/plugin-transform-typescript": "^7.18.12",
     "@babel/preset-typescript": "^7.18.6",
     "@emotion/babel-plugin": "^11.10.2",
+    "@galacticcouncil/api-augment": "^0.1.0",
     "@open-web3/orml-types": "^2.0.1",
     "@storybook/addon-actions": "^7.0.0-beta.15",
     "@storybook/addon-essentials": "^7.0.0-beta.15",

src/api/provider.ts

@@ -3,7 +3,7 @@ import { QUERY_KEYS } from "utils/queryKeys"
 import { WsProvider } from "@polkadot/api"
 import { create } from "zustand"
 import { persist } from "zustand/middleware"
-import { SubstrateApis } from "@galacticcouncil/xcm-sdk"
+import { SubstrateApis } from "@galacticcouncil/xcm-core"
 import { PoolService, PoolType, TradeRouter } from "@galacticcouncil/sdk"
 
 const fetchApi = async (url: string) => {

src/components/AppProviders/AppProviders.tsx

@@ -8,6 +8,15 @@ import { Provider as TooltipProvider } from "@radix-ui/react-tooltip"
 import { SkeletonTheme } from "react-loading-skeleton"
 import { theme } from "theme"
 import { WalletConnectProvider } from "components/WalletConnectProvider/WalletConnectProvider"
+import * as React from "react"
+import * as Apps from "@galacticcouncil/apps"
+import { createComponent } from "@lit-labs/react"
+
+const AppsContextProvider = createComponent({
+  tagName: "gc-context-provider",
+  elementClass: Apps.ContextProvider,
+  react: React,
+})
 
 export const AppProviders: FC<PropsWithChildren> = ({ children }) => {
   const preference = useProviderRpcUrlStore()
@@ -30,7 +39,7 @@ export const AppProviders: FC<PropsWithChildren> = ({ children }) => {
                 highlightColor={`rgba(${theme.rgbColors.white}, 0.24)`}
                 borderRadius={9999}
               >
-                {children}
+                <AppsContextProvider>{children}</AppsContextProvider>
                 <Transactions />
               </SkeletonTheme>
             </ToastProvider>

src/sections/provider/ProviderSelectModal.tsx

@@ -13,7 +13,7 @@ import { connectWsProvider } from "./ProviderSelectModal.utils"
 import { ProviderInput } from "./components/ProviderInput/ProviderInput"
 import { Separator } from "components/Separator/Separator"
 import { DeleteModal } from "./components/DeleteModal/DeleteModal"
-import { SubstrateApis } from "@galacticcouncil/xcm-sdk"
+import { SubstrateApis } from "@galacticcouncil/xcm-core"
 
 export function ProviderSelectModal(props: {
   open: boolean

src/sections/provider/components/ProviderItem/ProviderItem.tsx

@@ -12,7 +12,7 @@ import { useEffect, useState } from "react"
 import { WsProvider } from "@polkadot/rpc-provider"
 import { u32, u64 } from "@polkadot/types"
 import { ProviderItemEdit } from "../ProviderItemEdit/ProviderItemEdit"
-import { SubstrateApis } from "@galacticcouncil/xcm-sdk"
+import { SubstrateApis } from "@galacticcouncil/xcm-core"
 
 const ProviderItemExternal = (props: { url: string; className?: string }) => {
   const [bestNumberState, setBestNumberState] = useState<