add xAlias support

CHANGELOG.md

@@ -1,3 +1,7 @@
+### [0.5.0](https://github.com/xdevguild/buildo.dev/releases/tag/v0.5.0) (2023-10-28)
+- update useElven - add support for xAlias 
+- update Next.js v14
+
 ### [0.4.0](https://github.com/xdevguild/buildo.dev/releases/tag/v0.4.0) (2023-10-25)
 - add change NFT attributes functionality
 

components/elven-ui/login-component.tsx

@@ -70,10 +70,11 @@ export const LoginComponent = memo(() => {
           <Button
             className="w-full select-none h-auto"
             variant="outline"
-            onClick={handleLogin(LoginMethodsEnum.wallet)}
+            onClick={handleLogin(LoginMethodsEnum.walletconnect)}
           >
-            MultiversX Web Wallet
+            xPortal Mobile App
           </Button>
+
           <Button
             className="w-full select-none h-auto"
             variant="outline"
@@ -84,9 +85,9 @@ export const LoginComponent = memo(() => {
           <Button
             className="w-full select-none h-auto"
             variant="outline"
-            onClick={handleLogin(LoginMethodsEnum.walletconnect)}
+            onClick={handleLogin(LoginMethodsEnum.wallet)}
           >
-            xPortal Mobile App
+            MultiversX Web Wallet
           </Button>
           <Button
             className="w-full select-none h-auto"
@@ -95,6 +96,13 @@ export const LoginComponent = memo(() => {
           >
             Ledger
           </Button>
+          <Button
+            className="w-full select-none h-auto"
+            variant="outline"
+            onClick={handleLogin(LoginMethodsEnum.xalias)}
+          >
+            xAlias
+          </Button>
         </div>
       )}
 

components/operations/operations-status-dialog.tsx

@@ -135,6 +135,9 @@ export const OperationsStateDialogWrapper = ({
             {!txError &&
               loginMethod === LoginMethodsEnum.wallet &&
               'Confirming using MultiversX Web Wallet!'}
+            {!txError &&
+              loginMethod === LoginMethodsEnum.xalias &&
+              'Confirming using xAlias service!'}
             {txError &&
               'Please try again. In case of transactions, always check the transaction status on the MultiversX Explorer.'}
           </DialogDescription>
@@ -177,6 +180,7 @@ export const OperationsStateDialogWrapper = ({
               !txPending &&
               additionalInfo &&
               loginMethod !== LoginMethodsEnum.wallet &&
+              loginMethod !== LoginMethodsEnum.xalias &&
               !activeGuardianAddress && (
                 <span className="text-sm mt-4 font-light">
                   {additionalInfo}