@gmisoftware/przelewy24-payments-medusa
Version:
Przelewy24 (P24) payment integration plugin for Medusa e-commerce with BLIK, cards, and general P24 support.
325 lines (244 loc) • 10.5 kB
Markdown
# Przelewy24 Payments for Medusa
A comprehensive payment provider plugin that enables [Przelewy24](https://www.przelewy24.pl/) payments on [Medusa](https://medusajs.com/) V2 projects.
<p align="center">
<a href="https://gmi.software/">
<img src="https://img.shields.io/badge/Website-gmi.software-blue?style=flat&logo=world" alt="Website" />
</a>
<a href="https://pl.linkedin.com/company/gmisoftware">
<img src="https://img.shields.io/badge/LinkedIn-gmisoftware-blue?style=flat&logo=linkedin" alt="LinkedIn" />
</a>
</p>
## Table of Contents
- [Features](#features)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Configuration](#configuration)
- [Configuration Options](#configuration-options)
- [Environment Variables](#environment-variables)
- [Usage](#usage)
- [Client-Side Integration](#client-side-integration)
- [Supported Payment Methods](#supported-payment-methods)
- [Payment Flows](#payment-flows)
- [Webhook Configuration](#webhook-configuration)
- [Extending the Plugin](#extending-the-plugin)
- [Local Development and Customization](#local-development-and-customization)
- [License](#license)
## Features
- **Multiple Payment Methods**: Supports a wide range of Przelewy24 payment methods including:
- BLIK (Regular and One-Click)
- Credit/Debit Cards
- Bank Transfers
- White Label Integration
- **Modular Architecture**: Multiple services in a single module provider for easy management.
- **Webhook Support**: Full support for Przelewy24 webhooks for real-time payment status updates.
- **TypeScript Support**: Full TypeScript implementation with proper types.
- **Sandbox Mode**: Built-in sandbox support for testing.
> [!WARNING] > _This plugin has not been tested on a live store. Please conduct thorough testing before using it in a production environment. GMI Software is not responsible for any missed or failed payments resulting from the use of this plugin. If you encounter any issues, please report them [here](https://github.com/gmi-software/p24-medusa-plugin/issues)._
## Prerequisites
- Medusa server v2.4.0 or later
- Node.js v20 or later
- A [Przelewy24](https://www.przelewy24.pl/) merchant account with API credentials.
> [!NOTE] > _You can get your API credentials from your Przelewy24 merchant panel_
## Installation
```bash
yarn add p24-medusa-plugin
```
## Configuration
Add the provider to the `@medusajs/payment` module in your `medusa-config.ts` file:
```typescript
import { Modules } from "@medusajs/framework/utils";
module.exports = defineConfig({
modules: [
{
resolve: "@medusajs/medusa/payment",
options: {
providers: [
{
resolve:
"@gmisoftware/przelewy24-payments-medusa/providers/przelewy24",
id: "przelewy24",
options: {
api_key: process.env.P24_API_KEY,
merchant_id: process.env.P24_MERCHANT_ID,
pos_id: process.env.P24_POS_ID,
crc: process.env.P24_CRC,
sandbox: process.env.P24_IS_SANDBOX,
frontend_url: process.env.MEDUSA_STORE_URL,
backend_url: process.env.MEDUSA_BACKEND_URL,
},
},
],
},
},
],
plugins: ["@gmisoftware/przelewy24-payments-medusa"],
});
```
## Configuration Options
| Option | Description | Required | Default |
| -------------- | -------------------------------------- | -------- | ----------------------- |
| `merchant_id` | P24 Merchant ID | Yes | - |
| `pos_id` | P24 POS ID | Yes | - |
| `api_key` | P24 API Key | Yes | - |
| `crc` | P24 CRC Key for signature verification | Yes | - |
| `sandbox` | Enable sandbox mode | No | `false` |
| `frontend_url` | Frontend URL for customer redirects | No | `http://localhost:3000` |
| `backend_url` | Backend URL for webhook notifications | No | `http://localhost:9000` |
## Environment Variables
Create or update your `.env` file with the following variables:
```bash
# P24 Configuration
P24_MERCHANT_ID=your_merchant_id
P24_POS_ID=your_pos_id
P24_API_KEY=your_api_key
P24_CRC=your_crc_key
# URL Configuration
FRONTEND_URL=https://your-frontend-domain.com
BACKEND_URL=https://your-backend-domain.com
```
## Usage
Once installed and configured, the Przelewy24 payment methods will be available in your Medusa admin. To enable them, log in to your Medusa Admin, browse to Settings > Regions, add or edit a region and select the desired P24 providers from the dropdown.
Make sure that the selected payment methods are enabled in your Przelewy24 merchant panel as well.
### Client-Side Integration
To integrate with your storefront, you'll need to implement the payment flow according to Przelewy24's and Medusa's documentation. Here's a basic example:
#### BLIK Payment
BLIK payments use a two-phase flow:
**Phase 1: Create Payment Session**
```typescript
// Create payment session for BLIK
const paymentSession = await medusa.payment.createPaymentSession({
provider_id: "p24-blik",
amount: 10000, // 100.00 PLN in grosze
currency_code: "PLN",
data: {
country: "PL", // Country code (defaults to "PL" if not provided)
language: "pl", // Language code (defaults to "pl" if not provided)
},
context: {
email: "customer@example.com",
},
});
// Response includes session_id and token, but no redirect_url
console.log(paymentSession.data.session_id); // Use this for BLIK processing
```
**Phase 2: Process BLIK Code**
```typescript
// Call internal API to process BLIK code
const blikResponse = await fetch("/admin/plugin/blik", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
token: paymentSession.data.token, // Token from payment session
blikCode: "123456", // 6-digit BLIK code from user
}),
});
```
#### Card Payment
```typescript
// Create payment session for cards
const paymentSession = await medusa.payment.createPaymentSession({
provider_id: "p24-cards",
amount: 10000, // 100.00 PLN in grosze
currency_code: "PLN",
data: {
country: "PL", // Country code (defaults to "PL" if not provided)
language: "pl", // Language code (defaults to "pl" if not provided)
},
context: {
email: "customer@example.com",
billing_address: {
country_code: "PL",
},
},
});
// Redirect user to payment URL
window.location.href = paymentSession.data.redirect_url;
```
#### General P24 Payment
```typescript
// Create payment session for general P24
const paymentSession = await medusa.payment.createPaymentSession({
provider_id: "p24-general",
amount: 10000,
currency_code: "PLN",
data: {
country: "PL", // Country code (defaults to "PL" if not provided)
language: "pl", // Language code (defaults to "pl" if not provided)
},
context: {
email: "customer@example.com",
},
});
// Redirect user to P24 payment selection
window.location.href = paymentSession.data.redirect_url;
```
### Supported Payment Methods
The plugin currently supports the following Przelewy24 payment methods:
| Payment Method | Provider ID |
| -------------- | ----------------------------- |
| BLIK | `pp_p24-blik_p24-blik` |
| Cards | `pp_p24-cards_p24-cards` |
| General P24 | `pp_p24-provider_p24-general` |
## Payment Flows
### 1. BLIK Payment Flow
1. **Phase 1**: Frontend creates payment session via `initiatePayment`
2. **Phase 2**: Frontend collects BLIK code (6 digits) from customer
3. **Phase 3**: Frontend calls internal API `/admin/plugin/blik` with BLIK code
4. **Phase 4**: Backend calls P24 BLIK API to charge the payment
5. **Phase 5**: Customer confirms payment on mobile device
6. **Phase 6**: P24 sends webhook notification confirming payment
7. **Phase 7**: Order is completed
**Note**: BLIK payments don't use redirect URLs. The entire flow happens through API calls.
### 2. Card Payment Flow
1. Customer is redirected to P24 card payment page
2. Customer enters card details
3. Payment is processed
4. Customer is redirected back to store
5. Webhook notification confirms payment
### 3. General P24 Flow
1. Customer is redirected to P24 payment selection
2. Customer chooses payment method (bank transfer, etc.)
3. Payment is processed through chosen method
4. Customer is redirected back to store
5. Webhook notification confirms payment
## Webhook Configuration
### Webhook URLs
The plugin provides webhook endpoints for each provider:
- **BLIK**: `{backend_url}/hooks/payment/p24-blik_p24-medusa-plugin`
- **Cards**: `{backend_url}/hooks/payment/p24-cards_p24-medusa-plugin`
- **General**: `{backend_url}/hooks/payment/p24-provider_p24-medusa-plugin`
### Return URL
- **Return URL**: `{frontend_url}`
Configure these URLs in your P24 merchant panel.
**Note**: The webhook URLs follow Medusa's pattern: `{identifier}_{provider}` where:
- `identifier` is the service's static identifier (e.g., `p24-blik`, `p24-cards`, `p24-provider`)
- `provider` is the package name (`p24-medusa-plugin`)
## Extending the Plugin
To add support for additional Przelewy24 payment methods, create a new service in `src/providers/przelewy24/services` that extends the `P24Base` class:
```typescript
import P24Base from "../core/p24-base";
import { PaymentOptions } from "../types";
class P24NewMethodService extends P24Base {
static identifier = "p24-new-method";
get paymentCreateOptions(): PaymentOptions {
return {
method: "new_method",
};
}
}
export default P24NewMethodService;
```
Make sure to replace `new_method` with the actual Przelewy24 payment method ID.
Export your new service from `src/providers/przelewy24/services/index.ts`. Then add your new service to the list of services in `src/providers/przelewy24/index.ts`.
## Local development and customization
In case you want to customize and test the plugin locally, refer to the [Medusa Plugin docs](https://docs.medusajs.com/learn/fundamentals/plugins/create#3-publish-plugin-locally-for-development-and-testing).
## License
MIT License
## Contributing
1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Add tests
5. Submit a pull request