Add Venmo GUI Plugin for buy and sell

Author: samholmes

CHANGELOG.md

@@ -20,6 +20,7 @@
 
 - added: Support for LLD & LLM transaction history
 - added: Close button (X) for `EdgeModals,` specifically if a desktop platform is detected.
+- added: Venmo GUI plugin via Moonpay.
 - changed: Auto-enable required tokens when navigating to `Stake*` scenes
 - fixed: Incorrect `SwapInput` amounts on `SwapCreateScene` after changing wallet.
 - fixed: Backing up a light account while on the `FiatPluginEnterAmountScene` retains light account-related quote errors

src/__tests__/__snapshots__/GuiPlugins.test.ts.snap

@@ -209,6 +209,20 @@ Settlement: 5 min - 24 hours",
     "pluginId": "paypal",
     "title": "Paypal",
   },
+  {
+    "cryptoCodes": [],
+    "deepPath": "",
+    "deepQuery": {},
+    "description": "Fee: ~5%
+Settlement: 5 min - 24 hours",
+    "paymentType": "venmo",
+    "paymentTypeLogoKey": "venmo",
+    "paymentTypes": [
+      "venmo",
+    ],
+    "pluginId": "venmo",
+    "title": "Venmo",
+  },
   {
     "cryptoCodes": [],
     "customTitleKey": "applepay",
@@ -317,6 +331,20 @@ Settlement: 5 min - 24 hours",
     "pluginId": "paypal",
     "title": "Paypal",
   },
+  {
+    "cryptoCodes": [],
+    "deepPath": "",
+    "deepQuery": {},
+    "description": "Fee: ~5%
+Settlement: 5 min - 24 hours",
+    "paymentType": "venmo",
+    "paymentTypeLogoKey": "venmo",
+    "paymentTypes": [
+      "venmo",
+    ],
+    "pluginId": "venmo",
+    "title": "Venmo",
+  },
   {
     "cryptoCodes": [],
     "deepPath": "",

src/components/scenes/GuiPluginListScene.tsx

@@ -88,6 +88,7 @@ const paymentTypeLogosById = {
   revolut: 'paymentTypeLogoRevolut',
   sofort: 'paymentTypeLogoSofort',
   upi: 'paymentTypeLogoUpi',
+  venmo: 'paymentTypeVenmo',
   visa: 'paymentTypeVisa'
 }
 const pluginPartnerLogos: { [key: string]: 'guiPluginLogoMoonpay' } = {

src/constants/plugins/GuiPlugins.ts

@@ -232,6 +232,14 @@ export const guiPlugins: { [pluginId: string]: GuiPlugin } = {
     lockUriPath: true,
     displayName: 'Bitrefill'
   },
+  venmo: {
+    pluginId: 'amountquote',
+    storeId: '',
+    baseUri: '',
+    lockUriPath: true,
+    nativePlugin: amountQuoteFiatPlugin,
+    displayName: ''
+  },
   wire: {
     pluginId: 'amountquote',
     storeId: '',

src/constants/plugins/buyPluginList.json

@@ -212,6 +212,17 @@
     "cryptoCodes": [],
     "paymentTypeLogoKey": "bank"
   },
+  {
+    "id": "venmo",
+    "pluginId": "venmo",
+    "paymentType": "venmo",
+    "paymentTypes": ["venmo"],
+    "title": "Venmo",
+    "description": "Fee: ~5%\nSettlement: 5 min - 24 hours",
+    "forCountries": ["US"],
+    "cryptoCodes": [],
+    "paymentTypeLogoKey": "venmo"
+  },
   {
     "id": "wire",
     "pluginId": "wire",
@@ -307,6 +318,10 @@
     "id": "libertyx",
     "sortIndex": 50
   },
+  {
+    "id": "venmo",
+    "sortIndex": 15
+  },
   {
     "id": "wire",
     "sortIndex": 40

src/constants/plugins/sellPluginList.json

@@ -255,6 +255,17 @@
       "type": "sell"
     }
   },
+  {
+    "id": "venmo",
+    "pluginId": "venmo",
+    "paymentType": "venmo",
+    "paymentTypes": ["venmo"],
+    "title": "Venmo",
+    "description": "Fee: ~5%\nSettlement: 5 min - 24 hours",
+    "forCountries": ["US"],
+    "cryptoCodes": [],
+    "paymentTypeLogoKey": "venmo"
+  },
   {
     "id": "xanpool",
     "pluginId": "xanpool",
@@ -320,6 +331,10 @@
     "id": "bitrefill",
     "sortIndex": 70
   },
+  {
+    "id": "venmo",
+    "sortIndex": 15
+  },
   "----- iOS specifics -----",
   "----- Country Specifics -----"
 ]

src/plugins/gui/fiatPluginTypes.ts

@@ -45,6 +45,7 @@ export const asFiatPaymentType = asValue(
   'sepa',
   'spei',
   'turkishbank',
+  'venmo',
   'wire'
 )
 export type FiatPaymentType = ReturnType<typeof asFiatPaymentType>

src/plugins/gui/providers/moonpayProvider.ts

@@ -31,10 +31,15 @@ const pluginDisplayName = 'Moonpay'
 const supportEmail = '[email protected]'
 
 const allowedCurrencyCodes: Record<FiatDirection, { [F in FiatPaymentType]?: FiatProviderAssetMap }> = {
-  buy: { credit: { providerId, fiat: {}, crypto: {} }, paypal: { providerId, fiat: {}, crypto: {} } },
+  buy: {
+    credit: { providerId, fiat: {}, crypto: {} },
+    paypal: { providerId, fiat: {}, crypto: {} },
+    venmo: { providerId, fiat: {}, crypto: {} }
+  },
   sell: {
     credit: { providerId, fiat: {}, crypto: {}, requiredAmountType: 'crypto' },
-    paypal: { providerId, fiat: {}, crypto: {}, requiredAmountType: 'crypto' }
+    paypal: { providerId, fiat: {}, crypto: {}, requiredAmountType: 'crypto' },
+    venmo: { providerId, fiat: {}, crypto: {}, requiredAmountType: 'crypto' }
   }
 }
 const allowedCountryCodes: Record<FiatDirection, FiatProviderExactRegions> = { buy: {}, sell: {} }
@@ -108,7 +113,7 @@ const asApiKeys = asString
 
 const asMoonpayCountries = asArray(asMoonpayCountry)
 
-type MoonpayPaymentMethod = 'ach_bank_transfer' | 'credit_debit_card' | 'paypal'
+type MoonpayPaymentMethod = 'ach_bank_transfer' | 'credit_debit_card' | 'paypal' | 'venmo'
 
 interface MoonpayWidgetQueryParams {
   apiKey: string
@@ -154,7 +159,8 @@ const MOONPAY_PAYMENT_TYPE_MAP: Partial<Record<FiatPaymentType, MoonpayPaymentMe
   credit: 'credit_debit_card',
   googlepay: 'credit_debit_card',
   iach: 'ach_bank_transfer',
-  paypal: 'paypal'
+  paypal: 'paypal',
+  venmo: 'venmo'
 }
 
 const NETWORK_CODE_PLUGINID_MAP: StringMap = {
@@ -184,7 +190,8 @@ const PAYMENT_TYPE_MAP: Partial<Record<FiatPaymentType, FiatPaymentType | undefi
   applepay: 'credit',
   credit: 'credit',
   googlepay: 'credit',
-  paypal: 'paypal'
+  paypal: 'paypal',
+  venmo: 'venmo'
 }
 
 let lastChecked = 0