Merge branch 'main' into campaign-sats

Author: Shadowfiend

background/lib/nfts.ts

@@ -13,6 +13,8 @@ import {
   TransferredNFT,
 } from "../nfts"
 import { UNIXTime } from "../types"
+import { MEZO_TESTNET } from "../constants"
+import { NFT_COLLECTION_ID } from "../services/campaign/matsnet-nft"
 
 function groupChainsByAddress(accounts: AddressOnNetwork[]) {
   return accounts.reduce<{ [address: string]: string[] }>((acc, account) => {
@@ -100,6 +102,23 @@ export function getNFTCollections(
         collections.push(await getPoapCollections(address))
       }
 
+      const campaignChains = chainIDs.filter((chainID) =>
+        NFT_PROVIDER_TO_CHAIN.campaign.includes(chainID),
+      )
+
+      if (campaignChains.length) {
+        collections.push({
+          id: NFT_COLLECTION_ID,
+          name: "TahoXMezo",
+          nftCount: undefined,
+          owner: address,
+          hasBadges: false,
+          network: MEZO_TESTNET,
+          floorPrice: undefined,
+          thumbnailURL: undefined,
+        })
+      }
+
       const simpleHashChains = chainIDs.filter((chainID) =>
         NFT_PROVIDER_TO_CHAIN.simplehash.includes(chainID),
       )

background/lib/posthog.ts

@@ -16,6 +16,10 @@ export enum AnalyticsEvent {
   DAPP_CONNECTED = "Dapp Connected",
   VAULT_MIGRATION = "Migrate to newer vault version",
   VAULT_MIGRATION_FAILED = "Vault version migration failed",
+  // Campaign events
+  CAMPAIGN_MEZO_NFT_ELIGIBLE_BANNER = "in_wallet-claim_sats",
+  CAMPAIGN_MEZO_NFT_BORROW_BANNER = "in_wallet-borrow_musd",
+  CAMPAIGN_MEZO_NFT_CLAIM_NFT_BANNER = "in_wallet-visit_store",
 }
 
 export enum OneTimeAnalyticsEvent {

background/nfts.ts

@@ -6,12 +6,13 @@ import {
   AVALANCHE,
   BINANCE_SMART_CHAIN,
   ZK_SYNC,
+  MEZO_TESTNET,
 } from "./constants"
 import { EVMNetwork } from "./networks"
 // Networks that are not added to this struct will
 // not have an in-wallet NFT tab
 export const CHAIN_ID_TO_NFT_METADATA_PROVIDER: {
-  [chainID: string]: ("simplehash" | "poap")[]
+  [chainID: string]: ("simplehash" | "poap" | "campaign")[]
 } = {
   [ETHEREUM.chainID]: ["simplehash", "poap"],
   [POLYGON.chainID]: ["simplehash"],
@@ -20,10 +21,12 @@ export const CHAIN_ID_TO_NFT_METADATA_PROVIDER: {
   [AVALANCHE.chainID]: ["simplehash"],
   [BINANCE_SMART_CHAIN.chainID]: ["simplehash"],
   [ZK_SYNC.chainID]: ["simplehash"],
+  [MEZO_TESTNET.chainID]: ["campaign"],
 }
 
 export const NFT_PROVIDER_TO_CHAIN = {
   poap: [ETHEREUM.chainID],
+  campaign: [MEZO_TESTNET.chainID],
   simplehash: [
     ETHEREUM.chainID,
     POLYGON.chainID,

background/redux-slices/utils/nfts-utils.ts

@@ -208,6 +208,8 @@ export const getFilteredCollections = (
   return collections
     .filter(
       (collection) =>
+        collection.nftCount &&
+        collection.nftCount > 0 &&
         isEnabledFilter(collection.id, filters.collections) &&
         isEnabledFilter(collection.owner, filters.accounts),
     )

background/services/campaign/index.ts

@@ -16,6 +16,7 @@ import MEZO_CAMPAIGN, { MezoClaimStatus } from "./matsnet-nft"
 import { isConfirmedEVMTransaction } from "../../networks"
 import { Campaigns } from "./types"
 import logger from "../../lib/logger"
+import { AnalyticsEvent } from "../../lib/posthog"
 import { SECOND } from "../../constants"
 
 dayjs.extend(isBetween)
@@ -254,7 +255,12 @@ export default class CampaignService extends BaseService<Events> {
             ),
         },
         callback: () => {
-          browser.tabs.create({ url: "https://mezo.org/matsnet" })
+          this.analyticsService.sendAnalyticsEvent(
+            AnalyticsEvent.CAMPAIGN_MEZO_NFT_ELIGIBLE_BANNER,
+          )
+          browser.tabs.create({
+            url: "https://mezo.org/matsnet/borrow?src=taho-claim-sats-banner",
+          })
           this.preferenceService.markDismissableItemAsShown(
             MEZO_CAMPAIGN.notificationIds.eligible,
           )
@@ -277,7 +283,12 @@ export default class CampaignService extends BaseService<Events> {
             ),
         },
         callback: () => {
-          browser.tabs.create({ url: "https://mezo.org/matsnet/borrow" })
+          this.analyticsService.sendAnalyticsEvent(
+            AnalyticsEvent.CAMPAIGN_MEZO_NFT_BORROW_BANNER,
+          )
+          browser.tabs.create({
+            url: "https://mezo.org/matsnet/borrow?src=taho-borrow-banner",
+          })
           this.preferenceService.markDismissableItemAsShown(
             MEZO_CAMPAIGN.notificationIds.canBorrow,
           )
@@ -301,7 +312,12 @@ export default class CampaignService extends BaseService<Events> {
             ),
         },
         callback: () => {
-          browser.tabs.create({ url: "https://mezo.org/matsnet/borrow" })
+          this.analyticsService.sendAnalyticsEvent(
+            AnalyticsEvent.CAMPAIGN_MEZO_NFT_CLAIM_NFT_BANNER,
+          )
+          browser.tabs.create({
+            url: "https://mezo.org/matsnet/store?src=taho-claim-nft-banner",
+          })
           this.preferenceService.markDismissableItemAsShown(
             MEZO_CAMPAIGN.notificationIds.canClaimNFT,
           )

background/services/campaign/matsnet-nft.ts

@@ -11,6 +11,8 @@ export type MezoCampaignState = {
   state: MezoClaimStatus
 }
 
+export const NFT_CONTRACT_ADDRESS = "0x2A22371b53E6070AF6e38dfFC4228496b469D7FA"
+
 export const CAMPAIGN_ID = "mezo-nft-claim"
 
 export type MezoCampaign = {
@@ -22,6 +24,8 @@ export type MezoCampaign = {
 const prefixWithCampaignId = (str: string): `campaign::${string}` =>
   `campaign::${CAMPAIGN_ID}-${str}`
 
+export const NFT_COLLECTION_ID = prefixWithCampaignId("nft-collection")
+
 export const IS_ELIGIBLE_NOTIFICATION_ID = prefixWithCampaignId(
   "eligible-notification",
 )

background/services/nfts/index.ts

@@ -1,3 +1,5 @@
+import { fetchJson } from "@ethersproject/web"
+import { Contract } from "ethers"
 import { AddressOnNetwork } from "../../accounts"
 import { getNFTCollections, getNFTs, getNFTsTransfers } from "../../lib/nfts"
 import { getSimpleHashNFTs } from "../../lib/simple-hash"
@@ -9,7 +11,13 @@ import ChainService from "../chain"
 import { ServiceCreatorFunction, ServiceLifecycleEvents } from "../types"
 import { getOrCreateDB, NFTsDatabase, FreshCollectionsMap } from "./db"
 import { getUNIXTimestamp, normalizeEVMAddress } from "../../lib/utils"
-import { MINUTE } from "../../constants"
+import { MEZO_TESTNET, MINUTE } from "../../constants"
+import { sameNetwork } from "../../networks"
+import {
+  NFT_COLLECTION_ID,
+  NFT_CONTRACT_ADDRESS,
+} from "../campaign/matsnet-nft"
+import { isDisabled } from "../../features"
 
 interface Events extends ServiceLifecycleEvents {
   isReloadingNFTs: boolean
@@ -103,6 +111,7 @@ export default class NFTsService extends BaseService<Events> {
     if (accountsToFetch.length) {
       await this.fetchCollections(accountsToFetch)
       await this.fetchPOAPs(accountsToFetch)
+      await this.fetchCampaignNFTs(accountsToFetch)
     }
   }
 
@@ -118,6 +127,7 @@ export default class NFTsService extends BaseService<Events> {
       await this.fetchCollections(accountsToFetch) // refetch only if there are some transfers
     }
     await this.fetchPOAPs(accountsToFetch)
+    await this.fetchCampaignNFTs(accountsToFetch)
   }
 
   async fetchCollections(accounts: AddressOnNetwork[]): Promise<void> {
@@ -172,6 +182,59 @@ export default class NFTsService extends BaseService<Events> {
     )
   }
 
+  async fetchCampaignNFTs(accounts: AddressOnNetwork[]): Promise<void> {
+    if (isDisabled("SUPPORT_MEZO_NETWORK")) {
+      return
+    }
+
+    const provider = this.chainService.providerForNetworkOrThrow(MEZO_TESTNET)
+    const contract = new Contract(
+      NFT_CONTRACT_ADDRESS,
+      [
+        "function balanceOf(address, uint256) view returns (uint256)",
+        "function uri(uint256) view returns (string)",
+      ],
+      provider,
+    )
+
+    await Promise.allSettled(
+      accounts
+        .filter(({ network }) => sameNetwork(network, MEZO_TESTNET))
+        .map(async (account) => {
+          const { address } = account
+
+          const hasTahoNFT =
+            (await contract.callStatic.balanceOf(address, 1)) > 0n
+
+          const nfts: NFT[] = []
+
+          if (hasTahoNFT) {
+            const metadataURI = await contract.callStatic.uri(1)
+
+            const details = await fetchJson(metadataURI)
+
+            nfts.push({
+              collectionID: NFT_COLLECTION_ID,
+              id: `CAMPAIGN.${contract.address}.${address}`,
+              previewURL: details.image,
+              thumbnailURL: details.image,
+              name: details.name,
+              description: details.description,
+              tokenId: "1",
+              contract: contract.address,
+              owner: address,
+              isBadge: false,
+              network: MEZO_TESTNET,
+              attributes: [],
+              rarity: {},
+            })
+
+            await this.updateSavedNFTs(NFT_COLLECTION_ID, account, nfts, {})
+          }
+        }),
+    )
+  }
+
   async fetchNFTsFromDatabase(
     collectionID: string,
     account: AddressOnNetwork,
@@ -224,7 +287,10 @@ export default class NFTsService extends BaseService<Events> {
 
     let updatedCollection: NFTCollection | undefined
 
-    if (collectionID === POAP_COLLECTION_ID) {
+    if (
+      collectionID === POAP_COLLECTION_ID ||
+      collectionID.startsWith("campaign::")
+    ) {
       // update number of poaps
       updatedCollection = await this.db.updateCollectionData(
         collectionID,

ui/components/Wallet/Banner/WalletCampaignBanner.tsx

@@ -6,7 +6,11 @@ import MEZO_CAMPAIGN, {
   MezoClaimStatus,
 } from "@tallyho/tally-background/services/campaign/matsnet-nft"
 import { assertUnreachable } from "@tallyho/tally-background/lib/utils/type-guards"
-import { markDismissableItemAsShown } from "@tallyho/tally-background/redux-slices/ui"
+import { AnalyticsEvent } from "@tallyho/tally-background/lib/posthog"
+import {
+  markDismissableItemAsShown,
+  sendEvent,
+} from "@tallyho/tally-background/redux-slices/ui"
 
 import SharedButton from "../../Shared/SharedButton"
 import SharedIcon from "../../Shared/SharedIcon"
@@ -45,13 +49,22 @@ export default function MezoWalletCampaignBanner({
     browser.permissions.request({ permissions: ["notifications"] })
     switch (state) {
       case "eligible":
-        browser.tabs.create({ url: "https://mezo.org/matsnet/borrow" })
+        dispatch(sendEvent(AnalyticsEvent.CAMPAIGN_MEZO_NFT_ELIGIBLE_BANNER))
+        browser.tabs.create({
+          url: "https://mezo.org/matsnet/borrow?src=taho-claim-sats-banner",
+        })
         break
       case "can-borrow":
-        browser.tabs.create({ url: "https://mezo.org/matsnet/borrow" })
+        dispatch(sendEvent(AnalyticsEvent.CAMPAIGN_MEZO_NFT_BORROW_BANNER))
+        browser.tabs.create({
+          url: "https://mezo.org/matsnet/borrow?src=taho-borrow-banner",
+        })
         break
       case "can-claim-nft":
-        browser.tabs.create({ url: "https://mezo.org/matsnet/store" })
+        dispatch(sendEvent(AnalyticsEvent.CAMPAIGN_MEZO_NFT_CLAIM_NFT_BANNER))
+        browser.tabs.create({
+          url: "https://mezo.org/matsnet/store?src=taho-claim-nft-banner",
+        })
         break
       default:
         assertUnreachable(state)