Remove sending phone number if not present

lib/cardsApi.ts

@@ -4,8 +4,8 @@ import axios from 'axios'
 import { getAPIHostname } from './apiTarget'
 
 interface MetaData {
-  email: string
-  phoneNumber: string
+  email?: string
+  phoneNumber?: string
   sessionId: string
   ipAddress: string
 }
@@ -71,6 +71,13 @@ instance.interceptors.response.use(
   }
 )
 
+const nullIfEmpty = (prop: string | undefined) => {
+  if (prop !== undefined && prop.trim() === '') {
+    return undefined
+  }
+  return prop
+}
+
 /** Returns the axios instance */
 function getInstance() {
   return instance
@@ -121,7 +128,10 @@ function getCards(pageBefore: string, pageAfter: string, pageSize: string) {
  */
 function createCard(payload: CreateCardPayload) {
   const url = `/v1/cards`
-
+  if (payload.metadata) {
+    payload.metadata.email = nullIfEmpty(payload.metadata.email)
+    payload.metadata.phoneNumber = nullIfEmpty(payload.metadata.phoneNumber)
+  }
   return instance.post(url, payload)
 }
 
@@ -133,7 +143,10 @@ function createCard(payload: CreateCardPayload) {
  */
 function updateCard(cardId: string, payload: UpdateCardPayload) {
   const url = `/v1/cards/${cardId}`
-
+  if (payload.metadata) {
+    payload.metadata.email = nullIfEmpty(payload.metadata.email)
+    payload.metadata.phoneNumber = nullIfEmpty(payload.metadata.phoneNumber)
+  }
   return instance.put(url, payload)
 }
 

lib/marketplaceApi.ts

@@ -6,7 +6,7 @@ import { getAPIHostname } from './apiTarget'
 
 interface MetaData {
   email: string
-  phoneNumber: string
+  phoneNumber?: string
   sessionId: string
   ipAddress: string
 }
@@ -71,6 +71,13 @@ instance.interceptors.response.use(
   }
 )
 
+const nullIfEmpty = (prop: string | undefined) => {
+  if (prop === '') {
+    return undefined
+  }
+  return prop
+}
+
 /** Returns the axios instance */
 function getInstance() {
   return instance
@@ -82,6 +89,9 @@ function getInstance() {
  */
 function createPayment(payload: CreateMarketplacePaymentPayload) {
   const url = `/v1/marketplace/payments`
+  if (payload.metadata) {
+    payload.metadata.phoneNumber = nullIfEmpty(payload.metadata.phoneNumber)
+  }
   return instance.post(url, payload)
 }
 

lib/paymentsApi.ts

@@ -5,7 +5,7 @@ import { getAPIHostname } from './apiTarget'
 
 interface MetaData {
   email: string
-  phoneNumber: string
+  phoneNumber?: string
   sessionId: string
   ipAddress: string
 }
@@ -59,6 +59,13 @@ instance.interceptors.response.use(
   }
 )
 
+const nullIfEmpty = (prop: string | undefined) => {
+  if (prop === '') {
+    return undefined
+  }
+  return prop
+}
+
 /** Returns the axios instance */
 function getInstance() {
   return instance
@@ -91,6 +98,9 @@ function cancelPayment(id: string, payload: any) {
  */
 function createPayment(payload: CreatePaymentPayload) {
   const url = `/v1/payments`
+  if (payload.metadata) {
+    payload.metadata.phoneNumber = nullIfEmpty(payload.metadata.phoneNumber)
+  }
   return instance.post(url, payload)
 }
 
@@ -109,13 +119,6 @@ function getPayments(
   pageAfter: string,
   pageSize: string
 ) {
-  const nullIfEmpty = (prop: string) => {
-    if (prop === '') {
-      return null
-    }
-    return prop
-  }
-
   const queryParams = {
     from: nullIfEmpty(from),
     to: nullIfEmpty(to),

pages/flow/charge/existing-card/index.vue

@@ -49,7 +49,6 @@
 
               <v-text-field
                 v-model="formData.phoneNumber"
-                :rules="[rules.required]"
                 label="Phone"
                 :disabled="loading"
               />

pages/flow/charge/index.vue

@@ -124,7 +124,6 @@
 
               <v-text-field
                 v-model="formData.cardData.phoneNumber"
-                :rules="[rules.required]"
                 label="Phone"
                 :disabled="loading"
               />