Merge pull request #206 from poap-xyz/release/v1.12.4

Release v1.12.4

netlify/components/Stats.jsx

@@ -1,7 +1,14 @@
 import React from 'https://esm.sh/react'
 import { ShadowText } from './ShadowText.jsx'
 
-export function Stats({ supply, reservations, moments, collections }) {
+export function Stats({
+  supply,
+  reservations,
+  collectors,
+  drops,
+  moments,
+  collections,
+}) {
   const total = supply + reservations
 
   const highlighted = {
@@ -18,18 +25,32 @@ export function Stats({ supply, reservations, moments, collections }) {
     })
     stats.push({
       text: String(reservations),
-      title: `reservation${reservations === 1 ? '' : 's'}`,
+      title: `email collector${reservations === 1 ? '' : 's'}`,
     })
   }
 
-  if (moments && moments > 0) {
+  if (collectors != null && collectors > 0) {
+    stats.push({
+      text: String(collectors),
+      title: `complete collector${collectors === 1 ? '' : 's'}`,
+    })
+  }
+
+  if (drops != null && drops > 1) {
+    stats.push({
+      text: String(drops),
+      title: 'drops',
+    })
+  }
+
+  if (moments != null && moments > 0) {
     stats.push({
       text: String(moments),
       title: `moment${moments === 1 ? '' : 's'}`,
     })
   }
 
-  if (collections && collections > 0) {
+  if (collections != null && collections > 0) {
     stats.push({
       text: String(collections),
       title: `collection${collections === 1 ? '' : 's'}`,

netlify/edge-functions/frame.jsx

@@ -6,6 +6,7 @@ import { parseEventIds, sortEvents } from '../utils/event.js'
 import { renderEventsImages } from '../utils/image.js'
 import { EventHeader } from '../components/EventHeader.jsx'
 import { Stats } from '../components/Stats.jsx'
+import { intersection } from '../../src/utils/array.js'
 
 function parseRequestUrl(requestUrl) {
   const url = new URL(requestUrl)
@@ -36,11 +37,15 @@ export default async function handler(request, context) {
   const eventsInfo = sortEvents(eventMap)
   const images = []
 
+  let allCollectors = null
   let totalSupply = 0
   let totalReservations = 0
   let totalMoments = 0
 
   for (const eventInfo of eventsInfo) {
+    allCollectors = allCollectors == null
+      ? eventInfo.owners
+      : intersection(allCollectors, eventInfo.owners)
     totalSupply += eventInfo.owners.length
     totalReservations += eventInfo.metrics?.emailReservations ?? 0
     totalMoments += eventInfo.metrics?.momentsUploaded ?? 0
@@ -136,6 +141,10 @@ export default async function handler(request, context) {
               {Stats({
                 supply: totalSupply,
                 reservations: totalReservations,
+                drops: eventIds.length,
+                collectors: eventIds.length === 1 || allCollectors == null
+                  ? null
+                  : allCollectors.length,
                 moments: totalMoments,
                 collections: eventsInfo.length === 1 ? eventsInfo[0].metrics?.collectionsIncludes ?? 0 : 0,
               })}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@poap-xyz/poap-family",
-  "version": "1.12.3",
+  "version": "1.12.4",
   "author": {
     "name": "POAP",
     "url": "https://poap.xyz"