fix: examples

Author: GuillemGarciaDev

examples/dapp/near/vanilla/src/pages/Home.tsx

@@ -27,7 +27,7 @@ const Home: React.FC = () => {
                 setAccountId(account.accountID);
                 setIsSignedIn(true);
             } else if (accountID && signingURL) {
-                const isSignedIn = client.signIn(accountID, signingURL);
+                const isSignedIn = client.isSignedIn(accountID, signingURL);
                 if (isSignedIn) {
                     setAccountId(accountID);
                     setIsSignedIn(true);
@@ -48,7 +48,7 @@ const Home: React.FC = () => {
             return;
         }
 
-        const url = client.signInitialTx({
+        const url = client.requestSignInitialTx({
             accountID: accountId,
             signingURL: signingUrl,
             permissions: new FunctionCallPermission({

examples/dapp/near/vanilla/src/pages/Main.tsx

@@ -26,7 +26,7 @@ const Main: React.FC = () => {
         }
 
         console.log("Signing URL:", activeAccount.signingURL);
-        const url = client.signWithFullAccessKey({
+        const url = client.requestSignWithFullAccessKey({
             transaction: Transaction.decode(
                 Buffer.from(
                     "DAAAAG1vY2tTaWduZXJJZACcdRJ+JQOaKfqxr8M0e4Ylfcz1E107wi1yLO+td5FwvAEAAAAAAAAADgAAAG1vY2tSZWNlaXZlcklko7RnCT5MjkhJMV2ASLYPwYZorzhqPrGdadCYH6KZGxQAAAAA",

examples/dapp/near/vanilla/src/providers/NearDAppProvider.tsx

@@ -1,8 +1,8 @@
 import React, { createContext, useContext, useMemo } from "react";
-import { NearDAppClientFactory, NearDAppClient } from "@one-click-connect/vanilla-dapp/near";
+import { ClientFactory, Client } from "@one-click-connect/browser-dapp/near";
 
 interface NearDAppContextType {
-    client: NearDAppClient;
+    client: Client;
 }
 
 const NearDAppContext = createContext<NearDAppContextType | null>(null);
@@ -21,7 +21,7 @@ interface NearDAppProviderProps {
 
 export const NearDAppProvider: React.FC<NearDAppProviderProps> = ({ children }) => {
     const client = useMemo(() => {
-        return NearDAppClientFactory.fromConfig({
+        return ClientFactory.newClient({
             redirectURL: window.location.origin + "/main",
         });
     }, []);

examples/wallet/web/src/pages/Sign.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { useSearchParams } from "react-router-dom";
 import "./Sign.css"; // Import CSS for styling
+import { Transaction } from "near-api-js/lib/transaction";
 
 const Sign: React.FC = () => {
     const [searchParams] = useSearchParams();
@@ -68,7 +69,12 @@ const Sign: React.FC = () => {
                     )}
                     {transaction && (
                         <li>
-                            Transaction: <span className="param-value">{transaction}</span>
+                            Transaction:{" "}
+                            <span className="param-value">
+                                {JSON.stringify(Transaction.decode(Buffer.from(transaction, "base64")), (_, value) =>
+                                    typeof value === "bigint" ? value.toString() : value,
+                                )}
+                            </span>
                         </li>
                     )}
                 </ul>