Update Node.js to v18.16.1 (#1059)

* first mockup on dev2

* remove cluttered talk, add request payload

* change permission name from BAT-gating to balance as per spec sheet

* Renovate/all minor patch (#1062)

* Use renovate for dependency updates (#1054)

1. Disable dependabot for normal dependency updates. Note the dependabot PRs will need to be manually closed, and the "security" dependabot PRs will continue.

2. Use renovateapp instead.

The renovate configuration included here is based on that from ads-serve, and:

a. waits for updates to have been published for 4 days before raising a PR - this both reduces churn and also avoids the 3 day period where npm-published entries can be "unpublished"
b. combines all minor and patch updates into a single PR

* removed as *[bot] is not accepted by AWS (#1055)

Signed-off-by: Ahmed Kamal <email.ahmedkamal@googlemail.com>

* Update all non-major dependencies

---------

Signed-off-by: Ahmed Kamal <email.ahmedkamal@googlemail.com>
Co-authored-by: Graham Tackley <gtackley@brave.com>
Co-authored-by: Ahmed Kamal <email.ahmedkamal@googlemail.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* Update Node.js to v18.16.1

---------

Signed-off-by: Ahmed Kamal <email.ahmedkamal@googlemail.com>
Co-authored-by: David Suh <davidsuh@Davids-MacBook-Pro.local>
Co-authored-by: David Suh <suhdavid11@gmail.com>
Co-authored-by: Marshall T. Rose <mrose17@gmail.com>
Co-authored-by: Graham Tackley <gtackley@brave.com>
Co-authored-by: Ahmed Kamal <email.ahmedkamal@googlemail.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

.node-version

@@ -1 +1 @@
-18.9.1
+18.16.1

src/components/web3/OptionalSettings.tsx

@@ -148,6 +148,16 @@ export const OptionalSettings: React.FC<Props> = ({
             </ExapandablePanel>
           </React.Fragment>
         )}
+      {startCall && permissionType === "balance" && (
+        <React.Fragment>
+          <ExapandablePanel
+            header={"Non Zero BAT gating"}
+            subhead={
+              "Only participants with non-zero BAT balance can join the call"
+            }
+          />
+        </React.Fragment>
+      )}
     </div>
   );
 };

src/components/web3/PermissionTypeSelector.tsx

@@ -53,6 +53,12 @@ export const PermissionTypeSelector: React.FC<Props> = ({
       >
         {t("nft_collection_permission_type")}
       </button>
+      <button
+        onClick={() => setPermissionType("balance")}
+        css={[styles.base, permissionType === "balance" && styles.selected]}
+      >
+        {"BAT-gating"}
+      </button>
     </div>
   );
 };

src/components/web3/api.ts

@@ -23,6 +23,18 @@ export interface Web3Authorization {
   method: string;
   POAPs: Web3AuthList;
   Collections: Web3AuthList;
+  Balances: Web3BalancesList;
+}
+
+export interface Web3BalancesList {
+  participants: Web3BalancesRequireList;
+  moderators: Web3BalancesRequireList;
+}
+
+export interface Web3BalancesRequireList {
+  network: string; // Use enum instead?
+  token: string; //optional
+  minimum: string; // in wei, e.g. 10e-18
 }
 
 export interface Web3AuthList {

src/hooks/use-web3-call-state.ts

@@ -48,6 +48,10 @@ export function useWeb3CallState(
   const [moderatorNFTCollections, setModeratorNFTCollections] = useState<
     NFTcollection[]
   >([]);
+  const [minimumParticipantBATBalance, setMinimumParticipanyBATBalance] =
+    useState<string>("0");
+  const [minimumModeratorBATBalance, setMinimumModeratorBATBalance] =
+    useState<string>("0");
 
   const setWeb3Address = (address: string, event: string) => {
     _setWeb3Address((prevAddress) => {
@@ -151,6 +155,18 @@ export function useWeb3CallState(
               deny: [],
             },
           },
+          Balances: {
+            participants: {
+              network: "ETH", // TODO: can change
+              token: "BAT",
+              minimum: minimumParticipantBATBalance,
+            },
+            moderators: {
+              network: "ETH",
+              token: "BAT",
+              minimum: minimumModeratorBATBalance,
+            },
+          },
         },
         avatarURL: nft,
       };