Tickets plugin: add banning feature (#1645)

scripts/populate/cryptocafe.mjs

@@ -437,6 +437,10 @@ const populate = async (client) => {
                 },
               ],
             },
+            {
+              key: 'banId',
+              value: [214, 215],
+            },
           ],
         },
         {

src/plugins/tickets/Id.astro

@@ -2,13 +2,17 @@
 import type { Membership } from '@plugins/memberships'
 import type { Ticket } from '.'
 import Id_ from './Id.svelte'
+import type { BanningRules } from './utils/get-banning-rules'
 
-const { ticket, membership, rpcUrl } = Astro.props as {
+type Props = {
   ticket: Ticket
   membership: Membership
   rpcUrl: string
+  ban: BanningRules
 }
 
+const { ticket, membership, rpcUrl, ban } = Astro.props
+
 const sTokensId = Number(Astro.url.searchParams.get('id'))
 ---
 
@@ -18,4 +22,5 @@ const sTokensId = Number(Astro.url.searchParams.get('id'))
   membership={membership}
   sTokensId={sTokensId}
   rpcUrl={rpcUrl}
+  ban={ban}
 />

src/plugins/tickets/Id.svelte

@@ -25,11 +25,15 @@
   import Modal from './Modal.svelte'
   import { Strings } from './i18n'
   import { expirationDatetime } from './utils/date'
+  import type { BanningRules } from './utils/get-banning-rules'
 
   export let ticket: Ticket
   export let membership: UndefinedOr<Membership>
   export let sTokensId: UndefinedOr<number>
   export let rpcUrl: string
+  export let ban: BanningRules
+
+  const isInvalidId = ban.id.includes(sTokensId ?? 0)
 
   let benefits: UndefinedOr<TicketStatus[]>
   let signer: UndefinedOr<Signer>
@@ -160,8 +164,16 @@
 
 <section class="rounded-md bg-white p-6 text-black shadow">
   <div class="mx-auto grid max-w-lg gap-8">
-    {#if !sTokensId || !membership}
-      <p>Error</p>
+    {#if !sTokensId || !membership || isInvalidId}
+      <p class="text-center font-bold text-dp-white-600">
+        {#if !membership}
+          Internal error
+        {:else if !sTokensId}
+          No ID specified
+        {:else if isInvalidId}
+          Invalid ID
+        {/if}
+      </p>
     {:else}
       <p>#{sTokensId}</p>
 

src/plugins/tickets/Index.astro

@@ -2,13 +2,17 @@
 import type { Membership } from '@plugins/memberships'
 import type { Tickets } from '.'
 import Index_ from './Index.svelte'
+import type { BanningRules } from './utils/get-banning-rules'
 
-const { tickets, memberships, propertyAddress, rpcUrl } = Astro.props as {
+type Props = {
   tickets: Tickets
   memberships: Membership[]
   propertyAddress: string
   rpcUrl: string
+  ban: BanningRules
 }
+
+const { tickets, memberships, propertyAddress, rpcUrl, ban } = Astro.props
 ---
 
 <Index_
@@ -17,4 +21,5 @@ const { tickets, memberships, propertyAddress, rpcUrl } = Astro.props as {
   memberships={memberships}
   propertyAddress={propertyAddress}
   rpcUrl={rpcUrl}
+  ban={ban}
 />

src/plugins/tickets/Index.svelte

@@ -12,11 +12,13 @@
   import { client, clientsSTokens } from '@devprotocol/dev-kit'
   import PQueue from 'p-queue'
   import { reverse } from 'ramda'
+  import type { BanningRules } from './utils/get-banning-rules'
 
   export let tickets: Tickets
   export let memberships: UndefinedOr<Membership[]>
   export let propertyAddress: string
   export let rpcUrl: string
+  export let ban: BanningRules
 
   let account: UndefinedOr<string>
   let ownedTickets: UndefinedOr<TicketWithStatus[]>
@@ -40,9 +42,11 @@
       detector(propertyAddress, _account),
     )
 
-    console.log({ idList })
+    const filteredIdList = idList?.filter((i) => ban.id.includes(i) === false)
 
-    await whenDefined(idList, async (li) => {
+    console.log({ idList, filteredIdList })
+
+    await whenDefined(filteredIdList, async (li) => {
       await Promise.all(
         reverse(li).map(async (id) =>
           queueTickets.add(async () => {

src/plugins/tickets/index.ts

@@ -19,6 +19,7 @@ import tickets1 from './assets/tickets-1.jpg'
 import tickets2 from './assets/tickets-2.jpg'
 import tickets3 from './assets/tickets-3.jpg'
 import readme from './README.md'
+import { getBanningRules } from './utils/get-banning-rules'
 
 export enum SlotType {
   WeekdayTime = 'weekday-time',
@@ -63,6 +64,7 @@ export const getPagePaths = (async (
   { getPluginConfigById },
 ) => {
   const tickets = getItems(options)
+  const ban = getBanningRules(options)
 
   const memberships: UndefinedOr<Membership>[] = tickets.map((tk) => {
     const [plg] = getPluginConfigById(tk.importedFrom.plugin)
@@ -78,7 +80,7 @@ export const getPagePaths = (async (
     ? [
         {
           paths: ['tickets'],
-          props: { tickets, memberships, propertyAddress, rpcUrl },
+          props: { tickets, memberships, propertyAddress, rpcUrl, ban },
           component: Index,
         },
         ...tickets.map((ticket, index) => ({
@@ -93,6 +95,7 @@ export const getPagePaths = (async (
             membership: memberships[index],
             propertyAddress,
             rpcUrl,
+            ban,
             signals: [ClubsPluginSignal.DisplayFullPage],
           },
           component: Id,

src/plugins/tickets/utils/get-banning-rules.ts

@@ -0,0 +1,14 @@
+import type { ClubsPluginOptions } from '@devprotocol/clubs-core'
+import type { UndefinedOr } from '@devprotocol/util-ts'
+
+export type BanningRules = {
+  id: number[]
+}
+
+export const getBanningRules = (options: ClubsPluginOptions): BanningRules => {
+  const id =
+    (options?.find((opt) => opt.key === 'banId')?.value as UndefinedOr<
+      number[]
+    >) ?? []
+  return { id }
+}