Improve permission control testing mechanism

Author: carina-akaia

.env.example

@@ -11,6 +11,6 @@ NEXT_PUBLIC_ENV=test
 # true | false
 NEXT_PUBLIC_DEBUG=false
 
-# Unlocks authorization, useful for validation and permission control testing
-# true | false
-NEXT_PUBLIC_IS_UNDER_INSPECTION=false
+# An account id of the account you want to impersonate for testing purposes
+# Useful for permission control testing
+NEXT_PUBLIC_DEBUG_VIEW_AS=

src/common/constants.ts

@@ -13,8 +13,7 @@ export const DEBUG = process.env.NEXT_PUBLIC_DEBUG === "true" ? true : false;
 /**
  * Unlocks authorization, useful for validation and permission control testing
  */
-export const IS_UNDER_INSPECTION =
-  process.env.NEXT_PUBLIC_IS_UNDER_INSPECTION === "true" ? true : false;
+export const DEBUG_ACCOUNT_ID = process.env.NEXT_PUBLIC_DEBUG_VIEW_AS || null;
 
 export const ICONS_ASSET_ENDPOINT_URL = "/assets/icons";
 export const IMAGES_ASSET_ENDPOINT_URL = "/assets/images";

src/common/wallet/components.tsx

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useMemo } from "react";
 import { useRouter } from "next/router";
 
 import { nearProtocolClient } from "@/common/blockchains/near-protocol";
-import { IS_CLIENT } from "@/common/constants";
+import { DEBUG_ACCOUNT_ID, IS_CLIENT } from "@/common/constants";
 
 import { useWalletUserAdapter } from "./adapters";
 import { useWalletUserMetadataStore } from "./model";
@@ -35,8 +35,15 @@ const WalletProvider: React.FC<WalletProviderProps> = ({ children }) => {
   const { referrerAccountId, setReferrerAccountId } = useWalletUserMetadataStore();
 
   const syncWalletState = useCallback(() => {
-    const isWalletSignedIn = nearProtocolClient.walletApi.walletSelector.isSignedIn();
-    const walletAccountId = nearProtocolClient.walletApi.accountId;
+    const isWalletSignedIn =
+      typeof DEBUG_ACCOUNT_ID === "string"
+        ? true
+        : nearProtocolClient.walletApi.walletSelector.isSignedIn();
+
+    const walletAccountId =
+      typeof DEBUG_ACCOUNT_ID === "string"
+        ? DEBUG_ACCOUNT_ID
+        : nearProtocolClient.walletApi.accountId;
 
     if (isWalletSignedIn !== isSignedIn || walletAccountId !== accountId) {
       setAccountState({ accountId: walletAccountId, isSignedIn: isWalletSignedIn });

src/entities/pot/hooks/authorization.ts

@@ -1,7 +1,6 @@
 import { useMemo } from "react";
 
 import { ByPotId } from "@/common/api/indexer";
-import { IS_UNDER_INSPECTION } from "@/common/constants";
 import { ApplicationStatus, potContractHooks } from "@/common/contracts/core/pot";
 import { isAccountId } from "@/common/lib";
 import type { ByAccountId } from "@/common/types";
@@ -54,22 +53,21 @@ export const usePotAuthorization = ({ potId, accountId }: ByPotId & Partial<ByAc
   );
 
   const isOwner = useMemo(
-    () => IS_UNDER_INSPECTION || (isValidAccountId && potConfig && accountId === potConfig.owner),
+    () => isValidAccountId && potConfig && accountId === potConfig.owner,
     [accountId, isValidAccountId, potConfig],
   );
 
   const isAdmin = useMemo(
     () =>
-      IS_UNDER_INSPECTION ||
-      (isValidAccountId &&
-        potConfig &&
-        potConfig.admins.find((adminAccountId) => accountId === adminAccountId)),
+      isValidAccountId &&
+      potConfig &&
+      potConfig.admins.find((adminAccountId) => accountId === adminAccountId),
 
     [accountId, isValidAccountId, potConfig],
   );
 
   const isChef = useMemo(
-    () => IS_UNDER_INSPECTION || (isValidAccountId && potConfig && accountId === potConfig.chef),
+    () => isValidAccountId && potConfig && accountId === potConfig.chef,
     [accountId, isValidAccountId, potConfig],
   );
 

src/layout/profile/components/summary.tsx

@@ -180,7 +180,7 @@ export const ProfileLayoutSummary: React.FC<ProfileLayoutSummaryProps> = ({ acco
                   >
                     {FEATURE_REGISTRY.ProfileConfiguration.isEnabled
                       ? "Edit Profile"
-                      : "Edit Profile ( BOS App )"}
+                      : "Edit Profile on BOS"}
                   </Link>
                 </Button>
               </div>

src/pages/index.tsx

@@ -98,7 +98,7 @@ const WelcomeBanner = () => {
                   >
                     {viewer.hasRegistrationSubmitted
                       ? "View Your Project"
-                      : "Register Your Project ( BOS App )"}
+                      : "Register Your Project (BOS App)"}
                   </Link>
                 </Button>
               )}