This is a PUBG Mobile UC (in-game currency) shop component written in React. It's a complete e-commerce interface that allows users to purchase UC packages, enter their game details, select payment providers, and process payments with USD to Kuwaiti Dinar conversion. The component features Arabic text, form validation, error handling, and integrates with backend payment APIs.
I've imported your PUBG UC shop component and set it up as the main page. The component includes package selection, user input validation, payment provider integration, and currency conversion from USD to KWD. It's ready to use with your backend API for processing orders and payments.
To configure the generation, complete these steps:
I can see your PUBG UC shop component uses MyFatoorah as a payment provider option. Based on the code, it sends payment requests to /api/orders endpoint which would need to integrate with MyFatoorah's API.
For MyFatoorah integration, you'll typically need these environment variables:
MYFATOORAH_API_KEY - Your API key from MyFatoorah dashboardMYFATOORAH_BASE_URL - Either sandbox (https://apitest.myfatoorah.com) or production (https://api.myfatoorah.com)You would also need to create the API route handler at /api/orders that integrates with MyFatoorah's payment API to create payment sessions and handle the payment flow.
Would you like me to help you set up the MyFatoorah API integration, or do you need help with getting your API keys from the MyFatoorah dashboard?