fix: update config.js and package.json for blocto/fcl

components/Context/flowContext.js

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-import * as fcl from "@onflow/fcl";
+import * as fcl from "@blocto/fcl";
 import * as types from "@onflow/types";
 import React, { useState, useEffect } from "react";
 import { getBalance } from "../../cadence/scripts/getBalance";

components/Layout/Navbar.js

@@ -4,7 +4,7 @@ import MenuIcon from "@mui/icons-material/Menu";
 import DashboardIcon from "@mui/icons-material/Dashboard";
 import PersonOutlineSharpIcon from "@mui/icons-material/PersonOutlineSharp";
 import AccountBalanceWalletIcon from "@mui/icons-material/AccountBalanceWallet";
-import * as fcl from "@onflow/fcl";
+import * as fcl from "@blocto/fcl";
 import useSWR, { useSWRConfig } from "swr";
 import "../../flow/config.js";
 import {

components/article/Tipping.js

@@ -12,7 +12,7 @@ import { useFlowContext } from "../Context/flowContext";
 import { useUser } from "../../hooks/useAuth";
 import { transferTokens } from "../../cadence/scripts/transactions/transferTokens";
 
-import * as fcl from "@onflow/fcl";
+import * as fcl from "@blocto/fcl";
 import * as types from "@onflow/types";
 import Router from "next/router";
 import { useForm } from "react-hook-form";

flow/config.js

@@ -1,4 +1,4 @@
-import * as fcl from "@onflow/fcl";
+import * as fcl from "@blocto/fcl";
 
 const resolver = async () => {
     const response = await fetch("/api/auth/generate");
@@ -9,11 +9,24 @@ const resolver = async () => {
     };
 };
 
-fcl.config()
-    .put("app.detail.title", "Violet Verse")
-    .put("app.detail.icon", "https://i.imgur.com/jDJnCzx.png")
-    .put("accessNode.api", "https://rest-mainnet.onflow.org") // pointing to mainnet
-    .put("0xVioletVerse", "0xf5f7db710acb59d3")
-    .put("discovery.wallet", "https://flow-wallet.blocto.app/authn")
-    .put("fcl.accountProof.resolver", resolver)
-    .put("flow.network", "mainnet");
+fcl
+  .config({
+    "app.detail.title": "Violet Verse",
+    "app.detail.icon": "https://i.imgur.com/jDJnCzx.png",
+    "accessNode.api": "https://rest-mainnet.onflow.org",
+    "0xVioletVerse": "0xf5f7db710acb59d3",
+    "discovery.wallet": "https://wallet-v2.blocto.app/api/flow/authn",
+    "fcl.accountProof.resolver": resolver,
+    //"app.detail.id": "YOUR_DAPP_ID"// this line is optional
+    "discovery.wallet.method": "HTTP/POST"
+  })
+
+//// old config
+// fcl.config()
+//     .put("app.detail.title", "Violet Verse")
+//     .put("app.detail.icon", "https://i.imgur.com/jDJnCzx.png")
+//     .put("accessNode.api", "https://rest-mainnet.onflow.org") // pointing to mainnet
+//     .put("0xVioletVerse", "0xf5f7db710acb59d3")
+//     .put("discovery.wallet", "https://flow-wallet.blocto.app/authn")
+//     .put("fcl.accountProof.resolver", resolver)
+//     .put("flow.network", "mainnet");

package.json

@@ -20,7 +20,7 @@
     "@mui/icons-material": "^5.8.4",
     "@mui/material": "^5.10.0",
     "@nextui-org/react": "^1.0.0-beta.9",
-    "@onflow/fcl": "^1.2.0",
+    "@blocto/fcl": "^1.6.1",
     "@onflow/types": "^1.0.3",
     "@segment/snippet": "^4.15.3",
     "@tinymce/tinymce-react": "^4.3.0",

pages/[articlePage].js

@@ -26,7 +26,7 @@ import {
 } from "./api/database/getUserForPost";
 
 import { transferTokens } from "../cadence/scripts/transactions/purchaseContent";
-import * as fcl from "@onflow/fcl";
+import * as fcl from "@blocto/fcl";
 import * as types from "@onflow/types";
 import Tipping from "../components/article/Tipping";
 import connectDatabase from "../lib/mongoClient";

pages/api/auth/verify.js

@@ -1,4 +1,4 @@
-import * as fcl from "@onflow/fcl";
+import * as fcl from "@blocto/fcl";
 import Iron from "@hapi/iron";
 import CookieService from "../../../lib/cookie";
 import { table } from "../utils/userTable";

pages/blocto.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import * as fcl from "@onflow/fcl";
+import * as fcl from "@blocto/fcl";
 import * as types from "@onflow/types";
 import "../flow/config.js";
 import useSWR, { useSWRConfig } from "swr";

pages/tokens.js

@@ -5,7 +5,7 @@ import { useUser } from "../hooks/useAuth";
 import { createVault } from "../cadence/scripts/transactions/createVault";
 import { transferTokens } from "../cadence/scripts/transactions/transferTokens";
 
-import * as fcl from "@onflow/fcl";
+import * as fcl from "@blocto/fcl";
 import * as types from "@onflow/types";
 import Router from "next/router";
 import { useForm } from "react-hook-form";