Merge pull request #1227 from multiversx/development

v2.37.0

CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
+
+## [[v2.37.0]](https://github.com/multiversx/mx-sdk-dapp/pull/1227)] - 2024-08-07
+- [Use IFrameProvider from its own package](https://github.com/multiversx/mx-sdk-dapp/pull/1226)
+
 ## [[v2.36.4]](https://github.com/multiversx/mx-sdk-dapp/pull/1224)] - 2024-08-07
 - [Added ability to skip updating transaction nonces](https://github.com/multiversx/mx-sdk-dapp/pull/1223)
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiversx/sdk-dapp",
-  "version": "2.36.4",
+  "version": "2.37.0",
   "description": "A library to hold the main logic for a dapp on the MultiversX blockchain",
   "author": "MultiversX",
   "license": "GPL-3.0-or-later",
@@ -160,12 +160,13 @@
     "@multiversx/sdk-dapp-utils": "^0.0.1",
     "@multiversx/sdk-extension-provider": "3.0.0",
     "@multiversx/sdk-hw-provider": "6.4.0",
+    "@multiversx/sdk-iframe-provider": "0.1.0",
     "@multiversx/sdk-metamask-provider": "0.0.5",
     "@multiversx/sdk-native-auth-client": "1.0.7",
     "@multiversx/sdk-opera-provider": "1.0.0-alpha.1",
     "@multiversx/sdk-wallet": "4.2.0",
     "@multiversx/sdk-wallet-connect-provider": "4.1.3",
-    "@multiversx/sdk-web-wallet-cross-window-provider": "0.3.1",
+    "@multiversx/sdk-web-wallet-cross-window-provider": "0.4.0",
     "@multiversx/sdk-web-wallet-provider": "3.2.1",
     "@multiversx/sdk-webview-provider": "0.0.11",
     "@reduxjs/toolkit": "1.8.2",

src/components/ProviderInitializer/helpers/getIFrameProvider.ts

@@ -1,4 +1,4 @@
-import { IframeProvider } from 'lib/sdkWebWalletCrossWindowProvider';
+import { IFrameProvider } from 'lib/sdkWebWalletCrossWindowProvider';
 
 export async function getIFrameProvider({
   address,
@@ -8,7 +8,7 @@ export async function getIFrameProvider({
   walletUrl: string;
 }) {
   try {
-    const provider = IframeProvider.getInstance();
+    const provider = IFrameProvider.getInstance();
 
     if (provider.isInitialized()) {
       return provider;

src/hooks/login/useIFrameLogin.ts

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { processModifiedAccount } from 'components/ProviderInitializer/helpers/processModifiedAccount';
 import { SECOND_LOGIN_ATTEMPT_ERROR } from 'constants/errorsMessages';
-import { IframeProvider } from 'lib/sdkWebWalletCrossWindowProvider';
+import { IFrameProvider } from 'lib/sdkWebWalletCrossWindowProvider';
 import { setAccountProvider } from 'providers/accountProvider';
 import { loginAction } from 'reduxStore/commonActions';
 import { useDispatch, useSelector } from 'reduxStore/DappProviderContext';
@@ -47,7 +47,7 @@ export const useIFrameLogin = ({
     }
 
     setIsLoading(true);
-    const provider = IframeProvider.getInstance();
+    const provider = IFrameProvider.getInstance();
     provider.setWalletUrl(walletAddress ?? network.walletAddress);
 
     const isSuccessfullyInitialized: boolean = await provider.init();

src/hooks/transactions/useSignTransactions.tsx

@@ -24,7 +24,7 @@ import { useGetAccountProvider } from 'hooks/account/useGetAccountProvider';
 import { useParseSignedTransactions } from 'hooks/transactions/useParseSignedTransactions';
 import {
   CrossWindowProvider,
-  IframeProvider
+  IFrameProvider
 } from 'lib/sdkWebWalletCrossWindowProvider';
 import { ExperimentalWebviewProvider } from 'providers/experimentalWebViewProvider';
 import { getProviderType } from 'providers/utils';
@@ -99,7 +99,7 @@ export const useSignTransactions = () => {
   const clearSignInfo = (sessionId?: string) => {
     const isExtensionProvider = provider instanceof ExtensionProvider;
     const isCrossWindowProvider = provider instanceof CrossWindowProvider;
-    const isIFrameProvider = provider instanceof IframeProvider;
+    const isIFrameProvider = provider instanceof IFrameProvider;
     const isMetamaskProvider = provider instanceof MetamaskProvider;
     const isExperiementalWebviewProvider =
       provider instanceof ExperimentalWebviewProvider;
@@ -130,7 +130,7 @@ export const useSignTransactions = () => {
       CrossWindowProvider.getInstance()?.cancelAction?.();
     }
     if (isIFrameProvider) {
-      IframeProvider.getInstance()?.cancelAction?.();
+      IFrameProvider.getInstance()?.cancelAction?.();
     }
     if (isExperiementalWebviewProvider) {
       ExperimentalWebviewProvider.getInstance()?.cancelAction?.();

src/hooks/transactions/useSignTransactionsCommonData.tsx

@@ -8,7 +8,7 @@ import { useGetAccountProvider } from 'hooks/account/useGetAccountProvider';
 import { useParseSignedTransactions } from 'hooks/transactions/useParseSignedTransactions';
 import {
   CrossWindowProvider,
-  IframeProvider
+  IFrameProvider
 } from 'lib/sdkWebWalletCrossWindowProvider';
 
 import { ExperimentalWebviewProvider } from 'providers/experimentalWebViewProvider';
@@ -72,7 +72,7 @@ export const useSignTransactionsCommonData = () => {
   function clearSignInfo(sessionId?: string) {
     const isExtensionProvider = provider instanceof ExtensionProvider;
     const isCrossWindowProvider = provider instanceof CrossWindowProvider;
-    const isIFrameProvider = provider instanceof IframeProvider;
+    const isIFrameProvider = provider instanceof IFrameProvider;
     const isMetamaskProvider = provider instanceof MetamaskProvider;
     const isExperimentalWebviewProvider =
       provider instanceof ExperimentalWebviewProvider;
@@ -104,7 +104,7 @@ export const useSignTransactionsCommonData = () => {
     }
 
     if (isIFrameProvider) {
-      IframeProvider.getInstance()?.cancelAction?.();
+      IFrameProvider.getInstance()?.cancelAction?.();
     }
 
     if (isExperimentalWebviewProvider) {

src/lib/sdkWebWalletCrossWindowProvider.ts

@@ -1,2 +1,2 @@
 export { CrossWindowProvider } from '@multiversx/sdk-web-wallet-cross-window-provider/out/CrossWindowProvider/CrossWindowProvider';
-export { IframeProvider } from '@multiversx/sdk-web-wallet-cross-window-provider/out/IFrameProvider/IframeProvider';
+export { IFrameProvider } from '@multiversx/sdk-iframe-provider/out/IFrameProvider/IFrameProvider';

src/providers/accountProvider.ts

@@ -5,7 +5,7 @@ import { OperaProvider } from '@multiversx/sdk-opera-provider';
 import { WalletProvider } from '@multiversx/sdk-web-wallet-provider';
 import {
   CrossWindowProvider,
-  IframeProvider
+  IFrameProvider
 } from 'lib/sdkWebWalletCrossWindowProvider';
 import { IDappProvider } from 'types';
 import { WalletConnectV2Provider } from 'utils/walletconnect/__sdkWalletconnectProvider';
@@ -17,7 +17,7 @@ export type ProvidersType =
   | MetamaskProvider
   | WalletProvider
   | CrossWindowProvider
-  | IframeProvider
+  | IFrameProvider
   | HWProvider
   | OperaProvider
   | WalletConnectV2Provider;

src/providers/utils.ts

@@ -8,7 +8,7 @@ import { WalletProvider } from '@multiversx/sdk-web-wallet-provider';
 import { LEDGER_CONTRACT_DATA_ENABLED_VALUE } from 'constants/index';
 import {
   CrossWindowProvider,
-  IframeProvider
+  IFrameProvider
 } from 'lib/sdkWebWalletCrossWindowProvider';
 import { IDappProvider } from 'types';
 import { LoginMethodsEnum } from 'types/enums.types';
@@ -37,7 +37,7 @@ export const getProviderType = <TProvider extends object>(
       return LoginMethodsEnum.opera;
     case CrossWindowProvider:
       return LoginMethodsEnum.crossWindow;
-    case IframeProvider:
+    case IFrameProvider:
       return LoginMethodsEnum.iframe;
     case EmptyProvider:
       return LoginMethodsEnum.none;