Integrate IFrame Provider (#235)

* integrate IFrame Provider

* add missing layout changes

* upgrade sdk-dapp

Author: CiprianDraghici

package.json

@@ -10,7 +10,7 @@
     "@fortawesome/free-solid-svg-icons": "6.5.1",
     "@fortawesome/react-fontawesome": "0.2.0",
     "@multiversx/sdk-core": "13.2.1",
-    "@multiversx/sdk-dapp": "2.34.2",
+    "@multiversx/sdk-dapp": "2.36.1",
     "@multiversx/sdk-network-providers": "2.4.3",
     "axios": "1.6.5",
     "classnames": "2.3.2",

src/components/sdkDappComponents.ts

@@ -24,3 +24,4 @@ export { DappProvider } from '@multiversx/sdk-dapp/wrappers/DappProvider/DappPro
 export { TransactionRow } from '@multiversx/sdk-dapp/UI/TransactionsTable/components/TransactionRow';
 export { ACCOUNTS_ENDPOINT } from '@multiversx/sdk-dapp/apiCalls/endpoints';
 export { ExplorerLink } from '@multiversx/sdk-dapp/UI/ExplorerLink';
+export { IFrameLoginButton } from '@multiversx/sdk-dapp/UI/iframe/IFrameLoginButton/IFrameLoginButton';

src/pages/Unlock/Unlock.tsx

@@ -12,7 +12,8 @@ import {
   WalletConnectLoginButton,
   WebWalletLoginButton as WebWalletUrlLoginButton,
   XaliasCrossWindowLoginButton,
-  CrossWindowLoginButton
+  CrossWindowLoginButton,
+  IFrameLoginButton
 } from 'components/sdkDappComponents';
 import { nativeAuth } from 'config';
 import { RouteNamesEnum } from 'localConstants';
@@ -71,7 +72,6 @@ export const Unlock = () => {
               loginButtonText='Opera Crypto Wallet - Beta'
               {...commonProps}
             />
-
             <XaliasCrossWindowLoginButton
               loginButtonText='xAlias'
               data-testid='xAliasLoginBtn'
@@ -80,6 +80,10 @@ export const Unlock = () => {
             />
             <XaliasLoginWrapper {...commonProps} />
             <WebWalletLoginWrapper {...commonProps} />
+            <IFrameLoginButton
+              loginButtonText='IFrame Login'
+              {...commonProps}
+            />
           </div>
         </div>
       </div>

src/utils/sdkDappCore.ts

@@ -6,4 +6,4 @@ export { SmartContract } from '@multiversx/sdk-core/out/smartcontracts/smartCont
 export { AbiRegistry } from '@multiversx/sdk-core/out/smartcontracts/typesystem/abiRegistry';
 export { SignableMessage } from '@multiversx/sdk-core/out/signableMessage';
 export { AddressValue } from '@multiversx/sdk-core/out/smartcontracts/typesystem/address';
-export { TokenTransfer } from '@multiversx/sdk-core/out/tokens';
+export { TokenTransfer } from '@multiversx/sdk-core/out';