diff --git a/src/libs/CardUtils.ts b/src/libs/CardUtils.ts index 106debd0a7e5..6f80a8a20a6b 100644 --- a/src/libs/CardUtils.ts +++ b/src/libs/CardUtils.ts @@ -139,6 +139,10 @@ function hasDetectedFraud(cardList: Record): boolean { return Object.values(cardList).some((card) => card.fraud !== CONST.EXPENSIFY_CARD.FRAUD_TYPES.NONE); } +function getMCardNumberString(cardNumber: string): string { + return cardNumber.replace(/\s/g, ''); +} + export { isExpensifyCard, isCorporateCard, @@ -150,4 +154,5 @@ export { getCardDescription, findPhysicalCard, hasDetectedFraud, + getMCardNumberString, }; diff --git a/src/libs/actions/PaymentMethods.ts b/src/libs/actions/PaymentMethods.ts index c5096717ecfc..d4713e580b64 100644 --- a/src/libs/actions/PaymentMethods.ts +++ b/src/libs/actions/PaymentMethods.ts @@ -162,7 +162,7 @@ function addPaymentCard(params: PaymentCardParams) { const cardYear = CardUtils.getYearFromExpirationDateString(params.expirationDate); const parameters: AddPaymentCardParams = { - cardNumber: params.cardNumber, + cardNumber: CardUtils.getMCardNumberString(params.cardNumber), cardYear, cardMonth, cardCVV: params.securityCode, diff --git a/src/pages/settings/Subscription/PaymentCard/index.tsx b/src/pages/settings/Subscription/PaymentCard/index.tsx index 179590f48907..abaf50ca0af5 100644 --- a/src/pages/settings/Subscription/PaymentCard/index.tsx +++ b/src/pages/settings/Subscription/PaymentCard/index.tsx @@ -56,7 +56,7 @@ function AddPaymentCard() { const addPaymentCard = useCallback((values: FormOnyxValues) => { const cardData = { - cardNumber: values.cardNumber, + cardNumber: CardUtils.getMCardNumberString(values.cardNumber), cardMonth: CardUtils.getMonthFromExpirationDateString(values.expirationDate), cardYear: CardUtils.getYearFromExpirationDateString(values.expirationDate), cardCVV: values.securityCode, diff --git a/src/pages/workspace/members/WorkspaceOwnerPaymentCardForm.tsx b/src/pages/workspace/members/WorkspaceOwnerPaymentCardForm.tsx index da9ecd8c1664..ad16587f6ab9 100644 --- a/src/pages/workspace/members/WorkspaceOwnerPaymentCardForm.tsx +++ b/src/pages/workspace/members/WorkspaceOwnerPaymentCardForm.tsx @@ -61,7 +61,7 @@ function WorkspaceOwnerPaymentCardForm({policy}: WorkspaceOwnerPaymentCardFormPr const addPaymentCard = useCallback( (values: FormOnyxValues) => { const cardData = { - cardNumber: values.cardNumber, + cardNumber: CardUtils.getMCardNumberString(values.cardNumber), cardMonth: CardUtils.getMonthFromExpirationDateString(values.expirationDate), cardYear: CardUtils.getYearFromExpirationDateString(values.expirationDate), cardCVV: values.securityCode,