Fix type of supported payment components

processor/src/dtos/payment-methods.dto.ts

@@ -1,7 +1,11 @@
 import { Static, Type } from '@sinclair/typebox';
 
-export const SupportedPaymentMethodData = Type.String();
+export const SupportedPaymentComponentsData = Type.Object({
+  type: Type.String(),
+});
 
-export const SupportedPaymentMethodsSchema = Type.Array(SupportedPaymentMethodData);
+export const SupportedPaymentComponentsSchema = Type.Object({
+  components: Type.Array(SupportedPaymentComponentsData),
+});
 
-export type SupportedPaymentMethodsDTO = Static<typeof SupportedPaymentMethodsSchema>;
+export type SupportedPaymentComponentsSchemaDTO = Static<typeof SupportedPaymentComponentsSchema>;

processor/src/routes/payment-components.route.ts

@@ -10,8 +10,12 @@ export const paymentComponentsRoute = async (
   fastify: FastifyInstance,
   options: FastifyPluginOptions & PaymentComponentsRoutesOptions,
 ) => {
-  fastify.get('/payment-components', async (request, reply) => {
-    const result = await options.paymentService.getSupportedPaymentComponents();
-    reply.code(200).send(result);
-  });
+  fastify.get(
+    '/payment-components',
+
+    async (request, reply) => {
+      const result = await options.paymentService.getSupportedPaymentComponents();
+      reply.code(200).send(result);
+    },
+  );
 };

processor/src/routes/payment.route.ts

@@ -1,4 +1,3 @@
-
 import { SessionAuthenticationHook } from '@commercetools/connect-payments-sdk';
 import { FastifyInstance, FastifyPluginOptions } from 'fastify';
 import {

processor/src/services/payment.service.ts

@@ -1,8 +1,9 @@
 import { CommercetoolsCartService, CommercetoolsPaymentService } from '@commercetools/connect-payments-sdk';
 import { paymentProviderApi } from '../clients/mockPaymentAPI';
-import { CreatePayment, PaymentService, PaymentServiceOptions, SupportedPaymentComponents } from './types/payment.type';
+import { CreatePayment, PaymentService, PaymentServiceOptions } from './types/payment.type';
 import { PaymentOutcome, PaymentResponseSchemaDTO } from '../dtos/payment.dto';
 import { getCartIdFromContext } from '../libs/fastify/context/context';
+import { SupportedPaymentComponentsSchemaDTO } from '../dtos/payment-methods.dto';
 
 export class DefaultPaymentService implements PaymentService {
   private ctCartService: CommercetoolsCartService;
@@ -13,10 +14,14 @@ export class DefaultPaymentService implements PaymentService {
     this.ctPaymentService = opts.ctPaymentService;
   }
 
-  public async getSupportedPaymentComponents(): Promise<SupportedPaymentComponents> {
+  public async getSupportedPaymentComponents(): Promise<SupportedPaymentComponentsSchemaDTO> {
     // TODO : Implement actual API call to payment service provider
     return {
-      supportedPaymentComponents: ['dropin', 'card', 'applepay'],
+      components: [
+        {
+          type: 'card',
+        },
+      ],
     };
   }
 

processor/src/services/types/payment.type.ts

@@ -1,7 +1,7 @@
 import { Cart, Payment } from '@commercetools/platform-sdk';
 import { CommercetoolsCartService, CommercetoolsPaymentService } from '@commercetools/connect-payments-sdk';
 import { PaymentOutcome, PaymentRequestSchemaDTO, PaymentResponseSchemaDTO } from '../../dtos/payment.dto';
-import { SupportedPaymentMethodsDTO } from '../../dtos/payment-methods.dto';
+import { SupportedPaymentComponentsSchemaDTO } from '../../dtos/payment-methods.dto';
 
 export type CreatePayment = {
   data: PaymentRequestSchemaDTO;
@@ -19,13 +19,9 @@ export type MockPaymentProviderResponse = {
   paymentMethodType: string;
 };
 
-export type SupportedPaymentComponents = {
-  supportedPaymentComponents: SupportedPaymentMethodsDTO;
-};
-
 export interface PaymentService {
   createPayment(opts: CreatePayment): Promise<PaymentResponseSchemaDTO>;
-  getSupportedPaymentComponents(): Promise<SupportedPaymentComponents>;
+  getSupportedPaymentComponents(): Promise<SupportedPaymentComponentsSchemaDTO>;
 }
 
 export type PaymentServiceOptions = {