[PAY-2128] Implement general coinflow scaffolding (#6847)

Co-authored-by: Randy Schott <1815175+schottra@users.noreply.github.com> Co-authored-by: Dharit Tantiviramanond <dharit.tan@gmail.com> Co-authored-by: Marcus Pasell <3690498+rickyrombo@users.noreply.github.com>
AudiusProject · Dec 13, 2023 · 0639cad · 0639cad
1 parent cd465c9
commit 0639cad
Show file tree

Hide file tree

Showing 56 changed files with 1,140 additions and 245 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/common/src/hooks/purchaseContent/constants.ts b/packages/common/src/hooks/purchaseContent/constants.ts
@@ -1,6 +1,7 @@
 export const CUSTOM_AMOUNT = 'customAmount'
 export const AMOUNT_PRESET = 'amountPreset'
 export const PURCHASE_METHOD = 'purchaseMethod'
+export const PURCHASE_VENDOR = 'purchaseVendor'
 export const PAGE = 'page'
 
 // Pay between $1 and $100 extra

diff --git a/packages/common/src/hooks/purchaseContent/usePurchaseContentFormConfiguration.ts b/packages/common/src/hooks/purchaseContent/usePurchaseContentFormConfiguration.ts
@@ -21,7 +21,8 @@ import {
   AMOUNT_PRESET,
   CENTS_TO_USDC_MULTIPLIER,
   CUSTOM_AMOUNT,
-  PURCHASE_METHOD
+  PURCHASE_METHOD,
+  PURCHASE_VENDOR
 } from './constants'
 import { PayExtraAmountPresetValues, PayExtraPreset } from './types'
 import { getExtraAmount } from './utils'
@@ -50,17 +51,24 @@ export const usePurchaseContentFormConfiguration = ({
   const isUnlocking = !error && isContentPurchaseInProgress(stage)
   const { data: balanceBN } = useUSDCBalance()
   const balance = USDC(balanceBN ?? new BN(0)).value
+
   const initialValues: PurchaseContentValues = {
     [CUSTOM_AMOUNT]: undefined,
     [AMOUNT_PRESET]: PayExtraPreset.NONE,
     [PURCHASE_METHOD]:
       balance >= BigInt(price * CENTS_TO_USDC_MULTIPLIER)
         ? PurchaseMethod.BALANCE
-        : PurchaseMethod.CARD
+        : PurchaseMethod.CARD,
+    [PURCHASE_VENDOR]: undefined
   }
 
   const onSubmit = useCallback(
-    ({ customAmount, amountPreset, purchaseMethod }: PurchaseContentValues) => {
+    ({
+      customAmount,
+      amountPreset,
+      purchaseMethod,
+      purchaseVendor
+    }: PurchaseContentValues) => {
       if (isUnlocking || !track?.track_id) return
 
       if (
@@ -77,6 +85,7 @@ export const usePurchaseContentFormConfiguration = ({
         dispatch(
           startPurchaseContentFlow({
             purchaseMethod,
+            purchaseVendor,
             extraAmount,
             extraAmountPreset: amountPreset,
             contentId: track.track_id,

diff --git a/packages/common/src/hooks/purchaseContent/validation.ts b/packages/common/src/hooks/purchaseContent/validation.ts
@@ -1,10 +1,11 @@
 import { z } from 'zod'
 
-import { PurchaseMethod } from 'models/PurchaseContent'
+import { PurchaseMethod, PurchaseVendor } from 'models/PurchaseContent'
 
 import {
   AMOUNT_PRESET,
   CUSTOM_AMOUNT,
+  PURCHASE_VENDOR,
   PURCHASE_METHOD,
   maximumPayExtraAmountCents,
   minimumPayExtraAmountCents
@@ -25,7 +26,8 @@ const createPurchaseContentSchema = () => {
         })
         .optional(),
       [AMOUNT_PRESET]: z.nativeEnum(PayExtraPreset),
-      [PURCHASE_METHOD]: z.nativeEnum(PurchaseMethod)
+      [PURCHASE_METHOD]: z.nativeEnum(PurchaseMethod),
+      [PURCHASE_VENDOR]: z.nativeEnum(PurchaseVendor).optional()
     })
     .refine(
       ({ amountPreset, customAmount }) => {