Implement the shared PaymentMethodSelection component in common pckgs

[aniketceminds]

Description

We need to create a reusable PaymentMethodSelection component that can be shared across multiple applications within the Beckn ecosystem. This component will handle payment method selection during checkout or transaction processes.

Goals

1. Design a flexible PaymentMethodSelection component.
2. Develop a modular component that allows users to choose from different payment methods (e.g., credit card, PayPal, UPI).
3. Ensure seamless integration of this component into different apps.

Expected Outcome

A reusable PaymentMethodSelection component that simplifies payment method handling across Beckn applications.

Acceptance Criteria

1. PaymentMethodSelection Component:
   • Design a UI for selecting payment methods.
   • Include options for common payment methods.
   • Allow customization for app-specific payment methods.
2. Integration:
   • Integrate the component into existing checkout or transaction flows.
   • Test different payment scenarios (e.g., success, failure, validation).
3. Consistency:
   • Maintain consistent styling (colors, fonts) with other UI components.
   • Ensure responsiveness for various screen sizes.

Mockups / Wireframes

N/A (This section can be updated later if needed.)

Product Name

Beckn

Domain

Migration

Tech Skills Needed

• Proficiency in frontend development (e.g., React, Angular, Vue.js).
• Understanding of payment gateway integrations.

Complexity

Medium

Category

UI Components

Sub Category

Payment Methods

[aniketceminds]

resolution: added new reusable PaymentMethodSelection component and its child component to render the diff payment methods